August 2013

Bagaimana Cara Membuat Persentase pada Scrollbar di blog

<div dir="ltr" style="text-align: left;" trbidi="on">
M-S Blog || Bagaimana Cara Membuat Persentase pada Scrollbar - Tutorial kali ini sebenarnya tidak terlalu penting bagi sebuah blog, namun bagi sahabat yang ingin membuat blognya lebih unik, tidak ada salahnya untuk mencoba menerapkan persentase pada scrollbar ini. Pada postingan sebelum nya juga di jelaskan <a href="http://www.muhammad-sholeh.info/2013/08/bagaimana-cara-merubah-warna-scroll-bar.html">Bagaimana Cara Merubah Warna Scroll Bar dengan CSS di blog</a> 
 Dengan menambahkan persentase, pengunjung akan bisa melihat berapa persen halaman yang telah di scroll, apabila sampai bawah di scroll maka akan menjadi 100%. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsslWBXDo_3mw-Z036TgnhgD7N3WTMbt4jpK4geUG5gXXMUdZ3UDYnz6Rsrs8hEHJd_7Bnc1YDtuHzE4WN2eFmwzexHFa8O7y8SzUdSYw9WqQOcbmAuweIfJnvQDwPMAjaevawCnfmnho/s1600/22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Bagaimana Cara Membuat Persentase pada Scrollbar di blog" border="0" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsslWBXDo_3mw-Z036TgnhgD7N3WTMbt4jpK4geUG5gXXMUdZ3UDYnz6Rsrs8hEHJd_7Bnc1YDtuHzE4WN2eFmwzexHFa8O7y8SzUdSYw9WqQOcbmAuweIfJnvQDwPMAjaevawCnfmnho/s640/22.png" title="Bagaimana Cara Membuat Persentase pada Scrollbar di blog" width="640" /></a></div>
 
<div class="clear" style="background-color: #2f3135; clear: both; color: #dfe2e4; font-family: Ubuntu, Arial, sans-serif; font-size: 13px; line-height: 23.390625px; margin: 0px; padding: 0px;">
</div>
 Untuk membuatnya silahkan ikuti langkah-langkahnya : Langkah 1 : Seperti biasa masuk ke Template dan Edit HTML. Simpan kode ini di atas <code style="background-color: white; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; line-height: 16px;">]]></b:skin></code> 
<pre style="background-color: #002028; border-left-color: rgb(24, 78, 89); border-left-style: solid; border-left-width: 3px; clear: both; color: #84999b; font-size: 12px; line-height: 23.390625px; margin-bottom: 1.3em; margin-top: 1.3em; overflow: auto; padding: 0.5em 1em; word-wrap: normal;"><code class="css" style="color: #839496; display: block; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; line-height: 16px; padding: 0.5em;">#scroll {
  display: none;
  position: fixed;
  top: 0;
  right: 20px;
  z-index: 500;
  padding: 3px 8px;
  background-color: #2187e7;
  color: #fff;
  border-radius: 3px;
}
#scroll:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -8px;
  height: 0;
  width: 0;
  margin-top: -4px;
  border: 4px solid transparent;
  border-left-color: #2187e7;
}</code></pre>
<blockquote style="background-color: #445787; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; font-family: Ubuntu, Arial, sans-serif; font-size: 13px; line-height: 23.390625px; margin: 0.75em 0px; padding: 10px 15px; position: relative;">
NB: Ubahlah warna background presentase pada Scrollbar sesuka anda.</blockquote>
 
 Langkah 2 : Simpan kode ini di bawah <code style="font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; line-height: 16px;"></head></code> 
<pre style="background-color: #002028; border-left-color: rgb(24, 78, 89); border-left-style: solid; border-left-width: 3px; clear: both; color: #84999b; font-size: 12px; line-height: 23.390625px; margin-bottom: 1.3em; margin-top: 1.3em; overflow: auto; padding: 0.5em 1em; word-wrap: normal;"><code class="xml" style="color: #839496; display: block; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; line-height: 16px; padding: 0.5em;"><div id='scroll'></div></code></pre>
 Langkah 3 : Simpan JavaScript ini di atas <code style="font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; line-height: 16px;"></body></code> 
<pre style="background-color: #002028; border-left-color: rgb(24, 78, 89); border-left-style: solid; border-left-width: 3px; clear: both; color: #84999b; font-size: 12px; line-height: 23.390625px; margin-bottom: 1.3em; margin-top: 1.3em; overflow: auto; padding: 0.5em 1em; word-wrap: normal;"><code class="xml" style="color: #839496; display: block; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; line-height: 16px; padding: 0.5em;"><script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
 var viewportHeight = $(this).height(),
 scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
 progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
 distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
 $('#scroll')
 .css('top', distance)
 .text(' ' + Math.round(progress * 100) + '%')
 .fadeIn(100);
 if (scrollTimer !== null) {
 clearTimeout(scrollTimer);
 }
 scrollTimer = setTimeout(function() {
 $('#scroll').fadeOut();
 }, 1500);
});
//]]>
</script></code></pre>
Simpan Template. Sekian dan Terima Kasih</div>

M-S Blog || Bagaimana Cara Membuat Persentase pada Scrollbar - Tutorial kali ini sebenarnya tidak terlalu penting bagi sebuah blog, namun...

03:28 +

Bagaimana Cara Merubah Warna Scroll Bar dengan CSS di blog

