Tutorial Blog Unik: Warna Warni

Cara Membuat Post Popular Warna Warni

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<b><span style="font-family: Arial,Helvetica,sans-serif;">Cara Membuat Post Popular Warna Warni</span> </b>- Bagi kalian pecinta warna warni/colorful beruntung sekali. Saya akan menjelaskan <a href="http://www.fahmifanirius.ga/2014/06/cara-membuat-post-populer-warna-warni.html" target="_blank">Cara Membuat Widget Post Popular Warna Warni</a> post/artikel populer digunakan untuk menayangkan artikel pada web Anda yang sering dikunjungi oleh visitor. Tapi, kali ini widget populernya warna warni. </div>
<br />
Bagaimana menurut Anda? Saya yakin banyak sekali para pembuat web yang membuat <b>populer post/most populer dengan tampilan warna-warni</b> seperti gambar dibawah ini. Tapi tentu orang yang awam tentang blog yang sangat ingin membuat popular post warna-warni kebingungan. Apakah termasuk Anda?<br />
<br />
Kalau iya, ini nih, caranya:</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyNAea2Yo1aAcO_nxM59wUt5srt2eL46hDPZSbdvWoknGfbchao_c7X_prnl92De6qGJhNH5PqIHcSgbF3rcybK59tax0SeylQNytpzKy_s9MTciS_7ip-20Y9fba3W8Em6MNzIL5YPU4J/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Post Popular Warna Warni" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyNAea2Yo1aAcO_nxM59wUt5srt2eL46hDPZSbdvWoknGfbchao_c7X_prnl92De6qGJhNH5PqIHcSgbF3rcybK59tax0SeylQNytpzKy_s9MTciS_7ip-20Y9fba3W8Em6MNzIL5YPU4J/s1600/Screenshot_1.png" title="Cara Membuat Post Popular Warna Warni" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
1. Login Blogger</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Tata letak/layout</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Add gadget</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
4. Pilih "Entri Populer" atau Popular Post (dalam bhs Inggris)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Hilangkan centang pada tulisan "Thumbnail Gambar" atau Image Thumbnail</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
6. Atur berapa entri/post sesuai dengan keinginan kalian</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
7. Simpan perubahan</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
8. Tetap diTata letak/layout, pilih add gadget</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
9. HTML/JavaScript</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
10. Copy paste kode dibawah ini pada kolom HTML/JavaScript</div>
<br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<blockquote class="tr_bq">
<span style="background-color: #0b5394;"><span style="color: cyan;"><style type='text/css'>
</span></span><br />
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">/*----- popular post warna warni by warnarozack.blogspot.com-----*/</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; 
-webkit-text-stroke-width: 0px; color: #333333; display: block; 
font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; 
font-style: normal; font-variant: normal; font-weight: normal; 
letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; 
min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; 
text-decoration: none !important; text-indent: 0px; text-transform: 
none; white-space: normal; widows: 2; word-spacing: 0px;}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li 
.item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li
 + 
li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px
 solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px 
#000;-moz-box-shadow: 0px 0px 5px 
#000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li:after{content:"3"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li:after{content:"2"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child:after{content:"1"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 
0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px 
#000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;"></style></span></span></div>
</blockquote>
</div>
<br />
<div style="text-align: center;">
11. Simpan perubahan </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Lihat hasilnya.</div>
<div style="text-align: center;">
<br /></div>
<br />
<div style="text-align: left;">
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. </div>
<div style="text-align: left;">
Semoga berhasil... ˆ⌣ˆ</div>
<br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger </strike></span></a></b></div>
</div>

Cara Membuat Post Popular Warna Warni - Bagi kalian pecinta warna warni/colorful beruntung sekali. Saya akan menjelaskan Cara Membuat Wi...

Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog

5:59 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><b>Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog</b></span><span style="font-size: small;"> - Kali ini, saya akan memberitau <a href="http://www.fahmifanirius.ga/2014/04/cara-mengubah-warna-highlight-pada-blog.html" target="_blank">Cara Mengubah Warna Teks Saat Di Blok Atau Highlight Pada Blog</a>. Jadi, Anda bisa mengubah highlight menjadi warna kesukaan Anda.</span></div>
<div style="text-align: left;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-size: small;">Sebelumnya, saya akan jelasin kepada sobat. Pastinya, sobat banyak yang gak tau <b>apa itu highlight</b>. Bagi yang sudah tau, ya syukur, kalau yang belum tau saya jelasin dulu <b>pengertian highlight</b> menurut bahasa saya sendiri yang sangat mudah untuk dipahami. <b>Highlight</b> adalah warna teks ketika saat kita akan seleksi sebuah teks dan muncul warna pada teks itu.</span></div>
<div style="text-align: left;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: left;">
<span style="font-size: small;">Highlight, digunakan ketika Anda mau copy teks yang keluar berwarna biru, dan teks berwarna putih. Contohnya seperti animasi dibawah ini:</span></div>
</div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgXGHy2ABa9pMb2Um1jSSZdbca3w5MNxdWD3jie-MRNHL_cBEsyVCWeeEC175lw6oLMMS-5ZMFLPPTOiqi8uNhReooeyPvwFLuCoX2_X2l5z9Ku3TvwEvvwNbcHWfNdiPtTo4uN72VeVN6/s1600/g.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog" border="0" height="54" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgXGHy2ABa9pMb2Um1jSSZdbca3w5MNxdWD3jie-MRNHL_cBEsyVCWeeEC175lw6oLMMS-5ZMFLPPTOiqi8uNhReooeyPvwFLuCoX2_X2l5z9Ku3TvwEvvwNbcHWfNdiPtTo4uN72VeVN6/s1600/g.gif" title="Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog" width="320" /></a></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<span style="font-size: small;">Dan ini contoh highlight warna merah muda:</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipQq5TiYC7wIBwQaQL3_K1YLsM6sQoSLoVBVVSXmZhgnyXsxHkyhmyiD1Vn63WFj-JlqEVua5Bu7rTbkwCyp3hdKlyvwQDylZ-SjxaWaCob3ML2cVS03XhIAYe6WCRGZe148wv_uYS3oC-/s1600/high.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog" border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipQq5TiYC7wIBwQaQL3_K1YLsM6sQoSLoVBVVSXmZhgnyXsxHkyhmyiD1Vn63WFj-JlqEVua5Bu7rTbkwCyp3hdKlyvwQDylZ-SjxaWaCob3ML2cVS03XhIAYe6WCRGZe148wv_uYS3oC-/s1600/high.gif" title="Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog" width="400" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div style="text-align: left;">
<span style="font-size: small;">Setelah sobat sudah sedikit tau tentang tutorial ini, mungkin sobat ingin memberi keunikan pada <b>warna highlight di blog</b> sobat. Mungkin, bisa saja sobat <b>merubah warna teks seleksi highlight di blog</b> dengan menyesuaikan warna background atau warna tema blog sobat.</span></div>
<div style="text-align: left;">
<span style="font-size: small;"><br /></span></div>
</div>
<div style="text-align: center;">
<span style="font-size: small;">1. Login Blogger </span></div>
<div style="text-align: center;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: small;">2. Template </span></div>
<div style="text-align: center;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: small;">3. Edit HTML </span></div>
<div style="text-align: center;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: small;">4. Cari kode  <span style="color: cyan;"><span style="background-color: #073763;">a:link {</span></span> (agar mempermudah pencarian, klik serentak Ctrl+F secara bersamaan) </span></div>
<div style="text-align: center;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: small;">5. Setelah ketemu, copy kode dibawah. Letakkan kode dibawah tepat DIATAS kode <span style="background-color: #073763;"><span style="color: cyan;">a:link {</span></span></span></div>
<div style="text-align: center;">
<span style="font-size: small;"><br /></span></div>
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 230px; overflow: auto; padding: 10px; text-align: left; width: 300px;">
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="font-size: small;"><br /></span>
<br />
<div style="text-align: left;">
<span style="background-color: #073763; font-size: small;"><span style="background-color: #cfe2f3;">::-moz-selection {<br />
background:</span><b><span style="color: cyan;">#0000CE</span></b><span style="color: white;">;</span></span><span style="background-color: #073763; font-size: small;">
<span style="background-color: #cfe2f3;">color:</span><b><span style="color: yellow;">#FFFF00</span></b><span style="color: white;">;</span></span><br />
<span style="background-color: #073763; font-size: small;">
<span style="background-color: #cfe2f3;">}</span><br />
<span style="color: white;"><br />
<span style="background-color: #cfe2f3;"><span style="color: black;">::selection {<br />
background:</span></span></span><b><span style="color: cyan;">#0000CE</span><span style="color: white;">;</span></b><br />
<span style="background-color: #cfe2f3;">color:</span><b><span style="color: yellow;">#FFFF00</span></b><span style="color: white;">; </span></span></div>
</div>
<div style="text-align: center;">
<span style="font-size: small;"><br /></span></div>
</blockquote>
</div>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><br /></span>
<br />
<div style="text-align: center;">
<span style="font-size: small;">* Untuk tulisan <span style="color: blue;"><span style="color: cyan;"><b>#0000CE</b></span> <span style="color: black;">adalah kode warna biru yang digunakan untuk background highlight. Untuk </span></span><span style="color: yellow;"><b>#FFFF00</b>  </span><span style="color: blue;"><span style="color: black;">adalah kode warna kuning yang digunakan untuk tulisan yang akan dihighlight.</span></span></span></div>
<div style="text-align: center;">
<span style="color: blue; font-size: small;"><span style="color: black;">Contohnya ini: <span style="background-color: blue;"><span style="color: yellow;"><span style="background-color: cyan;">TUTORIAL BLOGGER</span> </span></span></span></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div style="text-align: center;">
<span style="font-size: small;">6. Setelah selesai, simpan perubahan </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">*Untuk melihat kode warnanya, klik di <b><a href="http://www.fahmifanirius.ga/p/blog-page_8.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;">KODE WARNA</span></a></b></span> </div>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-size: small;"><br /></span>
<br />
<div style="text-align: right;">
<span style="font-size: small;"><b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger </strike></span></a></b></span></div>
</div>

Tutorial Blogger Warna Warni Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog

Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog - Kali ini, saya akan memberitau Cara Mengubah Warna Teks Saat Di Blok A...

Cara Membuat Link Warna Warni Di Blog Jika Disentuh Kursor

5:02 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Membuat Link Warna Warni Di Blog Jika Disentuh Kursor</b></span> - Kali ini, kita akan bahas <a href="http://www.fahmifanirius.ga/2014/04/cara-membuat-link-warna-warni.html" target="_blank">Cara Membuat Link Berkedip Warna Warni Pada Blog Jika Disentuh Kursor</a>. Kalian coba aja deh, tutorial ini. Gak bikin blog berat kok. Kalau kursor/panah kamu nyetuh link, link itu akan berubah warna-warni. Kaya rainbow/pelangi... Kalau masih gak tau, coba deh, liat gambar dibawah: <br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJH9W8W3b5CRBVoHgRNUrKGMS3GkT67PKqrsL2EmNODdyyTpJACqY41UCqw118v2mX1JXBmaQHzYJMDkWE38HfOj759NIpxXOkk9atxD5rBNm7HdZudBunRtm2zL1YKkkoAkUeNWjZMSt/s1600/1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMWBFedWmxRIGSNWJwYxQ_by3MvE6jr6YBDoSiWgx_0uIGjQd5WnKQH8UWMRBy6wn92b1oEMSdabvmsoqsF0iDqEDNnPuu1GkXJTFn2Fa46GkmK11dlRhzL6ZoXGLD3g3UOfF-3yhBZBZh/s1600/aa.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Link Warna Warni Di Blog Jika Disentuh Kursor" border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMWBFedWmxRIGSNWJwYxQ_by3MvE6jr6YBDoSiWgx_0uIGjQd5WnKQH8UWMRBy6wn92b1oEMSdabvmsoqsF0iDqEDNnPuu1GkXJTFn2Fa46GkmK11dlRhzL6ZoXGLD3g3UOfF-3yhBZBZh/s1600/aa.gif" title="Cara Membuat Link Warna Warni Di Blog Jika Disentuh Kursor" width="320" /></a></div>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<br />
Bisa warna-warni kan? Kalau kursor/panah nyentuh link? <b>Gimana sih, cara ngubah link warna warni jika disentuh kursor?</b> Cekidot!!!</div>
<br /></div>
<div style="text-align: center;">
1. Login Blogger</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Template</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Edit HTML</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
4. Cari kode <span style="background-color: #0b5394;"><span style="color: cyan;"></body></span></span> (agar lebih memudahkan pencarian, klik serentak Ctrl+F secara bersamaan)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Copy kode dibawah ini, letakkan kode dibawah ini, tepat DIATAS kode <span style="background-color: #0b5394;"><span style="color: cyan;"></body></span></span></div>
<span style="background-color: #0b5394;"><span style="color: cyan;"><br /></span></span>
<br />
<div style="text-align: center;">
<span style="background-color: #0b5394;"><span style="color: cyan;"><script src="http://nimbuzzin.googlecode.com/files/link-warna-warni-rainbow.js"/></span></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
6. Simpan perubahan </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
7. Coba, sentuh linknya. Warna warni kan? Saya jamin, tutotial ini bakal berhasil. Yakan?<br />
<br /></div>
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ<br />
<br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger </strike></span></a></b></div>
</div>

Efek Kursor Tutorial Blogger Warna Warni Cara Membuat Link Warna Warni Di Blog Jika Disentuh Kursor

Cara Membuat Link Warna Warni Di Blog Jika Disentuh Kursor - Kali ini, kita akan bahas Cara Membuat Link Berkedip Warna Warni Pada Blog ...

Cara Membuat DropDown Menu Warna Warni Keren Di Blog

5:09 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Cara Membuat DropDown Menu Warna Warni Keren Di Blog</b> - Tutorial kali ini keren banget. Beruntung! Sobat bisa membaca tutorial kali ini. <b>Menu</b><b> dr</b><b>opd</b><b>own warna war</b><b>ni </b><b>pada blog</b> ini dibuat sekeren mungkin.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> <span style="font-size: small;">Buat sobat yang belum ngerti <b>apa itu Menu dropdown</b>. <b>Menu dropdown adalah</b> tempat alternatif link yang sudah dikategorikan kebawah. Menu dropdown ini akan keluar jika kita mengkategorikan kemudian mengkategorikan lagi kategori yang tadi.</span><span style="font-size: small;"> </span></span></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div class="separator" style="clear: both; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Ps57agKzOBY8f89s0xY04fcJv9upA-_S2MNczhqhWWhda0lVIeGzwZWmekH_14akYzgN16CjIPuARnLa-SE2qfw4Qiy0ulqxJ3zaAihePAxeoiFA_ls0O3TUI5ukI-zMenuo3Y2-FEjn/s1600/colourful-menu_thumb4.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Ps57agKzOBY8f89s0xY04fcJv9upA-_S2MNczhqhWWhda0lVIeGzwZWmekH_14akYzgN16CjIPuARnLa-SE2qfw4Qiy0ulqxJ3zaAihePAxeoiFA_ls0O3TUI5ukI-zMenuo3Y2-FEjn/s1600/colourful-menu_thumb4.gif" /></a></span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Buat sobat yang benar-benar bingung penjelasan saya diatas, saya akan jelasakan lebih jelas lagi. Coba kita liat animasi diatas, terdapat kategori: BLOGGING, ENTERTAINMENT, dan lain-lain. Nah, didalam kategori BLOGGING di bagi menjadi kategori lagi seperti: SEO, MBT Tools, dan lain-lain. Itu yang disebut menu dropdown.</span></div><div style="text-align: left;"></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Tapi jangan salah,  <a href="http://www.fahmifanirius.gq/2014/04/cara-membuat-dropdown-menu-warna-warni-pada-blog.html" target="_blank" title="Cara Membuat Menu DropDown Keren Di Blog"><b>Cara Membuat Menu DropDown Keren Di Blog</b></a></span> ini dibuat sekeren mungkin. Ini sangat keren. Coba aja, liat blog orang lain yang hanya mempunyai <b>menu dropdown sederhana</b>. Disini <b>menu dropdown</b> nya keren dan responsive.</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">1. Sign in Blogger </span></span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">2. Template </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">3. Edit HTML </span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;">4. Cari kode </span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><span style="color: cyan;"></span></span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><span style="color: cyan;"><head></span></span></pre><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"> (agar mempermudah pencarian, klik kotak edit HTML lalu tekan Ctrl+F serentak pada keyboard) </span></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Setelah ketemu kode </span><span style="background-color: #0b5394; font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;"><head></span></span><span style="font-family: Arial, Helvetica, sans-serif;"> letakkan kode dibawah ini tepat DIBAWAH kode </span><span style="background-color: #0b5394; font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;"><head></span></span><span style="font-family: Arial, Helvetica, sans-serif;"> yang sudah sobat cari</span></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script src='http://mybloggertricks.googlecode.com/files/jquery-pack-colourful.js' type='text/javascript'></script>
<script src='http://mybloggertricks.googlecode.com/files/jcarousel-colourful.js'  type='text/javascript'> </script>
<script src='http://mybloggertricks.googlecode.com/files/mt-colourful.js' type='text/javascript'></script> </span></code></pre><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="white-space: pre-wrap;">6. Selanjutnya cari kode </span><span style="color: cyan;"></span></span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="color: cyan;"><body expr:class='&quot;loading </span></span></pre><span style="font-family: Arial, Helvetica, sans-serif;">7. Setelah ketemu kode </span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;">  </span><span style="background-color: #0b5394; color: cyan;"><body expr:class='&quot;loading</span></span><span style="font-family: Arial, Helvetica, sans-serif;"> letakkan kode dibawah ini tepat DIBAWAH kode </span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;"><body expr:class='&quot;loading</span><br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;"><pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<style type="text/css">
<style>
.MBT-Nav-container {
border: 1px solid #cfcfcf;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXn7j0LcKciACBKWPJAo56KZzupyh8pvZWkAXSBAMqqusKgXXB7Cmphyphenhyphen3Kq2-ugeyf7qCtQkQNzMj6DZbbyMWnPVWkihfSBRg_mDt0d7EIdXKM3HEoXqOxByDfZf0aUUsEWk9nh-1ww7s/s400/menu-bgd.png) bottom left repeat-x;
position: relative;
margin: 0;  padding: 0;border: 1px solid #cfcfcf;
}
ul#nav {
border-left: 1px solid #cfcfcf;
border-right: 0px solid #cfcfcf;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXn7j0LcKciACBKWPJAo56KZzupyh8pvZWkAXSBAMqqusKgXXB7Cmphyphenhyphen3Kq2-ugeyf7qCtQkQNzMj6DZbbyMWnPVWkihfSBRg_mDt0d7EIdXKM3HEoXqOxByDfZf0aUUsEWk9nh-1ww7s/s400/menu-bgd.png) bottom left repeat-x;
    position: relative;
    font-size: 12px; font-family: helvetica, arial, sans-serif;
    list-style: none;  margin: 0 auto;  padding: 0;
    width: 960px;
}
#nav ul {
     margin: 0;
}
:focus {
    outline: 0;
}
*html ul#nav { clear: both; height: 1%; }
ul#nav li a {
    display: block;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 33px;
    padding: 0 13px 0 10px;
    color: #333;
    text-decoration: none;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcDAy9yx0I9WhxYVXm81-MVy_iBJES8CeW7y4Us-WS8agE2bTET2hUfBcRMbnyPFH7upfEkbAptw0IASMkE5TdKXcmU_IiYPJZTt7ZkgfCgtm4xzZ2rzr5Pi2P4W00Nzp-S5GtM1bsGkI/s400/menu-rule.png) right 2px no-repeat;
}
*html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }
*:first-child+html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }
ul#nav li a:hover, ul#nav li a.open { color: #fff; }
ul#nav li#mbt a:hover, ul#nav li#mbt a.open { background: #0f1f37; }
ul#nav li#link-entertainment a:hover, ul#nav li#link-entertainment a.open { background: #b70943; }
ul#nav li#link-news a:hover, ul#nav li#link-news a.open { background: #cf3c02; }
ul#nav li#link-life a:hover, ul#nav li#link-life a.open { background: #724375; }
ul#nav li#link-technology a:hover, ul#nav li#link-technology a.open { background: #02b0cf; }
ul#nav li#link-top10 a:hover, ul#nav li#link-top10 a.open { background: #353533; }
ul#nav li#links-1 a:hover, ul#nav li#links-1 a.open { background: #b70943; }
ul#nav li#links-2 a:hover, ul#nav li#links-2 a.open { background: #289728; }
ul#nav li#links-3 a:hover, ul#nav li#links-3 a.open { background: #666666; }
ul#nav li#links-4 a:hover, ul#nav li#links-4 a.open { background: #b70943; }
ul#nav li#link-home a {
    padding: 0 33px 0 10px;
    text-indent: -9999px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlRRdUT6yl2u4j1WHU2LP5lfo6kiYdnVia9RiyBeJNfisgFs9b1yrI9ZOMEp0uYBJGBhyJqTVrYtc6gK50ddVBmwJNxSv5AqeoKvnqskD5qKMNq2e-YT70iiC4lGRQH2b9dMqRTchLOM/s400/home-icon.png) right 0px no-repeat;
}
*html ul#nav li#link-home a { padding: 0; width: 43px; }
ul#nav li#link-home a:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlRRdUT6yl2u4j1WHU2LP5lfo6kiYdnVia9RiyBeJNfisgFs9b1yrI9ZOMEp0uYBJGBhyJqTVrYtc6gK50ddVBmwJNxSv5AqeoKvnqskD5qKMNq2e-YT70iiC4lGRQH2b9dMqRTchLOM/s400/home-icon.png) right -33px no-repeat; }
/* Sub-Vertical Navigation */
ul.sub-nav {
    position: absolute;
    top: 33px;
    left: -1px;
    overflow: hidden;
    width: 960px;
    display: none;
    z-index: 999;
list-style: none;
  padding-left:0px;
}
ul#nav li#mbt ul.sub-nav { background: #6f7987 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikGgEVuO3BkkVnFzEh4XKZeyEhdthatsfBgiVponrLmoBRK6k-v75owf2W8LvApxQPFEySX3lYJpMZkljUHDeFsNIOtbcbZMHhpIn__4RF8dfpRlkqSWnVJtxfxxoN5XjrH5wZkRhEPQ4/s400/business-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-entertainment ul.sub-nav { background: #d46b8e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSvwwN4LcEfRKXQ_Tueq52YCET9JTnHWXlw2Mmu6FcPpNLs78gYTNn2tDR6d4YU7I05A7e6pFgsmq7UZzDQNE1tg0PZsMKcReM6ZOp_IOGPo0xjGm8wlT5Aledz_O-cPhXnlm0Ovu1zio/s400/entertainment-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-news ul.sub-nav { background: #e28a67 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9UYnb9zmmUHSEFBAdnu7r-B044ijVcVN29mOQCYqYUQF9gqZ_5x-FuD30lEXOmeHCVR1vFiATUI08Bx_hqgKlTGVfpr_Y4pt6a32e-mwPwLPpUfKhlehmS8XDHt5XrXKak-JBrtwJkqI/s400/news-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-life ul.sub-nav { background: #aa8eac url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnH7_4PEYaQaIQVqR9Aeyq8ihgME3FiTnG_U4_dT7lV7vZ5X7BoOmyTqFfnuRExVNFePgZsA4eJRh4P2vvF1NCvHPMs67FMu1yMM52Paq_VHpauiXyVc94glVcGcR8X69Kp7UlTqLan-E/s400/life-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-technology ul.sub-nav { background: #67d0e2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBw9LGchW0vBeuQmH5I8OMNaxoLyUqXmFiJ-jsr3dmR1y03_lA5jLS70YPyKUUrDJ1-5k-TeM8oUSBoLDD1CklDa4Bgh2n58SzcGCqBRQ1yAkEb9l2-0FGbIngmpuhor7KbW8itxevERI/s400/technology-subnav-bgd.png) top left repeat-x; }
ul#nav li ul.sub-nav li { float: left;   }
ul#nav li ul.sub-nav li a {
    float: none;
    background: none;
    font-size: 11px;
    text-transform: none;
    color: #fff;
    line-height: 25px;
}

