Tutorial Blog Unik: April 2014

Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog

<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 Pasang Widget Jejaring Sosial Melayang 2

5:38 AM Unknown 1

<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 Pasang Widget Jejaring Sosial Melayang 2</b></span> - Nah, sekarang tutorialnya sama dengan tutorial sebelumnya <a class="GCUXF0KCPB" href="http://www.fahmifanirius.ga/2014/04/cara-pasang-widget-jejaring-sosial.html" target="_blank">Cara Pasang Widget Jejaring Sosial Melayang Pada Blog</a>. Tapi, yang ini hasil copas teman. (ˇ▼ˇ) </div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="http://www.fahmifanirius.ga/2014/04/cara-pasang-widget-jejaring-sosial_28.html" target="_blank">Widget jejaring sosial melayang yang ini, cukup sederhana</a>, sedikit aja. Mungkin, kalau Anda nyoba widget yang satu ini dan merasa kurang, Anda bisa menambah script nya kok. Widget ini bisa transparan atau opacity jika kursor menyentuh gambar jejaring sosialnya.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Mudah sekali teman, sederhana juga. Silahkan coba...</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy59q-zVgxIpYj1JV6DE2nvXiFgazgIPdquzoV5Hl3lyuaDW_tekdM1cAavD25We60yyh5cT3_8UGLX3n2byikU9YD-WKvvZ6mJjeCcQVadGo-kWSOzuoXY1IuC5PgAc9JZoTqlIfjcLIG/s1600/Screenshot_1.png"><img alt="Cara Pasang Widget Jejaring Sosial Melayang 2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy59q-zVgxIpYj1JV6DE2nvXiFgazgIPdquzoV5Hl3lyuaDW_tekdM1cAavD25We60yyh5cT3_8UGLX3n2byikU9YD-WKvvZ6mJjeCcQVadGo-kWSOzuoXY1IuC5PgAc9JZoTqlIfjcLIG/s1600/Screenshot_1.png" title="Cara Pasang Widget Jejaring Sosial Melayang 2" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<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. HTML/JavaScript </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Copy kode dibawah ini, kemudian pastekan pada kolom HTML/JavaScript </div>
<br />
<br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<blockquote class="tr_bq">
<div>
<style type='text/css'><br />
a.linkopacity img {<br />
filter:alpha(opacity=50);<br />
-moz-opacity: 0.5;<br />
opacity: 0.5;<br />
-khtml-opacity: 0.5;}
<br />
<br />
a.linkopacity:hover img {<br />
filter:alpha(opacity=100);<br />
-moz-opacity: 1.0;<br />
opacity: 1.0;<br />
-khtml-opacity: 1.0; }<br />
</style>
<br />
<div style='display:scroll; position:fixed; top:140px; left:-12px;'>
<br />
<a class='linkopacity' href='<b><span style="color: blue;">http://www.facebook.com/fahmifanirius</span></b>' 
imageanchor='1' rel='No Add' style='margin-left: 1em; margin-right: 
1em;' target='_blank' title='Facebook'><img border="0" src=" 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3uL29Wp2KMaQu5H1X58eIPw1YGgTboLaY0f4DtDLYxMiqaQ8Ljiczzxhtdy5qYy6o-YrZWtAYZdeoqR7Qd0TpoppVRa1c8PxVUmqOWL-cPKMUsoEo2IptQjDQyXRqz9n7bHeihQa0ezQ/s1600/Facebook-icon.png"
 /></a><br />
<br />
<br />
<a class='linkopacity' href='<b><span style="color: blue;">https://twitter.com/fahmifanirius</span></b>' 
imageanchor='1' rel='No Follow' style='margin-left: 1em; margin-right: 
1em;' target='_blank' title='Twitter'><img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-5UCW0fOwsZIGjOHj4xtkiSQW35aSrDk5sUgBRmqBrzM_tbDMry_TPtccaYZfsxxMVxk16a7yel8BhU3WviQNX4gNBX4E1Fewqs57c_8Ue8QyYFN3HjoLt817DoPyoCJwYcdN5aW41c/s1600/TwitterIcon.png"
 /></a><br />
<br />
<br />
<a class='linkopacity' href='<b><span style="color: blue;">http://fahmifanirius.ga</span></b>' 
imageanchor='1' rel='No Join' style='margin-left: 1em; margin-right: 
1em;' target='_blank' title='Blog'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgvhaGRKId2R3iXvR8D-3bmdFBrX3N0iIg_bsll6lHwRgkzoqhvyX62SCzzQqFjG8qV-GB58oNNGSBxFMhT8Uztl-bz3jmtgRed9cN2ZtcRxn5mWuj9ht-S4kzvqRvZXCjiLWB9HErMk/s1600/blogger-icon-big.png" /></a><br /></div>
<div>
<br /></div>
<div>
</div> </div>
</blockquote>
</div>
</div>
<br />
<br />
<div style="text-align: center;">
*Untuk <span style="color: blue;">URL berwarna biru</span>, ganti dengan url Anda. Contoh, url twitter saya: <b><span style="color: blue;">https://twitter.com/fahmifanirius </span></b><br />
<span style="color: blue;"><br /></span>
<span style="color: blue;"><span style="color: black;">6. Simpan perubahan</span></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<br />
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>

Cara Pasang Widget Jejaring Sosial Melayang 2 - Nah, sekarang tutorialnya sama dengan tutorial sebelumnya Cara Pasang Widget Jejaring So...

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 Pasang Widget Jejaring Sosial Melayang Keren Di Blog