<div dir="ltr" style="text-align: left;" trbidi="on">
M-S Blog || Bagaimana Cara Merubah Warna Scroll Bar dengan CSS di blog - Apa arti scrollbar? Scroll bar berarti bar penggulung. Scrollbar biasanya kita lihat berada di samping kanan blog untuk menggulung layar ke atas atau bawah. Untuk lebih jelasnya bisa sobat lihat pada screenshoot di bawah ini : 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUOytFPvpv8BmQZICYlChfZuCWYbKVZ9RqV9LmSK2MC__0VUFL7aucICVb2afdw0JVIDqIhkI2fTeb4SBTSCi8iHhep2W3rRNFFcJH5UT_3yWbpD7BOGcXouVkCFLEHdUWpJdrNcASio/s1600/11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Bagaimana Cara Merubah Warna Scroll Bar dengan CSS di blog" border="0" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUOytFPvpv8BmQZICYlChfZuCWYbKVZ9RqV9LmSK2MC__0VUFL7aucICVb2afdw0JVIDqIhkI2fTeb4SBTSCi8iHhep2W3rRNFFcJH5UT_3yWbpD7BOGcXouVkCFLEHdUWpJdrNcASio/s640/11.png" title="Bagaimana Cara Merubah Warna Scroll Bar dengan CSS di blog" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
Menurut saya, mengganti scroll bar tidak ada hubungannya dengan SEO. Hal ini digunakan hanya untuk mempercantik tampilan blog agar betah berlama2 tinggal di blog kita. ##Caranya sangat gampang, sobat tinggal menyimpan kode ini di atas <code style="font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; line-height: 16px;">]]></b:skin></code> 
<pre style="border-left-color: rgb(24, 78, 89); border-left-style: solid; border-left-width: 3px; clear: both; font-size: 12px; line-height: 23.390625px; margin-bottom: 1.3em; margin-top: 1.3em; overflow: auto; padding: 0.5em 1em; word-wrap: normal;"><code class="ruby" style="display: block; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; line-height: 16px; padding: 0.5em;">::-webkit-scrollbar {
height:12px;
width: 15px;
background: #6d6d6d; //warna background scroll
}
::-webkit-scrollbar-thumb {
background-color: #142c3e; //warna scroll
}</code></pre>
Untuk menyesuaikan dengan tampilan blog sobat, silahkan edit warna scroll dan warna backgroundnya. NB : Kode di atas tidak bisa tampil di Firefox atau Internet Explorer, dan hanya tampil di Google Chrome.</div>

M-S Blog || Bagaimana Cara Merubah Warna Scroll Bar dengan CSS di blog - Apa arti scrollbar? Scroll bar berarti bar penggulung. Scrollbar ...

01:05 +

Tutorial cara membuat logo Telkomsel dengan corel draw

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.muhammad-sholeh.info/2013/08/tutorial-cara-membuat-logo-telkomsel.html">Tutorial cara membuat logo Telkomsel dengan corel draw</a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDrX1HUWOaHmr935_B_tr1Z7gHFnBkdJC9NAWxS0Gzi1DLLrM7WjDwSRz4sPTseF82F-CaKrNiu6B5u9cfPxeJ76Da1FszKF7PhvxWT-cjxGl44rHyl-MiWprkGat0ABHrYSVHig_LXsA/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial cara membuat logo Telkomsel dengan corel draw" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDrX1HUWOaHmr935_B_tr1Z7gHFnBkdJC9NAWxS0Gzi1DLLrM7WjDwSRz4sPTseF82F-CaKrNiu6B5u9cfPxeJ76Da1FszKF7PhvxWT-cjxGl44rHyl-MiWprkGat0ABHrYSVHig_LXsA/s320/1.png" title="Tutorial cara membuat logo Telkomsel dengan corel draw" width="320" /></a></div>
 
 
M-S Blog || kali ini saya akan post bagaimana <a href="http://www.muhammad-sholeh.info/2013/08/tutorial-cara-membuat-logo-telkomsel.html">Tutorial cara membuat logo Telkomsel dengan corel draw</a> 
 
Berikut caranya :   
1. Jalankan Program CorelDraw (kali ini saya menggunakan corel draw x4) 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIClt_9Hh5r5j7I5CfVduCXPcOmzC2FZmmRgzYc1CRwTPoIHGrVT6FzO1iVV_5levr0SHese8K4rZo7uKMyF0VFs4m_s21kOnBgwWUdAG0BIAIAnZSVyj_ZSnfEW635TEcuiaVOnp8gtw/s1600/CorelDraw_X4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial cara membuat logo Telkomsel dengan corel draw" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIClt_9Hh5r5j7I5CfVduCXPcOmzC2FZmmRgzYc1CRwTPoIHGrVT6FzO1iVV_5levr0SHese8K4rZo7uKMyF0VFs4m_s21kOnBgwWUdAG0BIAIAnZSVyj_ZSnfEW635TEcuiaVOnp8gtw/s1600/CorelDraw_X4.png" title="Tutorial cara membuat logo Telkomsel dengan corel draw" /></a></div>
 