ul#nav li#mbt ul.sub-nav li a:hover, ul#nav li#mbt ul.sub-nav li a.active-cat{ background: #0f1f37 !important; }
ul#nav li#link-entertainment ul.sub-nav li a:hover, ul#nav li#link-entertainment ul.sub-nav li a.active-cat { background: #b70943 !important; }
ul#nav li#link-news ul.sub-nav li a:hover, ul#nav li#link-news ul.sub-nav li a.active-cat { background: #cf3c02 !important; }
ul#nav li#link-life ul.sub-nav li a:hover, ul#nav li#link-life ul.sub-nav li a.active-cat { background: #724375 !important; }
ul#nav li#link-technology ul.sub-nav li a:hover, ul#nav li#link-technology ul.sub-nav li a.active-cat { background: #02b0cf !important; }
</style>
<div class='MBT-Nav-container'>
<ul id='nav'>
<li class='non-vertical-link top-link' id='link-home'><a class='open' href='http://blazerracing.blogspot.com/'>Home</a></li>

</ul>

</li>

</ul>

</li>

</span></code></pre></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">8. Ganti link <span style="line-height: 22px;"><span style="color: blue;"><b><a href="http://fahmifanirius.gq/">http://fahmifanirius.gq</a></b></span></span> dengan link yang sobat inginkan untuk dituju.</span><br />
<div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">9. Simpan perubahan</span></div></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: right;"><span style="font-size: small;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><strike><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank">Tutorial Blogger </a></strike></span></b></span><br />
<span style="font-size: small;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br />
</span></b></span></div><div class="content-box-infoindong"><div itemscope="" itemtype="http://schema.org/Review"><div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing"></div><table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat DropDown Menu Warna Warni Keren Di Blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><div style="text-align: justify;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat dropdown menu warna warni keren di blog membuat kemudahan pengunjung Anda untuk melihat semua laman blog Anda. Menu dropdown disertai CSS warna-warni yang super keren.</span></div></div></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating"><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">87%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2314 votes</span></div></div></td></tr>
</tbody></table></div></div></div>

CSS DropDown JavaScript Tab Menu Tutorial Blogger Warna Warni Cara Membuat DropDown Menu Warna Warni Keren Di Blog

Cara Membuat DropDown Menu Warna Warni Keren Di Blog - Tutorial kali ini keren banget. Beruntung! Sobat bisa membaca tutorial kali ini. Men...

Cara Membuat Post Popular Warna Warni

Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog

Cara Membuat Link Warna Warni Di Blog Jika Disentuh Kursor

Cara Membuat DropDown Menu Warna Warni Keren Di Blog

Terpopuler

Kategori

Arsip Blog