12:41 AM Unknown 3

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog</b></span> - Tutorial kali ini, cukup menarik. Widget animasinya itu, bikin greget. Keren banget <b>widget jejaring sosial</b>nya. Coba liat gambar:</div>
<div style="text-align: justify;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1y4gjNhSywsU1M2kf9H-_7c9tTVnxPSCkSQa2lkyZ2AiQrOXNgb-PhRV417NRGmcQ7wH5b6v_4dM9SWSmxGgJf6HsowMlIa4CXrR_F08c1stwEKhHj0HYSf665-QvNq1FROo2SV8HkuyU/s1600/Animated+Social+Media+Tab+Buttons.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1y4gjNhSywsU1M2kf9H-_7c9tTVnxPSCkSQa2lkyZ2AiQrOXNgb-PhRV417NRGmcQ7wH5b6v_4dM9SWSmxGgJf6HsowMlIa4CXrR_F08c1stwEKhHj0HYSf665-QvNq1FROo2SV8HkuyU/s1600/Animated+Social+Media+Tab+Buttons.gif" title="Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog" /></a></div>
<br />
<div style="text-align: justify;">
<div style="text-align: left;">
Jejaring sosial? Udah pada tau kan? Kebangetan kalau gak tau... Tapi, saya yakin sobat sudah ngerti maksud dari <b>cara membuat widget jejaring sosial keren di blog</b> ini. Kalau masih bener-bener pemula, saya jelasin. <b>Widget jejring sosial melayang pada blog</b> ini bisa dipasang di blog sobat. Tujuan utamanya adalah, agar pengunjung sobat dapat berkomunikasi dengan sobat melalui <b>tombol widget jejaring sosial melayang di blog</b> yang sudah sobat pasang. <br />
<br />
Pengunjung sobat juga bisa kontak-kontak sobat melalui tombol yang ada pada widget jejaring sosial melayang tersebut. Sesuai dengan gambar, jejaring sosial tersebut adalah: Twitter, Facebook, RSS Feed, Google+, Youtube, Orkut, MySpace, dan Digg.<br />
<br />
Pengunjung bisa sangat mudah sekali untuk menghubungi sobat yang sudah <b>memasang widget jejaring sosial pada blog</b> ini. Mungkin, sobat dengan pengunjung sobat bisa lebih dekat lagi. Agar pengunjung sobat bisa terus berlanggan pada blog sobat.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="http://www.fahmifanirius.ga/2014/04/cara-pasang-widget-jejaring-sosial.html" target="_blank">Gimana cara menambahkan widget jejaring sosial melayang keren di blog?</a> Langsung kita beranjak ke tutorialnya.. Monggo dicoba...</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 mempermudah pencarian, klik serentak Ctrl+F pada keyboard secara bersamaan)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Setelah ketemu, copy kode dibawah ini, dan letakkan kode dibawah tepat DIATAS kode <span style="background-color: #0b5394;"><span style="color: cyan;"></body></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<blockquote class="tr_bq">
<div class="separator" style="clear: both; text-align: left;">
</div>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js"></script><br />
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/mblsocialbar.js"></script><br />
<div id="scolder"><br />
<script
 type="text/javascript" src=" 
http://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js"></script></div>
 <br />
<link href='http://mybloggerlab.com/StyleSheet/mblsocialbar.css' rel='stylesheet' type='text/css'/><br />
<br />
<br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$.mblSocialBar({<br />
items: {<br />
twitter: { url: '<b><span style="color: blue;">#</span></b>', text: 'Follow me on twitter' },<br />
facebook: { url: '<b><span style="color: blue;">#</span></b>', text: 'Profile on facebook' },<br />
rss: { url: '<b><span style="color: blue;">#</span></b>', text: 'RSS Feed' },<br />
google: { url: '<b><span style="color: blue;">#</span></b>', text: 'Profile on google+' },<br />
youtube: { url: '<b><span style="color: blue;">#</span></b>', text: 'Profile on youtube' },<br />
orkut: { url: '<b><span style="color: blue;">#</span></b>', text: 'Profile on orkut' },<br />
myspace: { url: '<b><span style="color: blue;">#</span>'</b>, text: 'Profile on myspace' },<br />
digg: { url: '<b><span style="color: blue;">#</span></b>', text: 'Profile on digg' },<br />
<br />
},<br />
show: 8,<br />
position: "left",<br />
skin: "clear"<br />
});<br />
<br />
});<br />
</script></blockquote>
</div>
<br />
*Ganti tulisan <b><span style="color: blue;">#</span></b> sesuai dengan url jejaring sosial kalian. Contoh, url jejaring sosial Twitter saya: <a href="http://twitter.com/fahmifanirius">http://twitter.com/fahmifanirius</a><br />
<br />
<div style="text-align: center;">
6. Simpan perubahan<br />
<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>

Jejaring Sosial Melayang Tutorial Blogger Widget Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog

Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog - Tutorial kali ini, cukup menarik. Widget animasinya itu, bikin greget. Keren ...

Cara Membuat Tombol Share Keren Melayang Di Blog

12:21 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Membuat Tombol Share Keren Melayang Di Blog</b></span> - Tutorial kali sangat mudah sekali, ini adalah <a href="http://www.fahmifanirius.ga/2014/04/cara-memberi-share-melayang-pada-blog.html" target="_blank">Cara Membuat Share Button Melayang pada sidebar Blog</a>. Share Button pada Blogger kali ini ada Facebook, Twitter, Google+ sama Digg.<br />
<br />
<div style="text-align: left;">
Tujuan <b>membuat dan memasang share button di blog</b> adalah agar si pengunjung bisa membagikan artikel yang Anda buat kepada jejaring sosial milik mereka/si pengunjung.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Semakin banyak yang share / bagikan artikel Anda, mungkin semakin banyak juga orang yang akan membuka dan berkunjung di Blog Anda.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Jika Anda ingin memasang share button facebook saja pada Blogger, Anda bisa baca: <a href="http://www.fahmifanirius.ga/2014/04/cara-pasang-share-button-facebook-pada-blog.html" target="_blank">Cara Membuat Share Button Facebook Pada Blogger</a>. atau Anda hanya ingin membuat Like Button saja pda Blogger bisa kunjungi di: <a href="http://www.fahmifanirius.ga/2014/04/cara-pasang-like-button-facebook-di-blog.html" target="_blank">Cara Membuat Like Button Facebook Pada Blogger</a></div>
<div style="text-align: left;">
<br /></div>
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutJlkFhs8PZQOQAdyP3I3Zfz8oP20i_jsgNq_1N4tj-Q2jUPRp3qe48OmEned1G76BYoilC7P_SVC6NkktlHO4cuePVNsblZSx7NwLDpIFPrsAquvLGmNBBwSUp5edkTBDCsn7LgZPxNE/s1600/share.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Tombol Share Keren Melayang Di Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutJlkFhs8PZQOQAdyP3I3Zfz8oP20i_jsgNq_1N4tj-Q2jUPRp3qe48OmEned1G76BYoilC7P_SVC6NkktlHO4cuePVNsblZSx7NwLDpIFPrsAquvLGmNBBwSUp5edkTBDCsn7LgZPxNE/s1600/share.gif" title="Cara Membuat Tombol Share Keren Melayang Di Blog" width="140" /></a></div>
<div style="text-align: center;">
<div style="text-align: center;">
<br /></div>
</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. HTML/JavaScript</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. 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">
<br />

</div>
<div class="MsoNormal">
#pageshare {position:fixed; bottom:15%; left:10px;
float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0
0 2px 0;z-index:10;}

</div>
<div class="MsoNormal">
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0
5px;}