2. Buatlah sebuah objek segienam, Pilih polygonal
tool, kemudian pada property bar, Anda masukkan nilai 6 untuk membuat segienam 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmZ4rO0J25LBhbGS79HmvDQJf0gVdc6Old0JYjdzkGG4rIS3YY2vGXF7SA1nfhPOeWO1jDZTearNpdxO6QZnA5q72I9xk5GW6cXGkbGgYoRFFB81Yrywjpk6nsalHm-WXPxTHuvjPl55g/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial cara membuat logo Telkomsel dengan corel draw" border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmZ4rO0J25LBhbGS79HmvDQJf0gVdc6Old0JYjdzkGG4rIS3YY2vGXF7SA1nfhPOeWO1jDZTearNpdxO6QZnA5q72I9xk5GW6cXGkbGgYoRFFB81Yrywjpk6nsalHm-WXPxTHuvjPl55g/s320/2.png" title="Tutorial cara membuat logo Telkomsel dengan corel draw" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
 
 
3.
Miringkan objek segienam tersebut dengan merotasikannya sebesar 350 derajat 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtCJsPB3cjBL9tjzvwStyDf5aUKxYvHaZhyznaDLSRbBlInhvVZYFfREK4Za7DipTYHHpiAIik11lXifZI3lZnco5st5qjrfREmLPz129yM4dVdtFRb2qNjAGRYAUMguQpuIuBv6odZis/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial cara membuat logo Telkomsel dengan corel draw" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtCJsPB3cjBL9tjzvwStyDf5aUKxYvHaZhyznaDLSRbBlInhvVZYFfREK4Za7DipTYHHpiAIik11lXifZI3lZnco5st5qjrfREmLPz129yM4dVdtFRb2qNjAGRYAUMguQpuIuBv6odZis/s320/3.png" title="Tutorial cara membuat logo Telkomsel dengan corel draw" width="320" /></a></div>
 
 
4.
Warnai objek tersebut dengan warna abu-abu (gray) dan copy satu objek lagi dan
beri warna merah, posisikan seperti berikut, hilangkan line dari objek
tersebut. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkqmJhkq1e-k1bxHX_7An5-PirSnEPiLN_oebrzUr-XOcYeFDjm21MySpXbA7QhdedxNxv-dvsw64fnEKmPN2wPkXqQg9cCMKQGGdGKsk3RdLcCb7Zb23_5VsioXSkbK06uL-FjNfn1io/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial cara membuat logo Telkomsel dengan corel draw" border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkqmJhkq1e-k1bxHX_7An5-PirSnEPiLN_oebrzUr-XOcYeFDjm21MySpXbA7QhdedxNxv-dvsw64fnEKmPN2wPkXqQg9cCMKQGGdGKsk3RdLcCb7Zb23_5VsioXSkbK06uL-FjNfn1io/s320/4.png" title="Tutorial cara membuat logo Telkomsel dengan corel draw" width="320" /></a></div>
 
 
5.
Nah sekarang kita akan membuat bentuk lingkaran yang melingkup objek segi enam
tersebut, gunakan ellipse tool buat agak melonjong horizontal.  

 Kemudian Anda copy-kan objek elips
tersebut tapi kecilkan sedikit letakkan di atas objek elips yang pertama
seperti berikut : 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKxaHDgkznESrlZ2dTRyj4GAs67YyHOjxuy1V4E4cNi2qHir4Gm0gOnMAWr_6oL1uM5lQP_qtmG6dfDNoL2axcu_eno9f0BAL_EJVxZRh-id8N-8lhNx0EH0OjuSvZ7CuhgCjMjs-pTe4/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial cara membuat logo Telkomsel dengan corel draw" border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKxaHDgkznESrlZ2dTRyj4GAs67YyHOjxuy1V4E4cNi2qHir4Gm0gOnMAWr_6oL1uM5lQP_qtmG6dfDNoL2axcu_eno9f0BAL_EJVxZRh-id8N-8lhNx0EH0OjuSvZ7CuhgCjMjs-pTe4/s320/5.png" title="Tutorial cara membuat logo Telkomsel dengan corel draw" width="320" /></a></div>
 
 
6.
Beri warna abu-abu terang (30% black) pada objek elips yang terpotong, letakkan
pada objek segienam, gandakan
objek elips yang terpotong tersebut atur posisi sebagai berikut : 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqseygUjd6Sh12jpc7q0kUPmNVgfDQ9u8NUpwU7mTqDq4nkz-0_4EFn1JYojU-HUGCOkTpng15Aww-TW3xlW8Uy0gu8ivOrN0iZj8UvAUitsQRK-bWXtQDGQfN0iTYzsQUzgTkkVRbpOA/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial cara membuat logo Telkomsel dengan corel draw" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqseygUjd6Sh12jpc7q0kUPmNVgfDQ9u8NUpwU7mTqDq4nkz-0_4EFn1JYojU-HUGCOkTpng15Aww-TW3xlW8Uy0gu8ivOrN0iZj8UvAUitsQRK-bWXtQDGQfN0iTYzsQUzgTkkVRbpOA/s320/6.png" title="Tutorial cara membuat logo Telkomsel dengan corel draw" width="320" /></a></div>
 
 
7.
Sekarang kita akan membuat perpotongan antara objek elips yang terpotong dengan
segienam merah, klik objek segienam merah tekan Shift kemudian klik salah satu
objek elips yang terpotong, pilih
metode intersect pada property bar, beri warna putih pada hasil pemotongan,
 
 lakukan hal yang sama pada objek elips