</div>
<div class="MsoNormal">
 fb_share_count_top {width:48px !important;}

</div>
<div class="MsoNormal">
 .fb_share_count_top, .fb_share_count_inner
{-moz-border-radius:3px;-webkit-border-radius:3px;}

</div>
<div class="MsoNormal">
 .FBConnectButton_Small, .FBConnectButton_RTL_Small
{width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

</div>
<div class="MsoNormal">
 .FBConnectButton_Small .FBConnectButton_Text {padding:2px
2px 3px
!important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</div>
<div class="MsoNormal">
 </style>

</div>
<div class="MsoNormal">
<div id='pageshare' title="Bagikan"></div>
<div class="MsoNormal">
<div class='sbutton' id='gb'><script
src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like
layout="box_count" show_faces="false"
font=""></fb:like></div></div>
<div class="MsoNormal">
<div class='sbutton' id='rt'><a
href="http://twitter.com/share"
class="twitter-share-button" data-count="vertical"
>Tweet</a><script src='http://platform.twitter.com/widgets.js'
type="text/javascript"></script></div></div>
<div class="MsoNormal">
<div class='sbutton' id='gplusone'><script
type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script><g:plusone
size="tall"></g:plusone></div></div>
<div class="MsoNormal">
<div class='sbutton' id='su'><script
src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div></div>
<div class="MsoNormal">
<div class='sbutton' id='digg'
style='margin-left:3px;width:48px'><script
src='http://widgets.digg.com/buttons.js'
type='text/javascript'></script><a class="DiggThisButton
DiggMedium"></a></div></div>
<div class="MsoNormal">
<div class='sbutton' id='fb'><a name="fb_share"
type="box_count"
href="http://www.facebook.com/sharer.php">Share</a><script
src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"
type="text/javascript"></script></div><br/><div
style="clear: both;font-size: 9px;text-align:center;"><a href="http://tutorialblogunik.blogspot.com"
target="blank"><font color="blue">(Get
Widget)<font></font></font></a></div></div></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
</div>
</blockquote>
</div>
<br />
<div style="text-align: center;">
6. Simpan perubahan </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
7. Coba, lihat hasilnya<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>

Melayang Share Button Tutorial Blogger Widget Cara Membuat Tombol Share Keren Melayang Di Blog

Cara Membuat Tombol Share Keren Melayang Di Blog - Tutorial kali sangat mudah sekali, ini adalah Cara Membuat Share Button Melayang pada ...

Cara Pasang Musik Di Blog

12:45 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<a href="http://tutorialblogger.co.vu/" target="_blank"><span style="font-family: Verdana,sans-serif;"><b><span style="font-family: Arial,Helvetica,sans-serif;"></span></b></span></a><span style="font-family: Verdana,sans-serif;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><b>Tutorial Blogger</b></span></b></span> - Tutorial kali cukup menarik. Agar si pembaca/pengunjung tidak jenuh, mungkin cara ini adalah cara yang unik untuk menghibur pengunjung Anda. Yaitu dengan cara memberikan musik pada blog yang Anda buat.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Jika Anda menggunakan cara ini, saya sarankan agar Anda memberi lagu yang populer / ngehits pada Blogger Anda. Biar pengunjung Anda tidak jenuh dan nyaman pada Blogger Anda. </div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrV4ewHy0bu6VTIi3a6-2G98iRelUXkX-SK28HndIh3A4HscH1RPO-JeyZumiMata10y28tEvPUo9g8_8PXjBBVDxI_Gwg0T6F14rLus2XAN6QFqJuktfzanbkhBA4PPRyCKMztBBz8k79/s1600/Colorful-musical-notes-zoom-past-you.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Pasang Musik Di Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrV4ewHy0bu6VTIi3a6-2G98iRelUXkX-SK28HndIh3A4HscH1RPO-JeyZumiMata10y28tEvPUo9g8_8PXjBBVDxI_Gwg0T6F14rLus2XAN6QFqJuktfzanbkhBA4PPRyCKMztBBz8k79/s1600/Colorful-musical-notes-zoom-past-you.gif" title="Cara Pasang Musik Di Blog" width="200" /></a></div>
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
1. Klik <a href="http://playlist.me/" target="_blank">disini</a> (<a href="http://playlist.me/">http://playlist.me/</a>)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Klik Skin</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQhvjCUjGU1aEdWPijbmCBe9eJ88XBXiw5BN9vTsJoCjJx50i-qtIvjovnHDhAmTyUVNFMsYCIlHvHrRN_oLuG4N7BfdVpMgc0aIgKBCK50VAoQpque3iZ8bBBWN0EK5YxoZeGzEmNR5sx/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Pasang Musik Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQhvjCUjGU1aEdWPijbmCBe9eJ88XBXiw5BN9vTsJoCjJx50i-qtIvjovnHDhAmTyUVNFMsYCIlHvHrRN_oLuG4N7BfdVpMgc0aIgKBCK50VAoQpque3iZ8bBBWN0EK5YxoZeGzEmNR5sx/s1600/Screenshot_1.png" title="Cara Pasang Musik Di Blog" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
3. Pilih gambar yang akan dibuat musik sesuai selera kalian. Setelah pilih, klik lingkaran (disampingnya)</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI0hac6c0-qEKcVwxbx72MIKdVRrDIqlPZvz8BBSu4Vsq2QCMW_-AMfLg_n8HV8DLfpi02EbELlK8RyCMnfKa82kLlloMxb2bY8W0epOC_DXbNU9QO8meb_HPtV_UAOEJungDu2e0CUrRF/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Pasang Musik Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI0hac6c0-qEKcVwxbx72MIKdVRrDIqlPZvz8BBSu4Vsq2QCMW_-AMfLg_n8HV8DLfpi02EbELlK8RyCMnfKa82kLlloMxb2bY8W0epOC_DXbNU9QO8meb_HPtV_UAOEJungDu2e0CUrRF/s1600/Screenshot_2.png" title="Cara Pasang Musik Di Blog" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
4. Setelah pilih, klik Player</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj8vib7kzc_PsRhlgE37piiVe_Z5l1Xe0cl9Ids0lN-9rpViVrZlnPez-aHXMteDA752HDX_JIOMqeq1sU36UHmhQ4LVNtUkU9M7IgTE4Sil5NmotgLZm-AdaeScuykNrPB2fy54sNErVU/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj8vib7kzc_PsRhlgE37piiVe_Z5l1Xe0cl9Ids0lN-9rpViVrZlnPez-aHXMteDA752HDX_JIOMqeq1sU36UHmhQ4LVNtUkU9M7IgTE4Sil5NmotgLZm-AdaeScuykNrPB2fy54sNErVU/s1600/Screenshot_3.png" /></a></div>
<div style="text-align: center;">
5. Setelah itu, akan ada tab baru. Klik tab baru itu.</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9L-197ySYhtP9Kii4L_9gY5sUs0ZgdiqUR_XRDxzjy75Br0oxksKNX8xN_HEiRnUieaRJAf6QiSbYyeS0_VRy8xl_xqbjYxVhoLV7gp6i29fbg5Z_ok-TCmCFLUTUJRBopRZBQpgI-9X8/s1600/Screenshot_7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Pasang Musik Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9L-197ySYhtP9Kii4L_9gY5sUs0ZgdiqUR_XRDxzjy75Br0oxksKNX8xN_HEiRnUieaRJAf6QiSbYyeS0_VRy8xl_xqbjYxVhoLV7gp6i29fbg5Z_ok-TCmCFLUTUJRBopRZBQpgI-9X8/s1600/Screenshot_7.png" title="Cara Pasang Musik Di Blog" /></a></div>
<div style="text-align: center;">
6. Klik Playlist</div>
<br />
<br />
<div style="text-align: center;">
7. Isikan Judul Lagunya. Dan isi URL lagu yang kalian<br />
<br />
*Untuk url lagu, isikan dengan url lagu yang ingin diputar. Contoh: Saya pilih lagu Dewa 19 = Pupus. Saya cari diYoutube. Bagaimana cara mencari urlnya? Nih, liat.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnJubLSJ2N5MfPQoF8_ZCHduUSttZomuohufOZeD8dkl1JIBPthpt0jZ5-aP3gw2r6RdQHAC7NQCERN27gmiPqwoL49RY8K12V5RCg9cWOTgqvXEN3cqGIegnCA_B2Qx_PIIbAvKt5WX_H/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Pasang Musik Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnJubLSJ2N5MfPQoF8_ZCHduUSttZomuohufOZeD8dkl1JIBPthpt0jZ5-aP3gw2r6RdQHAC7NQCERN27gmiPqwoL49RY8K12V5RCg9cWOTgqvXEN3cqGIegnCA_B2Qx_PIIbAvKt5WX_H/s1600/Screenshot_1.png" title="Cara Pasang Musik Di Blog" /></a></div>
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
8. Setelah itu, klik Final Setting </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
9. Atur sesuai dengan Anda. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: left;">
*Centang Auto Play = pemutaran lagu secara otomatis waktu blog 
dibuka.Shuffle Playback = pemutaran kembali lagu secara 
otomatis setelah lagu selesai diputar 1 kali. Dafult Volume = suara 
lagunya waktu di putar otomatis. Pilih antara Top atau Bottom untuk 
memilih posisi kotak SCM Music Player di Blog, Top untuk atas, Button 
untuk bawah. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
10. Setelah diatur, klik Done</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3QmNLH_9rKYsyulTofli6VbzAe39lao1gk3jI684LELU6ylEHPT0O7pAMEdsO2VVe5AMTE7nadgsGNb7rig2mCpbtbh3kqr4d50suGHb_f06SoaDanOSLrkl3PUM4A664D163iWsz6nVE/s1600/Screenshot_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Pasang Musik Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3QmNLH_9rKYsyulTofli6VbzAe39lao1gk3jI684LELU6ylEHPT0O7pAMEdsO2VVe5AMTE7nadgsGNb7rig2mCpbtbh3kqr4d50suGHb_f06SoaDanOSLrkl3PUM4A664D163iWsz6nVE/s1600/Screenshot_6.png" title="Cara Pasang Musik Di Blog" /></a></div>
<br />
<div style="text-align: center;">
11. Setelah klik Done, akan ada kode. Copy kode tersebut. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
12. Login Blogger </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
13. Tata letak/layout </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
14. Add gadget </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
15. HTML/JavaScript </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
16. Paste kode tadi pada kolom HTML/JavaScript </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
17. Simpan Perubahan </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
18. Coba, lihat hasilnya<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>

Tutorial Blogger Widget Cara Pasang Musik Di Blog

Tutorial Blogger - Tutorial kali cukup menarik. Agar si pembaca/pengunjung tidak jenuh, mungkin cara ini adalah cara yang unik untuk men...

Cara Menambahkan Widget Ask.fm Pada Blog

2:34 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Verdana,sans-serif;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Menambahkan Ask.fm Pada Blog</b></span></span></b> - Ask.fm adalah sebuah jejaring sosial yang cukup populer. Jejaring sosial ask.fm digunakan untuk memberi pertanyaan kepada teman.  Dan banyak sekali temen-temen saya yang punya akun jejaring sosial ask.fm, bahkan aktif dengan ask.fm karena temen-temen saya stalker dan kepo. Makanya, temen-temen saya banyak yang aktif dengan akun ask.fm</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI9FYobaU1y42mVCQ-04rQWwarkBjw-PniNoGYDO-jurqSoy2zboP4xQIK-V40x4V7-_PezgExq8Fb5DoKBAdrR3-xmbysXmzchwpRpfyQlu5x79euqogYKcwJlGZYVoCU92X9rfQxFjGU/s1600/ask.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menambahkan Widget Ask.fm Pada Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI9FYobaU1y42mVCQ-04rQWwarkBjw-PniNoGYDO-jurqSoy2zboP4xQIK-V40x4V7-_PezgExq8Fb5DoKBAdrR3-xmbysXmzchwpRpfyQlu5x79euqogYKcwJlGZYVoCU92X9rfQxFjGU/s1600/ask.png" title="Cara Menambahkan Widget Ask.fm Pada Blog" width="200" /></a></div>
<br />
Apakah sobat seperti itu? Aktif dengan akun jejaring sosial ask.fm karena kepo dengan temen-temen sobat? Buat sobat pecinta ask.fm dan aktif dengan akun ask.fm. Dan ingin sekali <b>memasang widget ask.fm di blog</b>. Saya punya tutorialnya. Ini akan membuat pengunjung sobat yang kepo dengan sobat dan ingin tanya-tanya dengan sobat, pengunjung sobat bisa kepo-in lewat <b>widget ask.fm di blog</b> sobat yang sudah terpasang.<br />
<br />
Jadi, pengunjung sobat yang kepo atau ingin memberi pertanyaan lewat ask.fm, pengunjung sobat tak usah repot untuk ke web ask.fm cukup login lewat <b>widget ask.fm</b> yang sudah dipasang oleh sobat.</div>
</div>
<br />
<div style="text-align: center;">
1. Klik <a href="http://ask.fm/">http://ask.fm/</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Register jika belum punya akun ask.fm </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Setelah register, klik Pengaturan --> Widget </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqRI7CwJ_VhNAeXO9fc8ivIU4LHRpjhQi7P_L9J8hG4LZWdh4xRYxCar-9zj_Inft95v9CBvKw4r_h6QBw3fIvzGvkwtv89qGrmOlxD_YINywV0emJ_dMJQi8vPRzLqs2YKN4tVeva_hL/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menambahkan Widget Ask.fm Pada Blog" border="0" height="376" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqRI7CwJ_VhNAeXO9fc8ivIU4LHRpjhQi7P_L9J8hG4LZWdh4xRYxCar-9zj_Inft95v9CBvKw4r_h6QBw3fIvzGvkwtv89qGrmOlxD_YINywV0emJ_dMJQi8vPRzLqs2YKN4tVeva_hL/s1600/Screenshot_1.png" title="Cara Menambahkan Widget Ask.fm Pada Blog" width="640" /></a></div>
<br />
<div style="text-align: center;">
4. Atur widget yang akan dibuat, sesuai dengan keinginan </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsHqtE94EueMNIRlwSjpr50K_H5IRsuU7eN3LO84uxxLQd85UKfBKOV35hqdobkb01LBU0a1JGReYXPEBdceYgsgulcq_rHJR9cd3cADOAQI6gU4flz06hMr5GbDBIqAepfBGUwJxv7ZRX/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menambahkan Widget Ask.fm Pada Blog" border="0" height="401" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsHqtE94EueMNIRlwSjpr50K_H5IRsuU7eN3LO84uxxLQd85UKfBKOV35hqdobkb01LBU0a1JGReYXPEBdceYgsgulcq_rHJR9cd3cADOAQI6gU4flz06hMr5GbDBIqAepfBGUwJxv7ZRX/s1600/Screenshot_2.png" title="Cara Menambahkan Widget Ask.fm Pada Blog" width="640" /></a></div>
<br />
<div style="text-align: center;">
5. Kemudian copy kode yang sudah tersedia. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
6. Login Blogger - Tata letak/layout - Add gadget - HTML/JavaScript </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
7. Paste kode yang sudah dicopy pada kolom HTML/JavaScript<br />
<br />
<br /></div>
<span class="Apple-style-span" style="font-size: x-small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span class="Apple-style-span" style="font-size: x-small;"><br /></span>
<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><span class="Apple-style-span" style="font-size: x-small;">Tutorial Blogger </span></strike></span></a></b></div>
</div>

Jejaring Sosial Tutorial Blogger Widget Cara Menambahkan Widget Ask.fm Pada Blog

Cara Menambahkan Ask.fm Pada Blog - Ask.fm adalah sebuah jejaring sosial yang cukup populer. Jejaring sosial ask.fm digunakan untuk mem...

Cara Membuat Recent Post Keren Dan Responsive Di Blog

1:49 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<b><span style="font-family: Verdana,sans-serif;"><a href="http://tutorialblogger.co.vu/" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"></span></a><span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Membuat Recent Post Keren Dan Responsive Di Blog</b></span></span></b> - Kali ini tutorialnya cukup mudah. Yaitu <a href="http://www.fahmifanirius.ga/2014/04/cara-pasang-animasi-recent-post.html" target="_blank">Cara Membuat Recent Post Keren Dan Ringan Di Blog</a> Recent post? Apa itu? Recent Post adalah postingan blog terakhir. Samalah, dengan Late Post (Postingan Terakhir). Recent post memudahkan visitor/pengunjung untuk membaca artikel atau konten yang Anda buat terkahir kali.</div>
<br />
Dengan recent post ini, jelas akan menarik visitor atau pengunjung Anda agar melihat postingan terakhir yang Anda buat. Tentunya, ketika visitor Anda tertarik dengan artikel Anda, semakin banyak penayangan blog Anda. Gitu.<br />
<br />
<br />
<div style="text-align: left;">
Recent Post ini bergerak yang dibuat sangat keren dan ringan.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZcSBs6CtIyYOAdsyL4jtqpQAW_8erAEG9s-Lv0SMyPea6BYgZU4GCIyjz0YbOZYRLmvg_6RESe37cbeYW8ygQlUJJMsHrzmSGDRprzGMo324aKQQ3ykGjoOeTpyU1QT6fpYqcg2AwnHWU/s1600/aaaa.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Recent Post Keren Dan Responsive Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZcSBs6CtIyYOAdsyL4jtqpQAW_8erAEG9s-Lv0SMyPea6BYgZU4GCIyjz0YbOZYRLmvg_6RESe37cbeYW8ygQlUJJMsHrzmSGDRprzGMo324aKQQ3ykGjoOeTpyU1QT6fpYqcg2AwnHWU/s1600/aaaa.gif" title="Cara Membuat Recent Post Keren Dan Responsive Di Blog" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_T9JgREg40iXrnimMDcU2XzJ83KKqE6E9z1idjrVIYgsU1m1OiIdE1fIn1VYkZ9gLaeMVhmlSHpmCZvY8ulQdzrXBFD3ao3NNO-169cUE3Oxx2VwpGZ35HpQeiJ8SDYjWw6BsVIDkLBd/s1600/coba.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<br /></div>
<div style="text-align: center;">
<a href="http://www.fahmifanirius.ga/2014/04/cara-pasang-animasi-recent-post.html" target="_blank">Gimana sih, cara membuat recent post yang keren dan ringan di blog?</a></div>
<div style="text-align: center;">
<br />
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. HTML/JavaScript</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Copy kode dibawah ini, kemudian paste pada kolom HTML/JavaScript</div>
<div style="text-align: center;">
<br /></div>
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 280px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<style type="text/css"><br />
#rp_plus_img{height:377px;}<br />
#rp_plus_img li {height:60px;padding:5px;list-style:none;<br />
background-color:#ffffff;<br />
border:solid 1px #000000;}<br />
#rp_plus_img a{color:#00000;}<br />
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;<br />
text-align:justify;<br />
-moz-border-radius: 5px;}<br />
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}<br />
</style><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><br />
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script><br />
<script type="text/javascript"><br />
var speed = 1500;<br />
var pause = 3500;<br />
$(document).ready(function(){<br />
rpnewsticker();<br />
interval = setInterval(rpnewsticker, pause);<br />
});<br />
</script><br />
<ul id="rp_plus_img"><br />
<script style="text/javascript"><br />
var numposts = 5;<br />
var numchars = 0;<br />
</script><br />
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script><br />
</ul><small><a
 
href="http://tutorialblogger.co.vu"
 target="_blank">get this widget here</a></small></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. Lihat hasilnya<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>

Animasi Post Tutorial Blogger Cara Membuat Recent Post Keren Dan Responsive Di Blog

Cara Membuat Recent Post Keren Dan Responsive Di Blog - Kali ini tutorialnya cukup mudah. Yaitu Cara Membuat Recent Post Keren Dan Ringa...

Cara Membuat Dan Memasang Widget Twitter Pada Blog

9:04 PM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Pasang Widget Twitter Pada Blog</b></span> - Kali ini  <a href="http://www.tutorialblogger.co.vu/2014/04/cara-pasang-widget-twitter-pada-blog.html" target="_blank">Cara Membuat  Dan Memasang Widget Twitter Pada Blog</a>. <b>Cara Menambahkan widget twitter di blog</b> tujuannya agar sipembaca blog Anda dapat berinteraksi melalui twitter yang telah disediakan dalam blog Anda.<br />
<br />
<b>Pasang widget twitter di blog ini menampilkan timeline</b> tweet-tweet sobat yang sudah dipublish dan akan terupdate di widget twitter di blog sobat. Jadi, semua yang ditweet sobat bisa terpajang atau si pengunjung bisa langsung liat timeline twitter sobat.<br />
<br />
Tak hanya bisa liat update-an timeline dari tweet-tweet sobat saja, tentunya pengunjung bisa mention-mention sobat yang <b>memasang widget twitter di blog ini</b>. Widget ini, tanpa mengharuskan pengunjung untuk membuka twitter. Cukup log in di widget twitter yang sudah tersedia di blog Anda. Setelah itu, dia mention. Sudah, gitu aja. (•̃͡-̮•̃͡)∫</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2s-2SsldLsd3hPBwCY9qXVnlMLvOncKPXcov5R7nda_46o6fXiRNM-RH9nYzSDLwc9yk3Xedt4qtiifLaLEdPxjcq3yLgzOepnrJp5Z-CFy4LXn-HufvzUVGWS9OJjLsWVJecQrx_r5Ic/s1600/index.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Dan Memasang Widget Twitter Pada Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2s-2SsldLsd3hPBwCY9qXVnlMLvOncKPXcov5R7nda_46o6fXiRNM-RH9nYzSDLwc9yk3Xedt4qtiifLaLEdPxjcq3yLgzOepnrJp5Z-CFy4LXn-HufvzUVGWS9OJjLsWVJecQrx_r5Ic/s1600/index.jpeg" title="Cara Membuat Dan Memasang Widget Twitter Pada Blog" /></a></div>
</div>
<div style="text-align: center;">
1. Login Twitter </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Klik Lingkaran pengaturan --> Pengaturan</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMmSyjiIwEjGvdKWG8G3bBWUMwLcpsOVPb-QQ64ByyfyEX2hdbhB70NWgsdxYDTjnPP5BbjrhS6FCbVIdajqsyTMkxy1-TctSWfBI5_qbcOS-3qaxpAZa1kAlXnDtVIA4RRAnv7hIHgJ1/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Dan Memasang Widget Twitter Pada Blog" border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMmSyjiIwEjGvdKWG8G3bBWUMwLcpsOVPb-QQ64ByyfyEX2hdbhB70NWgsdxYDTjnPP5BbjrhS6FCbVIdajqsyTMkxy1-TctSWfBI5_qbcOS-3qaxpAZa1kAlXnDtVIA4RRAnv7hIHgJ1/s1600/Screenshot_1.png" title="Cara Membuat Dan Memasang Widget Twitter Pada Blog" width="320" /></a></div>
<div style="text-align: center;">
<br />
3. Klik widget<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgib3VmVvU4BXX0Anfox2lz8mPnmYqv2_jF8o43DfU6YexkqcScoVNsNZk-NF5cPE8i19scOEP1CIVRYsPiXxyuQBeVSoWlgn6rl503v1iPf4CPnFwjM9FdnQipNxxn1w7Vkah9XdpwTFkY/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Dan Memasang Widget Twitter Pada Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgib3VmVvU4BXX0Anfox2lz8mPnmYqv2_jF8o43DfU6YexkqcScoVNsNZk-NF5cPE8i19scOEP1CIVRYsPiXxyuQBeVSoWlgn6rl503v1iPf4CPnFwjM9FdnQipNxxn1w7Vkah9XdpwTFkY/s1600/Screenshot_2.png" title="Cara Membuat Dan Memasang Widget Twitter Pada Blog" /></a></div>
<div style="text-align: center;">
<br />
4. Klik Buat baru</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi8j8fU30XnDMRYoz5LC9sz9v8EX4Ed0bWMUxByFWiBHdHC04jgmskpz96tQieUCnduSq4Iok9Fi5dNj3HnYNrZYMhVHK9cyglWZEjpg1BehbnckaV_8sTLiuNB9_vzCrT5esswcgUDHES/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Dan Memasang Widget Twitter Pada Blog" border="0" height="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi8j8fU30XnDMRYoz5LC9sz9v8EX4Ed0bWMUxByFWiBHdHC04jgmskpz96tQieUCnduSq4Iok9Fi5dNj3HnYNrZYMhVHK9cyglWZEjpg1BehbnckaV_8sTLiuNB9_vzCrT5esswcgUDHES/s1600/Screenshot_3.png" title="Cara Membuat Dan Memasang Widget Twitter Pada Blog" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Atur widget twitter Anda sesuai dengan keinginan. Lalu, klik Buat widget</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinSfxr3if6FfAVR5BToo9CfkVteqG4UZBnRaxVfZATK7DBWJKxrwLR-aLQ6XZGB72Dip83-jewceYQ9yNJLzch_WFwMRAYOeU8fQ12C8PUwbxXaFBtiz8RpTzb16mEGHV1NTvvbKDETm3e/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Dan Memasang Widget Twitter Pada Blog" border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinSfxr3if6FfAVR5BToo9CfkVteqG4UZBnRaxVfZATK7DBWJKxrwLR-aLQ6XZGB72Dip83-jewceYQ9yNJLzch_WFwMRAYOeU8fQ12C8PUwbxXaFBtiz8RpTzb16mEGHV1NTvvbKDETm3e/s1600/Screenshot_4.png" title="Cara Membuat Dan Memasang Widget Twitter Pada Blog" width="320" /></a></div>
<div style="text-align: center;">
<br />
6. Setelah klik buat widget, akan ada kode HTML dibawahnya. Copy kode itu. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
7. Login Blogger --> Tata letak/layout --> Add gadget --> TML/JavaScript --> Pastekan kode tadi pada kolom HTML/JavaScript </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
8. Simpan perubahan</div>
<div style="text-align: center;">
<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>

Jejaring Sosial Tutorial Blogger Widget Cara Membuat Dan Memasang Widget Twitter Pada Blog

Cara Pasang Widget Twitter Pada Blog - Kali ini Cara Membuat Dan Memasang Widget Twitter Pada Blog . Cara Menambahkan widget twitter...

Cara Memasang Widget Feedjit Live Traffic Di Blog

6:49 PM Unknown 0

<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Memasang Widget Feedjit Pada Blog</b></span> - Tutorial kali ini, membahas bagaimana <a href="http://www.fahmifanirius.ga/2014/04/cara-menambahkan-feedjit-pada-blog.html" target="_blank">Cara Menambahkan Feedjit Pada Blogger</a>.<br />
<br />
Feedjit adalah sebuah widget visitor yang dapat dipasang di blog. Widget ini menunjukkan dari mana saja pengunjung blog Anda secara ekslusif . Bisa dari luar kota, ataupun luar negeri.<br />
<br />
Dan keuntungan <b>memasang widget feedjit free live traffic pada blog</b> adalah menampilkan dari mana saja pengunjung datang dan menampilkan dari mana saja pengujung sobat yang nge-klik. Tentunya, sobat akan tau pengunjung sobat tau dari mana blog sobat. Jika sudah tau, mungkin sobat bisa memperkembang lagi artikelnya sobat. Cara ini termasuk cara SEO (Search Engine Optimization)<br />
<br />
Bingung ya? ("˘ƪ _˘ ")ʃ Saya juga bingung ngejelasinnya. Daripada sama-sama bingung. Nih: </div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf0rE_S4Gj71liX4vBNPDTdOAPG9Omu9AOsUCw6tdyZhH7fRTpoqw96o_lrDlP5OF4h_NKJUB4YrZM93gQh900cqCNFH3w5smBQhKy5r_e13HDcDdNKsMhncWSifRfJiiaxYIUqhqQ7AEk/s1600/d.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf0rE_S4Gj71liX4vBNPDTdOAPG9Omu9AOsUCw6tdyZhH7fRTpoqw96o_lrDlP5OF4h_NKJUB4YrZM93gQh900cqCNFH3w5smBQhKy5r_e13HDcDdNKsMhncWSifRfJiiaxYIUqhqQ7AEk/s1600/d.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
1. Klik <a href="http://feedjit.com/" target="_blank">disini </a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Atur background warna yang kalian mau</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHrKcbj99PhHUU2z-eF1Dcuh-6F0zXNEaMxFVuQEAorl1jWR9PRoT1-OKpwZoynRcJngIGRpRIfjhPGFPFHRU5I4GbmPLf0ttaO_DjH6uS-xoZUZ754l7CTSLrJcmmKiEh5AX258UX6HI/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHrKcbj99PhHUU2z-eF1Dcuh-6F0zXNEaMxFVuQEAorl1jWR9PRoT1-OKpwZoynRcJngIGRpRIfjhPGFPFHRU5I4GbmPLf0ttaO_DjH6uS-xoZUZ754l7CTSLrJcmmKiEh5AX258UX6HI/s1600/Screenshot_2.png" width="400" /></a></div>
<br />
3. Atur juga berapa banyak jumlah visitor yang kalian inginkan.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUauPS5lY34NczOiuu56F0Nczx5vakhNblRptbFs1-Wztcd0bHuok7Agh2UdMSJbJSS5NsefMFeyldXBMcTNN0tEQVDnV-w1SzK4RkQAmB6JHfgENb9kY6OZSIV9oG-p7ulPQ-5ie2t3lF/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="337" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUauPS5lY34NczOiuu56F0Nczx5vakhNblRptbFs1-Wztcd0bHuok7Agh2UdMSJbJSS5NsefMFeyldXBMcTNN0tEQVDnV-w1SzK4RkQAmB6JHfgENb9kY6OZSIV9oG-p7ulPQ-5ie2t3lF/s1600/Screenshot_1.png" width="400" /></a></div>
<br />
<br />
<div style="text-align: center;">
4. Setelah itu, klik Go! </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Lalu, copy kode yang sudah diberi</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYWDN_iqp-ScB906htIbKkvOUC8UsQzvKO2nRmFbq6jQ2MdAzK8oESVkE9lDPTUF2rXFfvk230PprtGArJAOvrt2tejX3FY1kQ4dd9K2ikq2VVyCaJ52Y82GSNw5T6zh_6NknFIlPtnnTl/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYWDN_iqp-ScB906htIbKkvOUC8UsQzvKO2nRmFbq6jQ2MdAzK8oESVkE9lDPTUF2rXFfvk230PprtGArJAOvrt2tejX3FY1kQ4dd9K2ikq2VVyCaJ52Y82GSNw5T6zh_6NknFIlPtnnTl/s1600/Screenshot_4.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
6. Setelah copy, Login  </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
7. Tata letak/layout </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
8. 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. Paste kode tadi pada kolom HTML/JavaScript </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
11. Simpan perubahan<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>

Tutorial Blogger Cara Memasang Widget Feedjit Live Traffic Di Blog

Cara Memasang Widget Feedjit Pada Blog - Tutorial kali ini, membahas bagaimana Cara Menambahkan Feedjit Pada Blogger . Feedjit adalah s...

Cara Menghilangkan Gambar Tang Obeng Di Blog

9:34 PM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Menghilangkan Gambar Tang Obeng Di Blog</b> - Hari ini hari yang melelahkan. Banyak tugas disekolah. Tapi sobat tak perlu khawatir. Saya akan selalu berbaik hati membagikan <b>tutorial blogger pemula</b> yang mudah digunakan oleh sobat. Kali ini saya akan jelaskan <b>tutorial blogger</b> tentang <b><a href="http://www.fahmifanirius.gq/2014/04/cara-menghilangkan-pengaturan-tang-dan-obeng.html" title="Cara Menghilangkan Icon Quick Edit atau Tang Obeng Di Blog">Cara Menghilangkan Icon Quick Edit atau Tang Obeng Di Blog</a></b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbMvP5qH0lyH0VXMt_75MFQhs_oI33S_0ATv2idAPhHL8QpvnE6rmAabFyxf457qv19d03EdNbwaCujFa1YnoIPj382SGc4-NgI-UScV4rU2Dbqdl-H6DFEV0Z8nQ6Q9-OZ07KqTkPFdr/s1600/t.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Menghilangkan Gambar Tang Obeng Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbMvP5qH0lyH0VXMt_75MFQhs_oI33S_0ATv2idAPhHL8QpvnE6rmAabFyxf457qv19d03EdNbwaCujFa1YnoIPj382SGc4-NgI-UScV4rU2Dbqdl-H6DFEV0Z8nQ6Q9-OZ07KqTkPFdr/s1600/t.png" title="Cara Menghilangkan Gambar Tang Obeng Di Blog" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Mungkin kebanyakan dari sobat masih bertanya-tanya apa maksud dari tutorial blogger yang akan bahas ini. <b>Icon quick edit atau gambar tang dan obeng</b> ini akan selalu muncul di blog sobat saat sobat memasang widget di panel tata letak atau layout pada blog sobat. Untuk sobat yang masih belum tau maksud dari penjelasan saya yang sudah sangat jelas, sobat bisa lihat gambar berikut:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxEtYDcciqBI7gMwxcT3VRSXme8hqK1_H5MRChpKBefl2DuYE2rsy6_7LgqN9o8JwBDkj6TQniCqQBcWTEyjk0P8vmVWGGKr17UUhWa2XFtYQBg8XqXLahyQYHwnz82OgsGeu8VdIMDdsq/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menghilangkan Gambar Tang Obeng Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxEtYDcciqBI7gMwxcT3VRSXme8hqK1_H5MRChpKBefl2DuYE2rsy6_7LgqN9o8JwBDkj6TQniCqQBcWTEyjk0P8vmVWGGKr17UUhWa2XFtYQBg8XqXLahyQYHwnz82OgsGeu8VdIMDdsq/s1600/images.jpg" title="Cara Menghilangkan Gambar Tang Obeng Di Blog" /></a></span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<br />
Tujuan google memberi <b>icon quick edit di blog</b> ini agar memudahkan pemilik blog untuk melakukan editing widget saat pemilik blog melakukan review atau melihat blog nya sendiri secara langsung. Dari nama nya kita sudah tau, quick edit. Qucik=cepat edit=ubah. Jadi, pemilik blog dapat mengubah dengan cepat widget yang telah dipasang oleh nya.<br />
<br />
Tapi ingat, siapapun bisa melihat <b>gambar tang dan obeng di blog</b> termasuk pengunjung sobat sendiri dapat melihat gambar tersebut. Namun, ketika pengunjung sobat klik <b>icon quick edit</b> tersebut harus login terlebih dahulu. Jadi aman, meskipun pengunjung sobat klik <b>icon quick edit</b> tersebut tidak akan bisa mengubah widget yang sudah dipasang oleh sobat selama pengunjung tersebut tidak bisa login sebagai pemilik blog.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Namun banyak dari kalangan pemilik blog merasa risih atau tidak nyaman saat melihat <b>icon quick edit atau gambar tang dan obeng di blog</b> nya. Entah kenapa saya juga tidak tau. Saya sendiri risih melihat nya. Maka dari itu saya membuat <b>tutorial blogspot</b> tentang <b>cara menghapus icon quick edit atau gambar tang dan obeng di blog</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Sebelum kita ke pembahasan, disini saya akan beri tau bahwa disini saya mempunyai 2 <b>cara untuk menghilangkan tang dan obeng di blog</b>. Cara pertama yaitu cara otomatis, setiap sobat memasukkan widget terbaru, maka widget tersebut sudah tidak ada <b>icon quick edit</b> nya. Untuk cara kedua yaitu cara manual. Jadi, sobat harus satu persatu mengatur quick edit nya sesuai berapa widget yang dipasang sobat.</span><br />
<h2 style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Cara 1. Cara Otomatis</b></span></h2><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">1. Login Blogger</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Template</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Edit HTML</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">4. Cari kode</span></div><pre><span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: cyan;">]]></b:skin></span></span></pre><span style="font-family: Arial, Helvetica, sans-serif;">(agar lebih memudahkan untuk mencari, klik kolom edit HTML, kemudian tekan secara bersamaan pada keyboard Ctrl+F)</span><br />
<div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Copy kode dibawah ini kemudian paste dan letakkan kode tepat DIATAS kode </span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;">]]></b:skin></span></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;">.quickedit{          
display:none;           
}
</span></code></pre><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan</span></div><h2 style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Cara 2. Cara Manual</b></span></h2><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;">1. Login Blogger</span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Template</span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Edit HTML</span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;">4. Cari kode</span></div><pre><span style="color: cyan;"><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><b:include name='quickedit'/></span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"> </span></span></pre><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">(agar lebih memudahkan untuk mencari, klik kolom edit HTML, kemudian tekan secara bersamaan pada keyboard Ctrl+F)</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. </span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;">Setelah ketemu kode </span><span style="background-color: #0b5394; font-family: Arial, Helvetica, sans-serif; text-align: center;"><span style="color: cyan;"><b:include name='quickedit'/></span></span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"> GANTI kode tadi dengan kode tersebut dengan kode dibawah ini:</span></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"></span></code></pre><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><span style="font-family: Arial, Helvetica, sans-serif;">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;"><br />
</span><br />
<div style="text-align: right;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger </strike></span></a></b></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 Menghilangkan Gambar Tang Obeng 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 menghilangkan icon quick edit atau gambar tang dan obeng yang mungkin membuat Anda tidak nyaman untuk dilihat dengan adanya icon quick edit.</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">91%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2541 votes</span></div></div></td></tr>
</tbody></table></div></div></div>

CSS Hilangkan JavaScript Tutorial Blogger Cara Menghilangkan Gambar Tang Obeng Di Blog

Cara Menghilangkan Gambar Tang Obeng Di Blog - Hari ini hari yang melelahkan. Banyak tugas disekolah. Tapi sobat tak perlu khawatir. Saya a...

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 Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog

Cara Pasang Widget Jejaring Sosial Melayang 2

Cara Membuat Link Warna Warni Di Blog Jika Disentuh Kursor

Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog

Cara Membuat Tombol Share Keren Melayang Di Blog

Cara Pasang Musik Di Blog

Cara Menambahkan Widget Ask.fm Pada Blog

Cara Membuat Recent Post Keren Dan Responsive Di Blog

Cara Membuat Dan Memasang Widget Twitter Pada Blog

Cara Memasang Widget Feedjit Live Traffic Di Blog

Cara Menghilangkan Gambar Tang Obeng Di Blog

Cara Membuat DropDown Menu Warna Warni Keren Di Blog

Terpopuler

Kategori

Arsip Blog