yang terpotong lainnya dengan segienam merah. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYGP35b4Yv-3LlK-FSU3X08MX_mkpVOmRBP1No7Z8GjRQUsRSqHVIm87ocsvtnwxO0RYGX-9A7jX-ehKM-JLIg4DXKGIOTB0DhFKCf1PfNunRU1GX5EM8CR7_Ie-xRhaugUFnRJnaOO7o/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial cara membuat logo Telkomsel dengan corel draw" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYGP35b4Yv-3LlK-FSU3X08MX_mkpVOmRBP1No7Z8GjRQUsRSqHVIm87ocsvtnwxO0RYGX-9A7jX-ehKM-JLIg4DXKGIOTB0DhFKCf1PfNunRU1GX5EM8CR7_Ie-xRhaugUFnRJnaOO7o/s320/7.png" title="Tutorial cara membuat logo Telkomsel dengan corel draw" width="320" /></a></div>
 
 
8.
Ketikkan teks TELKOMSEL (Arial, Bold, Italic) di sebelah kanan logonya. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBnKyJPjvzfEutFwpRhr0TklyLjgAvrSXGpbNenYDyct43QqE4uC21vLiOYbFxQb8SU3Bir-s-tkXXJQsOnwuxMGXPVvDMHxhUGy77cNkFL6lbyZAzUUyCb6XpWR8xm1lJ5Di6lS8r9t8/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial cara membuat logo Telkomsel dengan corel draw" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBnKyJPjvzfEutFwpRhr0TklyLjgAvrSXGpbNenYDyct43QqE4uC21vLiOYbFxQb8SU3Bir-s-tkXXJQsOnwuxMGXPVvDMHxhUGy77cNkFL6lbyZAzUUyCb6XpWR8xm1lJ5Di6lS8r9t8/s320/1.png" title="Tutorial cara membuat logo Telkomsel dengan corel draw" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
SELESAI</div>
 </div>

Tutorial cara membuat logo Telkomsel dengan corel draw M-S Blog || kali ini saya akan post bagaimana Tutorial cara membuat logo T...

19:14 +

Cara merubah Gambar Berwarna menjadi Hitam Putih dengan CSS

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
Cara merubah Gambar Berwarna menjadi Hitam Putih dengan CSS</div>
<div class="separator" style="clear: both; text-align: left;">
 
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqj3_RV0vA-d76lWQj1Y0gJqstHhj2PBtFvOlMm_jVhXjrNAm8lCtcOLJUi_2_rdeRiA23xTMUfEojst0Q4MdCQXnWiYMfzGihfrGljGlEIERJLQtOhqT8XvNOwslV9B4goFyXKVF59pSU/s1600/vf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara merubah Gambar Berwarna menjadi Hitam Putih ketika disorot kursor dengan CSS" border="0" class="hitamputih" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqj3_RV0vA-d76lWQj1Y0gJqstHhj2PBtFvOlMm_jVhXjrNAm8lCtcOLJUi_2_rdeRiA23xTMUfEojst0Q4MdCQXnWiYMfzGihfrGljGlEIERJLQtOhqT8XvNOwslV9B4goFyXKVF59pSU/s1600/vf.png" title="Cara merubah Gambar Berwarna menjadi Hitam Putih ketika disorot kursor dengan CSS" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
Pada postingan kali ini saya akan membagikan/memberitahukan "Bagaimana Cara merubah Gambar Berwarna menjadi Hitam Putih dengan CSS".</div>
<div style="text-align: center;">
 
</div>
 
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
1. Simpan Kode dibawah ini tepat di atas kode </head> pada halaman EDIT HTML : 
 
<blockquote style="background-color: #eeeeee; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(51, 51, 51); border-style: solid; border-width: 1px 1px 1px 8px; color: #333333; font-family: 'Open Sans', 'Trebuchet MS', Helvetica, sans-serif; font-size: 1.2em; height: 350px; line-height: 1.3em; margin: 10px 0px; max-height: 350px; min-height: 50px; overflow: auto; padding: 10px 50px; position: relative;">
<pre style="white-space: pre-wrap; width: 682px; word-wrap: break-word;"><code class="xml" style="background-color: #f0f0f0; background-position: initial initial; background-repeat: initial initial; color: black; display: block; padding: 0.5em;">
<style type="text/css">
.hitamputih { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ 
 -webkit-filter: grayscale(1); /* Google Chrome  Safari 6+ */
 filter: gray; /* IE6-9 */ }
.hitamputih:hover {filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale")}
</style></code></pre>
</blockquote>
 
2. Berikut contoh untuk memanggil kode CSS di atas : 
 
<blockquote style="background-color: #eeeeee; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(51, 51, 51); border-style: solid; border-width: 1px 1px 1px 8px; color: #333333; font-family: 'Open Sans', 'Trebuchet MS', Helvetica, sans-serif; font-size: 1.2em; height: 134.375px; line-height: 1.3em; margin: 10px 0px; max-height: 350px; min-height: 50px; overflow: auto; padding: 10px 50px; position: relative;">
<pre style="white-space: pre-wrap; width: 699px; word-wrap: break-word;"><code class="xml" style="background-color: #f0f0f0; background-position: initial initial; background-repeat: initial initial; color: black; display: block; padding: 0.5em;">
<img class="hitamputih" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp_NnH-IQZy_yE6Mdl2raPr5TC4w20vyBE8zyF-DH5zdY4BBY3BYin0Fk-F-yzP0HE0FO9BacsqrLP7ywaTnqLdC1HZCZeIPJ1V9YPlpTH1dhjZiQAyGRqvMJtbnkeGOtlcnajMBbbleU/s1600/a2cf7051-5952-4b39-aca3-4481976cb242.jpg"/></code></pre>
</blockquote>
 
# Jika anda ingin membuat semua gambar yang ada di blog anda secara otomatis menjadi hitam putih / (grayscale) dan menjadi berwarna ketika di sentuh!.. silahkan Tempel kode dibawah ini sebelum kode ]]></b:skin> pada Edit HTML :  
<blockquote style="background-color: #eeeeee; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(51, 51, 51); border-style: solid; border-width: 1px 1px 1px 8px; color: #333333; font-family: 'Open Sans', 'Trebuchet MS', Helvetica, sans-serif; font-size: 1.2em; height: 350px; line-height: 1.3em; margin: 10px 0px; max-height: 350px; min-height: 50px; overflow: auto; padding: 10px 50px; position: relative;">
<pre style="white-space: pre-wrap; width: 682px; word-wrap: break-word;"><code class="xml" style="background-color: #f0f0f0; background-position: initial initial; background-repeat: initial initial; color: black; display: block; padding: 0.5em;">
.post img, .sidebar img{
 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ 
 -webkit-filter: grayscale(1); /* Google Chrome Safari 6+ */
 filter: gray; /* IE6-9 */
 }

.post img:hover, .sidebar img:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
</code></pre>
</blockquote>
 
Semoga Tutorial Cara merubah Gambar Berwarna menjadi Hitam Putih dengan CSS ini bermanfaat .. terima kasih ! 
 
 #jika ada pertanyaan tentang Cara merubah Gambar Berwarna menjadi Hitam Putih dengan CSS silahkan tinggalkan komentar !</div>

Cara merubah Gambar Berwarna menjadi Hitam Putih dengan CSS Pada postingan kali ini saya akan membagikan/memberitahukan ...

02:54 +

Cara sign out dan mengganti/mengubah akun Blackberry ID

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSUne-GMBicG7tjKrvSDGukSB7pVyc2gIryLENKnw239YLFTnQvwpABfnkTpyTYxMiEuwt8lTbO7cffx3qS0LJ2eseEHhVN_j_6sOhvVhhxjiNSxcijneuRZS1RtCa1vuPIRn4PqZPjJo/s1600/images+%25283%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara sign out dan mengganti/mengubah akun Blackberry ID" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSUne-GMBicG7tjKrvSDGukSB7pVyc2gIryLENKnw239YLFTnQvwpABfnkTpyTYxMiEuwt8lTbO7cffx3qS0LJ2eseEHhVN_j_6sOhvVhhxjiNSxcijneuRZS1RtCa1vuPIRn4PqZPjJo/s1600/images+%25283%2529.jpg" title="Cara sign out dan mengganti/mengubah akun Blackberry ID" /></a></div>
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
M-S Blog || kali ini saya akan bagi-bagi tips tentang Cara sign out dan mengganti/mengubah akun Blackberry ID, Bagi anda yang sudah update BlackBerry AppWorld ke versi terbaru, mungkin anda bingung bagaimana caranya sign out akun BlackBerry ID anda, atau anda yang baru membeli blackberry second/bekas mungkin Blackberry ID masih digunakan oleh pengguna lama/akun lain. Ya memang, di versi terbaru BlackBerry AppWorld, memang anda tidak akan bisa sign out dari BlackBerry ID anda, hal ini cukup memudahkan kita, karena kita tidak perlu memasukkan email dan password kita saat kita ingin mengupdate aplikasi ke versi terbaru, tapi hal ini akan menjadi masalah jika kita ingin menggunakan akun BlackBerry ID kita yang lain, karena BlackBerry ID tidak bisa di sign out. </div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
 </div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
Tapi sebenarnya, meskipun kita tidak bisa sign out BlackBerry ID dari BlackBerry AppWorld, ada cara sign out BlackBerry ID atau AppWorld, yaitu dengan cara menghapus aplikasi BlackBerry Identity, dengan menghapus BlackBerry Identity, semua aplikasi yang terhubung dengan BlackBerry ID akan otomatis ter-sign out dan kita bisa login lagi menggunakan BlackBerry ID yang lain.</div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
 </div>
<div class="separator" style="clear: both; font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: center;">
</div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
Sebelum saya beritahu caranya, ANDA WAJIB INVITE SAYA terlebih dahulu. wkwkwkwkwk</div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAHB1HeOhdIUyGc3faXg_7XR5cmgpK2FOyuDb0urC3NAyyRfc5i33Yc1xSknsldcimT53NeIfcaHTOujolqxDwb1XoDT2lW-qEGa_wOdgaZSScFZCZ_Ao-C7CQnwSVDdHZkGc-hHXHQYY/s1600/Screen_20130806_210425.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara sign out dan mengganti/mengubah akun Blackberry ID" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAHB1HeOhdIUyGc3faXg_7XR5cmgpK2FOyuDb0urC3NAyyRfc5i33Yc1xSknsldcimT53NeIfcaHTOujolqxDwb1XoDT2lW-qEGa_wOdgaZSScFZCZ_Ao-C7CQnwSVDdHZkGc-hHXHQYY/s1600/Screen_20130806_210425.jpg" title="Cara sign out dan mengganti/mengubah akun Blackberry ID" /></a></div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
 </div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
 </div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
 </div>
<div style="text-align: left;">
Cara sign out dan mengganti/mengubah akun Blackberry ID</div>
<div style="text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZhpfM6Ave1U1aGDmOL0bNq72sE8rfjTnbwYEXcKlBCj2J4KS6wDxlKF7RWC2X9QISKGlkj_0dC6kDUbM37t5nYeO2apg72ygfSUA1JAThCuT0pwoGa_VtYPJsaFx1-4sGzUZRXqlgAGw/s1600/Screen_20130806_210516.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara sign out dan mengganti/mengubah akun Blackberry ID" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZhpfM6Ave1U1aGDmOL0bNq72sE8rfjTnbwYEXcKlBCj2J4KS6wDxlKF7RWC2X9QISKGlkj_0dC6kDUbM37t5nYeO2apg72ygfSUA1JAThCuT0pwoGa_VtYPJsaFx1-4sGzUZRXqlgAGw/s1600/Screen_20130806_210516.jpg" title="Cara sign out dan mengganti/mengubah akun Blackberry ID" /></a></div>
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
 </div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
Untuk menghapus BlackBerry Identity, kita bisa menghapusnya melalui menu applications pada bagian Options. Caranya, masuk ke Options --> Applications, lalu ubah menu Third Party pada bagian kanan atas menjadi Add-on. Anda akan menemukan BlackBerry Identity disitu, tekan tombol logo BlackBerry dan pilih Delete. Anda akan diminta untuk me-restart handheld anda, lakukan restart agar aplikasi terhapus sempurna, saat handheld sudah dinyalakan, buka BlackBerry AppWorld, anda akan diminta untuk menginstall lagi BlackBerry Identity, setelah BlackBerry Identity terinstall, anda akan diminta login ke akun BlackBerry ID kembali, boleh menggunakan akun BlackBerry ID yang lama, atau akun BlackBerry ID yang lain.</div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
 </div>
<div style="font-family: 'Open Sans', verdana, arial, georgia; font-size: 13px; line-height: 19.5px; text-align: left;">
 </div>
<div style="line-height: 19.5px; text-align: left;">
Sekian & Terima Kasih</div>
</div>

M-S Blog || kali ini saya akan bagi-bagi tips tentang Cara sign out dan mengganti/mengubah akun Blackberry ID, Bagi anda yang sudah...

07:20 +

Aplikasi Media Pembelajaran Agama Islam Kelas X beta 1.0

<div dir="ltr" style="text-align: left;" trbidi="on">
Kali ini saya akan membagikan program saya yang menjadi Tugas Akhir di Sekolah saya, SMK Negeri 2 Surakarta. Program ini saya buat dengan latar belakang untuk membantu Bapak saya yang bekerja sebagai guru agama di salah satu SMA swasta di Kota Solo. Dengan begitu, saya berinisiatif untuk membuat program pembelajaran untuk beliau. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgWVuwPHbGWOEdXoyW0JB83R0QjE3gWeskHcPazZGjGtkAIMp30KPOl_Y5_RE61J9PMmJI2xyJbQENCe15ZzopTSTSTG8gMXzBfJP6kP1CjfFWWPhUg-tbu2GUs2Wl9_3CJrSxzmknxs/s1600/2-300x219.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Software Media Pembelajaran Agama Islam Kelas X beta 1.0" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgWVuwPHbGWOEdXoyW0JB83R0QjE3gWeskHcPazZGjGtkAIMp30KPOl_Y5_RE61J9PMmJI2xyJbQENCe15ZzopTSTSTG8gMXzBfJP6kP1CjfFWWPhUg-tbu2GUs2Wl9_3CJrSxzmknxs/s1600/2-300x219.png" title="Download Software Media Pembelajaran Agama Islam Kelas X beta 1.0" /></a></div>
 
 
Media Pembelajaran Agama Islam - seperti judul programnya, berisi tentang materi-materi pembelajaran agama Islam. Namun, materi yang baru saya buat hanya sebatas Materi Agama Islam kelas X semester 1. Hal ini karena deadline yang tak memungkinkan untuk saya membuat program ini. Maklum, kami juga masih anak sekolah dan deadline yang diberikan guru kami bertepatan dengan UKK (Ujian Kenaikan Kelas). Namun, alhamdulillah dapat selesai juga, walaupun tak sempurna <img alt=";-)" class="wp-smiley" src="http://blog.werpl.com/wp-includes/images/smilies/icon_wink.gif" /> 
 
 
Selain berisi tentang materi agama Islam, program ini juga terdapat quiz yang dapat dimainkan. Tentunya quiz ini tidak jauh dengan Agama Islam. Yap, yaitu quiz “Arrange Ayyat”. Quiz ini akan mengasah otak dan ingatan kita untuk menyusun setiap kata dalam satu ayat di Al-Qur’an. Tentunya dengan level yang mudah. Ayat yang diambil pun berasal dari juz 30 Al-Qur’an. 
 
 
Program ini dibuat menggunakan flash dan VB 6.0. Alasan saya menggunakan kedua bahasa pemrograman ini karena sekali lagi saya dikejar deadline. Hehehehe.<img alt=";-)" class="wp-smiley" src="http://blog.werpl.com/wp-includes/images/smilies/icon_wink.gif" /> Awalnya saya ingin menggunakan flash dengan bahasa Actionscript 2.0 untuk membuat program saya ini. Namun, karena keterbatasan waktu saya untuk mempelajari flash, saya pun langsung banting setir ke VB 6.0 yang lebih mudah. Jadilah program saya seperti ini. Program campuran yang tak begitu rapi, namun saya puas <img alt=";-)" class="wp-smiley" src="http://blog.werpl.com/wp-includes/images/smilies/icon_wink.gif" /> 
 
Materi pembelajaran saya buat menggunakan flash dengan software Adobe flash CS3 dengan bahasa Actionscript 2.0 sedangkan quiz “Arrange Ayyat” saya buat menggunakan bahasa pemrograman VB 6.0 
 
 
<div style="text-align: center;">
Screenshot</div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj17ZKbrUwnRWQGiAt1wVzZ34GTZxsq0Mwl18dqT3AixbeHyeSJbkPPw6Vw8CQtF8QiLx3qZPLgttp5SR4o7Ag11DAHunWSk0LWZxPbG-Y1b2iF47gBkCTZLGVnTvv7jfTzLKgMUDhYVro/s1600/1-300x222.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Software Media Pembelajaran Agama Islam Kelas X beta 1.0" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj17ZKbrUwnRWQGiAt1wVzZ34GTZxsq0Mwl18dqT3AixbeHyeSJbkPPw6Vw8CQtF8QiLx3qZPLgttp5SR4o7Ag11DAHunWSk0LWZxPbG-Y1b2iF47gBkCTZLGVnTvv7jfTzLKgMUDhYVro/s1600/1-300x222.png" title="Download Software Media Pembelajaran Agama Islam Kelas X beta 1.0" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgWVuwPHbGWOEdXoyW0JB83R0QjE3gWeskHcPazZGjGtkAIMp30KPOl_Y5_RE61J9PMmJI2xyJbQENCe15ZzopTSTSTG8gMXzBfJP6kP1CjfFWWPhUg-tbu2GUs2Wl9_3CJrSxzmknxs/s1600/2-300x219.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Software Media Pembelajaran Agama Islam Kelas X beta 1.0" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgWVuwPHbGWOEdXoyW0JB83R0QjE3gWeskHcPazZGjGtkAIMp30KPOl_Y5_RE61J9PMmJI2xyJbQENCe15ZzopTSTSTG8gMXzBfJP6kP1CjfFWWPhUg-tbu2GUs2Wl9_3CJrSxzmknxs/s1600/2-300x219.png" title="Download Software Media Pembelajaran Agama Islam Kelas X beta 1.0" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTgtQywcJyawbnkSAH3tOP8fOFRAMzRGgiD3IKybrZHW6So9BwrgMgQSh0hPYgU3aD6t3w_Vhx401d9I6UpiGTmIMRaTGHOmiFIdKRj-WJRcUV5FbmzvWV8bkQ7A5myu_d8U4N4400-no/s1600/3-300x232.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Software Media Pembelajaran Agama Islam Kelas X beta 1.0" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTgtQywcJyawbnkSAH3tOP8fOFRAMzRGgiD3IKybrZHW6So9BwrgMgQSh0hPYgU3aD6t3w_Vhx401d9I6UpiGTmIMRaTGHOmiFIdKRj-WJRcUV5FbmzvWV8bkQ7A5myu_d8U4N4400-no/s1600/3-300x232.png" title="Download Software Media Pembelajaran Agama Islam Kelas X beta 1.0" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
 
 
untuk saudara sekalian yang ingin mengetahui program saya, dapat diunduh di link di bawah ini. 
program ini dilengkapi dengan file project dan flash yang dapat Anda pelajari. 
 
<a href="http://www.4shared.com/rar/ZJuOHTSH/Pembelajaran_Agama_Islam.html">DOWNLOAD</a> 
 
 
#Program yang saya buat ini versi Beta. Kenapa Beta ? karena masih rintisan dan saya membutuhkan support dari teman teman sekalian untuk melanjutkan program saya ini.. <img alt=":)" class="wp-smiley" src="http://blog.werpl.com/wp-includes/images/smilies/icon_smile.gif" /> 
 
Terima kasih....</div>

Kali ini saya akan membagikan program saya yang menjadi Tugas Akhir di Sekolah saya, SMK Negeri 2 Surakarta. Program ini saya buat dengan l...

06:55 +

Free Download Aplikasi LINE untuk PC (Windows dan Mac OS)

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiii1zCYD_TyRyPjZzmsQIKOneEQd2ryz-uA4HOokCRUGZHlw_n-SiwdalmiatOemCHf-cVxTYfcYD089ZW3DANTrRGLMkh3MhQfunqhhGE5dosk06azyGTsNM1uRdTrHTHZNJuNAX0C_I/s1600/k343Z5p.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiii1zCYD_TyRyPjZzmsQIKOneEQd2ryz-uA4HOokCRUGZHlw_n-SiwdalmiatOemCHf-cVxTYfcYD089ZW3DANTrRGLMkh3MhQfunqhhGE5dosk06azyGTsNM1uRdTrHTHZNJuNAX0C_I/s320/k343Z5p.png" width="320" /></a></div>
 
Line  adalah sebuah aplikasi pesan instan yang menawarkan kita rilis baru dan fitur lain bahwa aplikasi pesan instan lain tidak memiliki. Jalur Kamera atau Saluran Kartu adalah beberapa dari mereka. Jangan menunggu lebih lama lagi untuk men-download, menginstal dan menikmati Line untuk PC pada komputer pribadi Anda. 
 
Line untuk Pc (Jalur PC) aplikasi, memungkinkan kita untuk synchcronized semua obrolan yang kita miliki di smartphone kami dan dengan cara yang sama, semua obrolan yang kita mulai pada komputer kita, mereka akan synchcronized pada Smartphone kami secara otomatis. Selain chatting dan mengirim file multimedia, Baris memungkinkan Anda untuk membuat panggilan benar-benar bebas dari Smartphone ke Smartphone lain, dari smartphone ke PC, dari PC ke Smartphone atau dari PC ke PC. 
 
Line tersedia untuk komputer/PC dengan cepat dan mudah.  instal Sekarang aplikasi pada komputer Anda akan memungkinkan Anda untuk tetap berhubungan dengan teman dan keluarga cara yang menyenangkan dan mudah. 
 
Line untuk PC adalah aplikasi pesan instan paling banyak diunduh di saat-saat ini. Sedikit demi sedikit pengguna mendapatkan seluruh dunia. Jangan berharap lebih untuk saat ini menikmati aplikasi ini besar dan mengajak ke semua kontak Anda untuk menginstal Jalur PC. 
 
Line untuk PC (Jalur PC) versi Jepang dan Inggris asli tersedia bagi banyak negara telah mencapai 80 juta pengguna di seluruh dunia. Baris keuntungan PC pengikut dan hari demi hari mereka ratusan pengguna yang sudah menikmati manfaatnya. 
 
Jalur PC tersedia dalam dua pilihan. Untuk menginstal Baris PC kita harus telah menginstal aplikasi Instant Messaging di Smartphone kita, maka men-download aplikasi Line untuk versi PC di komputer Anda, setelah mendaftarkan akun. Dari link ini Anda dapat men-download aplikasi untuk instant messaging bersama dengan aksesoris mereka seperti Jalur Kamera dan Jalur Card. 
 
Cara Menggunakan Line untuk PC? 
 
Tetap terhubung dengan teman-teman Anda, kapanpun, dan dimanapun Anda berada! Gunakan LINE di saat smartphone Anda bepergian dan dari PC (Windows, Mac OS X), sedangkan di kantor atau di rumah! Untuk mengakses LINE dari pendaftaran email di PC Anda diperlukan. 
 
<div style="text-align: center;">
(LINE app → [Settings]> [Email Registrasi])</div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiApKZLzhePXQqgz5Qvh_5BWV46AEzLUXoMIICYdk6UzQ4TXBCZVH1D8x0rhPWPRMM6AE0wxPIkcNd4rNUuZbWhYgZHvT6FBTym-uXp8iLNOP2olJyqLgcZhvWYRwY2XMX4gNchhrGp0mo/s1600/1+%25281%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiApKZLzhePXQqgz5Qvh_5BWV46AEzLUXoMIICYdk6UzQ4TXBCZVH1D8x0rhPWPRMM6AE0wxPIkcNd4rNUuZbWhYgZHvT6FBTym-uXp8iLNOP2olJyqLgcZhvWYRwY2XMX4gNchhrGp0mo/s320/1+%25281%2529.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div style="color: #3f4950; font-family: Helvetica, Arial, sans-serif; line-height: 19.1875px; margin: 0px; outline: none; padding: 0px; text-align: center;">
Download Line for PC</div>
<div style="font-family: Helvetica, Arial, sans-serif; line-height: 19.1875px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<a href="http://dl.line.naver.jp/naver/LINE/win/LineInst.exe" style="cursor: pointer; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">Download for Windows</a> |  <a href="http://dl.line.naver.jp/naver/LINE/osx/Line.dmg" style="cursor: pointer; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">Download for Mac OS X</a></div>
<div style="color: #3f4950; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.1875px; margin-bottom: 15px; outline: none; padding: 0px;">
 </div>
<div style="color: #3f4950; font-family: Helvetica, Arial, sans-serif; line-height: 19.1875px; margin: 0px; outline: none; padding: 0px; text-align: center;">
Download Line Smartphone</div>
<div style="font-family: Helvetica, Arial, sans-serif; line-height: 19.1875px; margin: 0px; outline: none; padding: 0px; text-align: center;">
<a href="http://itunes.apple.com/us/app/line/id443904275?ls=1&mt=8" style="cursor: pointer; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank" title="LINE iPhone">iPhone</a> | <a href="https://market.android.com/details?id=jp.naver.line.android&hl=en" style="cursor: pointer; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank" title="LINE Android">Android</a> | <a href="http://windowsphone.com/s?appid=a18daaa9-9a1c-4064-91dd-794644cd88e7" style="cursor: pointer; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank" title="LINE Windows Phone">Windows Phone</a> | <a href="http://appworld.blackberry.com/webstore/content/129864/" style="cursor: pointer; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank" title="LINE Black Berry">Black Berry</a></div>
 </div>

Line adalah sebuah aplikasi pesan instan yang menawarkan kita rilis baru dan fitur lain bahwa aplikasi pesan instan lain tidak memiliki...

19:51 +

M-S Blog

M-S Blog

M-S Blog

Bagaimana Cara Membuat Persentase pada Scrollbar di blog

Bagaimana Cara Merubah Warna Scroll Bar dengan CSS di blog

Tutorial cara membuat logo Telkomsel dengan corel draw

Cara merubah Gambar Berwarna menjadi Hitam Putih dengan CSS

Cara sign out dan mengganti/mengubah akun Blackberry ID

Aplikasi Media Pembelajaran Agama Islam Kelas X beta 1.0

Free Download Aplikasi LINE untuk PC (Windows dan Mac OS)

Popular Posts

Blog Archive