darmasite

JQuery Scroll To Top Control v1.1

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBr_8x7qs0rNDBXqGYry5qeBDx8h85ENSMmr5nzbkC7lY0lcetw6BETG6Clal8P0TSOEkUlpoHoFYYUIsXdtU5yndRn27rmPiSa4DXBOCY8hdaAqXLZkpob8pLAFyopTiaFf3sdlOKP9N7/s1600/jquery-scroll-top-top-smooth.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBr_8x7qs0rNDBXqGYry5qeBDx8h85ENSMmr5nzbkC7lY0lcetw6BETG6Clal8P0TSOEkUlpoHoFYYUIsXdtU5yndRn27rmPiSa4DXBOCY8hdaAqXLZkpob8pLAFyopTiaFf3sdlOKP9N7/s1600/jquery-scroll-top-top-smooth.png" /></a></div> 
 
<a href="http://darmasite.blogspot.com/2012/02/jqueru-scroll-to-top-control-v11.html" target="_blank">JQuery Scroll To Top Control v1.1</a> - Mungkin sudah banyak para blogger kita yang memasang button <a href="http://darmasite.blogspot.com/2012/02/jqueru-scroll-to-top-control-v11.html" target="_blank">JQueru Scroll To Top Control v1.1 ini</a>. tapi tidak ada salahnya jika saya memposting cara memasang Button <a href="http://darmasite.blogspot.com/2012/02/jqueru-scroll-to-top-control-v11.html" target="_blank">JQueru Scroll To Top Control v1.1</a> ini! kebetulan juga ada yang request jadi langsung saja cara pesang! 
 
 
 
 
Steps : 
 
<ol><li>Buka blogger > Dasbor > Rancangan > Edit Html </li>
<li>Kemudian cari kode <HEAD> dan taruh script dibawah ini tepat dibawah kode <HEAD></li>
</ol><div><div> 
</div><blockquote class="tr_bq"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
<script src='http://scrolltop1.googlecode.com/files/scrollup.js' type='text/javascript'> 
</script></blockquote></div><div>3. Kemudian Simpan Template dan lihat hasilnya!</div><div> 
</div><div>Demikian dulu posting kali ini mengenai cara pasang button <a href="http://darmasite.blogspot.com/2012/02/jqueru-scroll-to-top-control-v11.html" target="_blank">JQueru Scroll To Top Control v1.1</a> di blog, semoga artikel ini bermanfaat bagi sobat blogger semua!</div>

JQuery Scroll To Top Control v1.1

JQuery Scroll To Top Control v1.1 - Mungkin sudah banyak para blogger kita yang memasang button JQueru Scroll To Top Control v1.1 ini. tapi tidak ada salahnya jika saya memposting cara memasang Butto…

Baca selengkapnya »

25 Feb 2012

Daftar Komunitas Blogger Indonesia

<div id="header" style="text-align: center;"><div class="logoblogazine section" id="blog-title"><div class="widget Header" id="Header1"></div></div></div><div style="text-align: center;"></div><div style="text-align: center;"></div><div class="title" style="text-align: center;"></div><div style="text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/373588_228660920539303_450078672_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/373588_228660920539303_450078672_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/228660920539303/" target="_blank">►÷ Komunitas Blogger ÷◄</a></h1><div style="text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/372968_210368182389125_1141484576_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/372968_210368182389125_1141484576_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/salkomsel.jempolers/" target="_blank">-=Blogger Indonesia=-</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/50256_142291200514_9915_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/50256_142291200514_9915_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/142291200514/" target="_blank">Aku Juga Blogger Indonesia</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/188145_114259245324954_7274649_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/188145_114259245324954_7274649_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/alwaysbw/" target="_blank">Always Blogwalking™</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/195715_145628285505699_6859314_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/195715_145628285505699_6859314_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/admin.ixpbc/" target="_blank">Basecamp Blogwalking™</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/50502_277904983020_523366_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/50502_277904983020_523366_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/277904983020/" target="_blank">BELAJAR MEMBUAT BLOG (KOMUNITAS BLOGGER)</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://i821.photobucket.com/albums/zz135/vankim2/KBWtransparan.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i821.photobucket.com/albums/zz135/vankim2/KBWtransparan.gif" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/kbw20/" target="_blank">Blokwalking /20'</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/static-ak/rsrc.php/v1/yG/r/Onaj08c4thr.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/static-ak/rsrc.php/v1/yG/r/Onaj08c4thr.png" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/267878929936287/" target="_blank">Blogwalking /20'</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/373501_150085218434422_806223021_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/373501_150085218434422_806223021_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/150085218434422/" target="_blank">Blogger Big Community INDONESIA</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-ash2/277025_169512873108294_683722669_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/277025_169512873108294_683722669_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/blogger.bci/" target="_blank">Blogger Community of Indonesia</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/261161_151272611625481_3146022_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/261161_151272611625481_3146022_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/151272611625481/" target="_blank">Blogger Discussion</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/50234_47983218907_5387_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/50234_47983218907_5387_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/47983218907/" target="_blank">Blogger Indonesia</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/373012_287105214673125_1003033327_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/373012_287105214673125_1003033327_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/287105214673125/" target="_blank">Blogger Indonesia</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/195748_160906297310304_1642658_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/195748_160906297310304_1642658_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/160906297310304/" target="_blank">Blogger Is Our Life</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-ash2/373042_191991647520373_1529052993_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/373042_191991647520373_1529052993_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/bllooggeerr/" target="_blank">Blogger Sana Sini</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-ash2/373079_283698101650499_1056195794_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/373079_283698101650499_1056195794_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/blogspotind/" target="_blank">Blogspot Indonesia</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/277192_231586326860883_3771080_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/277192_231586326860883_3771080_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/Happyblogging/" target="_blank">Crazy Bloggers</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/277029_237396829631294_1676559_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/277029_237396829631294_1676559_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/dbpindonesia/" target="_blank">Diskusi Blogger Pemula</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/158093_100127510116625_142233273_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/158093_100127510116625_142233273_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/100127510116625/" target="_blank">FBC [Follower Blogger Community]</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/372851_82025467884_638459622_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/372851_82025467884_638459622_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/blogger.id/" target="_blank">IndoBlogger (Komunitas Blogger Indonesia)</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-ash2/373087_228932060463655_1456727581_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/373087_228932060463655_1456727581_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/indonesianbloggergroup/" target="_blank">Indonesian Blogger Group</a></h1><h1 style="text-align: center;"></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/71139_160755473348_7983107_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/71139_160755473348_7983107_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/160755473348/" target="_blank">Komunitas Blogger</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/203564_231964420172815_790535_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/203564_231964420172815_790535_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/santriblogger/" target="_blank">Komunitas Blogger</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/211114_61861062552_3361958_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/211114_61861062552_3361958_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/k.blogger.indonesia/" target="_blank">Komunitas Blogger Indonesia</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/373018_228243973915215_2076668831_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/373018_228243973915215_2076668831_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/228243973915215/" target="_blank">KOMUNITAS BLOGGER INDONESIA</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/211023_204984469543501_6930379_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/211023_204984469543501_6930379_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/kbi.new/" target="_blank">Komunitas Blogger Indonesia ( New )</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/211085_175253539186751_3398816_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/211085_175253539186751_3398816_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/bloggerjogja/" target="_blank">Komunitas Blogger Jogja</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/261099_162140723818664_1515597883_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/261099_162140723818664_1515597883_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/infoplatm/" target="_blank">Komunitas Blogger Madura (Plat-M.com)</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/261078_149065145191523_951575499_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/261078_149065145191523_951575499_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/kbnusantara/" target="_blank">Komunitas Blogger Nusantara</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-ash2/188124_112652985477473_4106684_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/188124_112652985477473_4106684_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/bloggersemarang/" target="_blank">Komunitas Blogger Semarang</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/174882_153561804713745_1227816_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/174882_153561804713745_1227816_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/kumpulananak2bw/" target="_blank">Kumpulan Anak-Anak Blogwalking™</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/195707_141053282629795_1261242_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/195707_141053282629795_1261242_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/141053282629795/" target="_blank">Ruang Promosi Blog</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/41609_304378432909762_1800933172_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/41609_304378432909762_1800933172_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/sahabatbloggers/" target="_blank">SAHABAT BLOGGERS</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276970_263289840366942_3497080_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276970_263289840366942_3497080_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/Setia.BW/" target="_blank">Setia Blogwalking /20'</a></h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/372885_244308672308864_160240335_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/372885_244308672308864_160240335_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/244308672308864/" target="_blank">SMART Blogger Komunitas</a> </h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/277000_253775417992809_560112369_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/277000_253775417992809_560112369_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/thebloggerindonesia/" target="_blank">The Blogger Indonesia</a> </h1><div class="separator" style="clear: both; text-align: center;"><a href="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161999_178177105548456_3879374_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/161999_178177105548456_3879374_n.jpg" /></a></div><h1 style="text-align: center;"><a href="http://www.facebook.com/groups/trikblog/" target="_blank">Trik Blogger</a> </h1>

Daftar Komunitas Blogger Indonesia

►÷ Komunitas Blogger ÷◄-=Blogger Indonesia=-Aku Juga Blogger IndonesiaAlways Blogwalking™Basecamp Blogwalking™BELAJAR MEMBUAT BLOG (KOMUNITAS BLOGGER)Blokwalking /20'Blogwalking /20'Blogger Big Commun…

Baca selengkapnya »

25 Feb 2012

Style Komentar Theaded

Hampir 75% dari pengguna blogger lebih suka menggunakan template tidak resmi dan karena fitur ini tidak bisa begitu saja dilawan, oleh karena itu kita perlu beberapa waktu untuk mengeditnya dengan aman dan menerapkan semua kode yang dibutuhkan untuk membuat fitur ini berfungsi dengan benar. Tutorial di bawah ini adalah cara termudah untuk menambah gaya komentar threaded ke blog blogger Anda. Berikut Screnshot komentar threaded yang akan kita rubah menjadi seperti ini 
 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIjaSV-KLqS67imvVdb3JaETbnXFohUfuzHdP5Hb1l6KVnF6fQeFHot5Oy126ejDGyM49WEG5CBLP-iw9ChhzbE3GDaj2suMuz_P7CV9OgkbzYUD_I8w20jUP5x-cxUfDW6TkzM4w6EOo/s1600/komen.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIjaSV-KLqS67imvVdb3JaETbnXFohUfuzHdP5Hb1l6KVnF6fQeFHot5Oy126ejDGyM49WEG5CBLP-iw9ChhzbE3GDaj2suMuz_P7CV9OgkbzYUD_I8w20jUP5x-cxUfDW6TkzM4w6EOo/s320/komen.PNG" width="256" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">screenshot di ambil dari darmasite</td></tr>
</tbody></table> 
 
<div style="text-align: justify;">Nah, anda tertarik bukan? jika iya kita langsung saja ke langkah - langkah membuat komentar threated!</div> 
 
 
<ol style="background-color: #fcfcfc; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; line-height: 22px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 10px; margin-left: 15px; margin-right: 0px; margin-top: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; word-wrap: break-word;"><li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; word-wrap: break-word;">Login di <a href="http://www.blogger.com/opt-in-new-ui.g?useNewUi=true&token=AOuZoY542KEZlGB4ALkxe8wqpAKtHVzXSw:1328499586833" style="color: #3366bb; text-decoration: none;">Blogger.com</a> pergi ke Design/Rancangan > Edit HTML Backup template anda terlebih dahulu selanjutnya Klik "Expand Widget Templates"</li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;"><div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; word-wrap: break-word;">Template Anda akan mencakup kode CSS berikut secara otomatis yang dimasukkan oleh blogger. </div><blockquote class="tr_bq" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: #888888; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; margin-top: 15px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;"><b:includable id='threaded_comment_css'> 
  <style> 
.comments { 
  clear: both; 
  margin-top: 10px; 
  margin-bottom: 0px; 
  line-height: 1em; 
} 
.comments .comments-content { 
  font-size: 13px; 
  margin-bottom: 16px; 
} 
.comments .comment .comment-actions a { 
  padding-top: 5px; 
  padding-right: 5px; 
} 
.comments .comment .comment-actions a:hover { 
  text-decoration: underline; 
} 
.comments .comments-content .comment-thread ol { 
  list-style-type: none; 
  padding: 0; 
  text-align: left; 
} 
.comments .comments-content .inline-thread { 
  padding: 0.5em 1em; 
} 
.comments .comments-content .comment-thread { 
  margin: 8px 0px; 
} 
.comments .comments-content .comment-thread:empty { 
  display: none; 
} 
.comments .comments-content .comment-replies { 
  margin-top: 1em; 
  margin-left: 36px; 
} 
.comments .comments-content .comment { 
  margin-bottom:16px; 
  padding-bottom:8px; 
} 
.comments .comments-content .comment:first-child { 
  padding-top:16px; 
} 
.comments .comments-content .comment:last-child { 
  border-bottom:0; 
  padding-bottom:0; 
} 
.comments .comments-content .comment-body { 
  position:relative; 
} 
.comments .comments-content .user { 
  font-style:normal; 
  font-weight:bold; 
} 
.comments .comments-content .icon.blog-author { 
  width: 18px; 
  height: 18px; 
  display: inline-block; 
  margin: 0 0 -4px 6px; 
} 
.comments .comments-content .datetime { 
  margin-left:6px; 
} 
.comments .comments-content .comment-header, 
.comments .comments-content .comment-content { 
  margin:0 0 8px; 
} 
.comments .comments-content .comment-content { 
  text-align:justify; 
} 
.comments .comments-content .owner-actions { 
  position:absolute; 
  right:0; 
  top:0; 
} 
.comments .comments-replybox { 
  border: none; 
  height: 250px; 
  width: 100%; 
} 
.comments .comment-replybox-single { 
  margin-top: 5px; 
  margin-left: 48px; 
} 
.comments .comment-replybox-thread { 
  margin-top: 5px; 
} 
.comments .comments-content .loadmore a { 
  display: block; 
  padding: 10px 16px; 
  text-align: center; 
} 
.comments .thread-toggle { 
  cursor: pointer; 
  display: inline-block; 
} 
.comments .continue { 
  cursor: pointer; 
} 
.comments .continue a { 
  display: block; 
  padding: 0.5em; 
  font-weight: bold; 
} 
.comments .comments-content .loadmore { 
  cursor: pointer; 
  max-height: 3em; 
  margin-top: 3em; 
} 
.comments .comments-content .loadmore.loaded { 
  max-height: 0px; 
  opacity: 0; 
  overflow: hidden; 
} 
.comments .thread-chrome.thread-collapsed { 
  display: none; 
} 
.comments .thread-toggle { 
  display: inline-block; 
} 
.comments .thread-toggle .thread-arrow { 
  display: inline-block; 
  height: 6px; 
  width: 7px; 
  overflow: visible; 
  margin: 0.3em; 
  padding-right: 4px; 
} 
.comments .thread-expanded .thread-arrow { 
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent; 
} 
.comments .thread-collapsed .thread-arrow { 
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent; 
} 
.comments .avatar-image-container { 
  float: left; 
  width: 36px; 
  max-height: 36px; 
  overflow: hidden; 
} 
.comments .avatar-image-container img { 
  width: 36px; 
} 
.comments .comment-block { 
  margin-left: 48px; 
  position: relative; 
} 
 
/* Responsive styles. */ 
@media screen and (max-device-width: 480px) { 
  .comments .comments-content .comment-replies { 
    margin-left: 0; 
  } 
} 
  </style> 
</b:includable></blockquote></li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">Nah kode tersebutlah yang akan kita ganti dengan kode berikut </li>
</ol> 
 
<div> 
<blockquote class="tr_bq"><b:includable id='threaded_comment_css'>   
<style> 
.comments { 
  clear: both; 
  margin-top: 10px; 
  margin-bottom: 0px; 
  line-height: 1em; 
} 
.comments .comments-content {       
  font-size: 13px;       
  margin-bottom: 16px;       
}       
.comments .comment .comment-actions a {       
float:right; 
display: inline-block; 
margin-left: 5px; 
padding: 1px 6px; 
border-right: 1px solid #C4C4C4; 
border-top-color: #E4E4E4; 
border-left-color: #E4E4E4; 
color: #424242 !important; 
text-align: center; 
text-shadow: 0 -1px 0 white; 
text-decoration: none; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
background: #EDEDED; 
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) ); 
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% ); 
font: 11px/18px sans-serif;     
-webkit-border-top-left-radius: 15px; 
-webkit-border-top-right-radius: 15px; 
-moz-border-radius-topleft: 15px; 
-moz-border-radius-topright: 15px; 
border-top-left-radius: 15px; 
border-top-right-radius: 15px; 
behavior: url(http://fetchak.com/ie-css3/ie-css3.htc); 
}       
.comments .comment .comment-actions a:hover {       
text-decoration: none !important;; 
background: #ccc;; 
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));; 
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);; 
  text-decoration: underline;       
-webkit-border-top-left-radius: 15px; 
-webkit-border-top-right-radius: 15px; 
-moz-border-radius-topleft: 15px; 
-moz-border-radius-topright: 15px; 
border-top-left-radius: 15px; 
border-top-right-radius: 15px; 
}       
.comments .comments-content .comment-thread ol {       
  list-style-type: none;       
  padding: 0;       
  text-align: left;       
}       
.comments .comments-content .inline-thread {       
  padding: 0.5em 1em;       
}       
.comments .comments-content .comment-thread {       
  margin: 8px 0px;       
}       
.comments .comments-content .comment-thread:empty {       
  display: none;       
}       
.comments .comments-content .comment-replies {       
  margin-top: 1em;       
  margin-left: 36px;       
}       
.comments .comments-content .comment {       
  margin-bottom:16px;       
  padding-bottom:8px;       
}       
.comments .comments-content .comment:first-child {       
  padding-top:16px;       
}       
.comments .comments-content .comment:last-child {       
  border-bottom:1px dashed #ccc;       
  padding-bottom:0;       
}       
.comments .comments-content .comment-body {       
  position:relative;       
}       
.comments .comments-content .user {       
font-size: 14px; 
color: #666666 !important; 
text-decoration:none; 
} 
.comments .comments-content .icon.blog-author {       
  background-repeat: no-repeat; 
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); 
}       
.comments .comments-content .datetime {       
font-size: 10px; 
color: #999; 
text-decoration:none; 
}       
.comments .comments-content .datetime a { 
float:right; 
} 
.comments .comments-content .comment-header { 
  margin:0 0 8px;       
border: thin solid #E6E6E6; 
background-color: #dff0fa; 
padding: 5px; 
}       
.comments .comments-content .comment-content {       
  margin:0 0 8px;       
padding: 5px; 
border: thin solid #E6E6E6; 
background-color: #F4F4F4; 
line-height: 21px; 
}       
.comments .comments-content .comment-content {       
  text-align:justify;       
}       
.comments .comments-content .owner-actions {       
  position:absolute;       
  right:0;       
  top:0;       
}       
.comments .comments-replybox {       
  border: none;       
  height: 250px;       
  width: 100%;       
}       
.comments .comment-replybox-single {       
  margin-top: 5px;       
  margin-left: 48px;       
}       
.comments .comment-replybox-thread {       
  margin-top: 5px;       
}       
.comments .comments-content .loadmore a {       
  display: block;       
  padding: 10px 16px;       
  text-align: center;       
}       
.comments .thread-toggle {       
  cursor: pointer;       
  display: inline-block;       
}       
.comments .continue {       
  cursor: pointer;       
border: 1px solid #C4C4C4; 
border-top-color: #E4E4E4; 
border-left-color: #E4E4E4; 
color: #424242 !important; 
text-align: center; 
text-shadow: 0 -1px 0 white; 
text-decoration: none; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
background: #EDEDED; 
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) ); 
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% ); 
font: 11px/18px sans-serif; 
behavior: url(http://fetchak.com/ie-css3/ie-css3.htc); 
}       
.comments .continue a {       
  display: block; 
  padding: 0.5em; 
  font-weight: bold; 
}       
.comments .continue a:hover { 
text-decoration: none !important;; 
background: #ccc;; 
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));; 
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);; 
} 
.comments .comments-content .loadmore {       
  cursor: pointer;       
  max-height: 3em;       
  margin-top: 3em;       
}       
.comments .comments-content .loadmore.loaded {       
  max-height: 0px;       
  opacity: 0;       
  overflow: hidden;       
}       
.comments .thread-chrome.thread-collapsed {       
  display: none;       
}       
.comments .thread-toggle {       
  display: inline-block;       
}       
.comments .thread-toggle .thread-arrow {       
  display: inline-block;       
  height: 6px;       
  width: 7px;       
  overflow: visible;       
  margin: 0.3em;       
  padding-right: 4px;       
}       
.comments .thread-expanded .thread-arrow {       
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;       
}       
.comments .thread-collapsed .thread-arrow {       
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;       
}       
.comments .avatar-image-container {       
  float: left;       
  width: 36px;       
  max-height: 36px;       
  overflow: hidden;     
border: 1px solid #DDD; 
padding:2px; 
-webkit-border-radius:5px; 
-moz-border-radius:5px; 
border-radius:5px; 
behavior: url(http://fetchak.com/ie-css3/ie-css3.htc); 
} 
.comments .avatar-image-container img {       
  width: 36px;       
}       
.comments .comment-block {       
  margin-left: 48px;       
  position: relative;       
padding: 10px 10px 0px 10px; 
background: #fcfcfc; 
border: 1px solid #E4E4E4; 
overflow: hidden; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
behavior: url(http://fetchak.com/ie-css3/ie-css3.htc); 
}/* Responsive styles. */     
@media screen and (max-device-width: 480px) {       
  .comments .comments-content .comment-replies {       
    margin-left: 0;       
  }       
}</style> 
</b:includable> </blockquote> 
4. Terakhir Simpan template, 
 
Kurah lebih sebegitu cara membuat style komentar threaded, jika anda ada masalah silahkan tanyakan lewat kotak komentar dibawah. 
<blockquote class="tr_bq"></blockquote></div>

Style Komentar Theaded

Hampir 75% dari pengguna blogger lebih suka menggunakan template tidak resmi dan karena fitur ini tidak bisa begitu saja dilawan, oleh karena itu kita perlu beberapa waktu untuk mengeditnya dengan ama…

Baca selengkapnya »

25 Feb 2012

CSS3 Navigation Menu ( Side Bar Vertikal )

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYNzxQoTKvALvtfU8T95Q1gUY7gbEkEigej8k_E_nRAmBRzif88aNHCwvK0p98gQJNrCgO4yorTFUevtnwVCUvKW3oysl9BGoV_QpzIg07U1YsdW4suDLKyptHIHvUZH7f6C515d5Fteo/s200/css3-navigation-menu.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYNzxQoTKvALvtfU8T95Q1gUY7gbEkEigej8k_E_nRAmBRzif88aNHCwvK0p98gQJNrCgO4yorTFUevtnwVCUvKW3oysl9BGoV_QpzIg07U1YsdW4suDLKyptHIHvUZH7f6C515d5Fteo/s200/css3-navigation-menu.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Menu Navigation</td></tr>
</tbody></table><div style="background-color: #fcfcfc; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; word-wrap: break-word;">Saya telah melihat banyak situs yang memiliki menu navigasi vertikal fixed untuk meletakan link halaman yang terpenting buat mereka. Dalam artikel ini saya memperkenalkan gaya baru CSS3 menu vertikal fixed untuk blog blogger. Menu ini dilengkapi dengan 5 ikon. 5 ikon itu berisi dari Home, About, Services, Portfolio dan Contact us. Tapi Anda bisa mengubah ikon dan teks apapun yang Anda suka. Menu ini dirancang benar-benar menggunakan CSS3 dengan hanya satu gambar dan dapat diterapkan dengan mudah.</div><div style="background-color: #fcfcfc; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; word-wrap: break-word;"> 
</div><div style="background-color: #fcfcfc; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; word-wrap: break-word;"><div style="text-align: justify;"><div style="text-align: center;"> <a class="demo-blue" href="http://idub-karjontel.blogspot.com/" style="background-color: #6699ff; border-bottom-color: rgb(204, 204, 204); border-bottom-style: outset; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: outset; border-left-width: 2px; border-right-color: rgb(204, 204, 204); border-right-style: outset; border-right-width: 2px; border-top-color: rgb(204, 204, 204); border-top-style: outset; border-top-width: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-decoration: none;" target="_blank">Demo</a></div></div></div><div style="text-align: justify;"> </div>1. Login ke <a href="http://www.blogger.com/opt-in-new-ui.g?useNewUi=true" style="background-color: #fcfcfc; font-family: 'Trebuchet MS', sans-serif; line-height: 22px; text-align: justify; text-decoration: none;" target="_blank">Blogger.com</a>, pergi ke Template/Rancangan > Edit HTML 
2. Tekan Ctrl+F cari kode ]]></b:skin> copy kode CSS dibawah ini paste diatas kode]]></b:skin> 
<div><div style="text-align: justify;"> 
</div><blockquote class="tr_bq">*{ 
/* A universal CSS reset */ 
margin:0; 
padding:0; 
} 
#navigationMenu body{ 
font-size:14px; 
color:#666; 
background:#111 no-repeat; 
/* CSS3 Radial Gradients */ 
background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px); 
background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111)); 
font-family:Arial, Helvetica, sans-serif; 
} 
#navigationMenu li{ 
list-style:none; 
height:39px; 
padding:2px; 
width:40px; 
} 
 
#navigationMenu span{ 
/* Container properties */ 
width:0; 
left:38px; 
padding:0; 
position:absolute; 
overflow:hidden; 
 
/* Text properties */ 
font-family:'Myriad Pro',Arial, Helvetica, sans-serif; 
font-size:18px; 
font-weight:bold; 
letter-spacing:0.6px; 
white-space:nowrap; 
line-height:39px; 
/* CSS3 Transition: */ 
-webkit-transition: 0.25s; 
/*-o-transition: 0.25s;*/ 
/* Future proofing (these do not work yet): */ 
-moz-transition: 0.25s; 
transition: 0.25s; 
} 
 
#navigationMenu a{ 
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaMVUslWuEohNUdERqO2y_L3MYdztgP1a6FZBtY4FijtMoNuhYxJOE2zccimP5GtnTSwK8bZynfWwWHjRvv5y-icBrZhA0V8OGNGKZWQi5njcjIaIRvMY1zMa-Kv8iN-S0BMx0kvOWxMYB/s1600/navigation.jpg') no-repeat; 
 
height:39px; 
width:38px; 
display:block; 
position:relative; 
} 
 
/* General hover styles */ 
 
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; } 
#navigationMenu a:hover{ 
text-decoration:none; 
/* CSS outer glow with the box-shadow property */ 
-moz-box-shadow:0 0 5px #9ddff5; 
-webkit-box-shadow:0 0 5px #9ddff5; 
box-shadow:0 0 5px #9ddff5; 
} 
 
/* Green Button */ 
 
#navigationMenu .home { background-position:0 0;} 
#navigationMenu .home:hover { background-position:0 -39px;} 
#navigationMenu .home span{ 
background-color:#7da315; 
color:#3d4f0c; 
text-shadow:1px 1px 0 #99bf31; 
} 
 
/* Blue Button */ 
 
#navigationMenu .about { background-position:-38px 0;} 
#navigationMenu .about:hover { background-position:-38px -39px;} 
#navigationMenu .about span{ 
background-color:#1e8bb4; 
color:#223a44; 
text-shadow:1px 1px 0 #44a8d0; 
} 
 
/* Orange Button */ 
 
#navigationMenu .services { background-position:-76px 0;} 
#navigationMenu .services:hover { background-position:-76px -39px;} 
#navigationMenu .services span{ 
background-color:#c86c1f; 
color:#5a3517; 
text-shadow:1px 1px 0 #d28344; 
} 
 
/* Yellow Button */ 
 
#navigationMenu .portfolio { background-position:-114px 0;} 
#navigationMenu .portfolio:hover{ background-position:-114px -39px;} 
#navigationMenu .portfolio span{ 
background-color:#d0a525; 
color:#604e18; 
text-shadow:1px 1px 0 #d8b54b; 
} 
 
/* Purple Button */ 
 
#navigationMenu .contact { background-position:-152px 0;} 
#navigationMenu .contact:hover { background-position:-152px -39px;} 
#navigationMenu .contact span{ 
background-color:#af1e83; 
color:#460f35; 
text-shadow:1px 1px 0 #d244a6; 
}</blockquote><div style="text-align: justify;"> 
</div><div style="background-color: #fcfcfc; line-height: 22px; text-align: justify;">Selanjutnya cari kode </body> copy kode berikut ini paste diatas kode </body></div><blockquote class="tr_bq" style="background-color: #fcfcfc; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; margin-top: 15px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px; text-align: left; word-wrap: break-word;"> 
<div style="color: #888888; line-height: 22px; text-align: justify;"><div style='position: fixed; top: 40%; left: 0%;'></div> 
<div style="color: #888888; line-height: 22px; text-align: justify;"><ul id='navigationMenu'></div><div style="color: #888888; line-height: 22px; text-align: justify;"><li></div><div style="color: #888888; line-height: 22px; text-align: justify;"><a class='home' href='<span style="background-color: #cfe2f3; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">/'></div><div style="color: #888888; line-height: 22px; text-align: justify;"><span style="background-color: #f4cccc; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">Home</div><div style="color: #888888; line-height: 22px; text-align: justify;"></a></div><div style="color: #888888; line-height: 22px; text-align: justify;"></li></div><div style="text-align: justify;"> 
</div><div style="text-align: justify;"><li></div><div style="text-align: justify;"><a class='about' href='<span style="background-color: #cfe2f3; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">#'></div><div style="text-align: justify;"><span style="background-color: #f4cccc; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">About</div><div style="text-align: justify;"></a></div><div style="text-align: justify;"></li></div> <div style="text-align: justify;"> 
</div><div style="text-align: justify;"><li></div><div style="text-align: justify;"><a class='services' href='<span style="background-color: #cfe2f3; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">#'></div><div style="text-align: justify;"><span style="background-color: #f4cccc; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">Services</div><div style="text-align: justify;"></a></div><div style="text-align: justify;"></li></div> <div style="text-align: justify;"> 
</div><div style="text-align: justify;"><li></div><div style="text-align: justify;"><a class='portfolio' href='<span style="background-color: #cfe2f3; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">#'></div><div style="text-align: justify;"><span style="background-color: #f4cccc; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">Portfolio</div><div style="text-align: justify;"></a></div><div style="text-align: justify;"></li></div> <div style="text-align: justify;"> 
</div><div style="text-align: justify;"><li></div><div style="text-align: justify;"><a class='contact' href='<span style="background-color: #cfe2f3; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">#'></div><div style="text-align: justify;"><span style="background-color: #f4cccc; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">Contact us</div><div style="text-align: justify;"></a></div><div style="text-align: justify;"></li></div><div style="text-align: justify;"></ul></div><div style="text-align: justify;"></div></div></blockquote><blockquote class="tr_bq" style="background-color: #fcfcfc; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: #888888; line-height: 22px; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; margin-top: 15px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px; text-align: left; word-wrap: break-word;"><div style="text-align: justify;">Notes : Ganti teks warna biru dengan link anda, dan merah untuk Menu!</div></blockquote><ol style="background-color: #fcfcfc; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 10px; margin-left: 15px; margin-right: 0px; margin-top: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; word-wrap: break-word;"><li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 22px; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; word-wrap: break-word;">Langka terahkir klik Save Template</li>
</ol></div>

CSS3 Navigation Menu ( Side Bar Vertikal )

Menu Navigation Saya telah melihat banyak situs yang memiliki menu navigasi vertikal fixed untuk meletakan link halaman yang terpenting buat mereka. Dalam artikel ini saya memperkenalkan gaya baru CS…

Baca selengkapnya »

24 Feb 2012

Page Navigation Blogger

<h3 class="post-title entry-title" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: 'trebuchet ms'; font-size: 1.3em; font-weight: normal; line-height: 30px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; word-wrap: break-word;"></h3><div class="post-body entry-content" id="post-body-7087815063013641627" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; word-wrap: break-word;"><div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; word-wrap: break-word;"><div style="color: #444444; line-height: 22px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6-pWL4GolOwg_ilwle5YcXUeQCyEkhRf9n2QA3IPLdliXVWnuwi2UTf3ThH1pI3swYodtiCUcLW6x3lY0ANZ_HvFjnkI4UDiDHIbSxny2OrdqF_dGbFEjdgrk6vDPgyy9hoMA8Wjhqqg/s1600/page_navigation.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6-pWL4GolOwg_ilwle5YcXUeQCyEkhRf9n2QA3IPLdliXVWnuwi2UTf3ThH1pI3swYodtiCUcLW6x3lY0ANZ_HvFjnkI4UDiDHIbSxny2OrdqF_dGbFEjdgrk6vDPgyy9hoMA8Wjhqqg/s200/page_navigation.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; line-height: 22px; text-align: center;" width="200" /></a>Halaman navigasi untuk blogger adalah widget yang paling penting untuk blogger. Widget ini dapat membuat pengunjung mudah untuk menavigasi ke semua posting blog. Navigasi halaman pertama memiliki banyak bug, salah satunya adalah tidak dapat menunjukkan lebih dari 500 base pada link json dari blogger. Tapi Halaman Navi kali ini dapat menampilkan lebih dari 500 posting. Dan disini saya punya berbagai style 
</div><div style="color: #444444; line-height: 22px;"> 
</div><div style="color: #444444; line-height: 22px;"> 
</div><div style="color: #444444; line-height: 22px;"> 
</div><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; border-collapse: collapse; box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; color: #444444; line-height: 22px; margin-left: auto; margin-right: auto; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: center;"><tbody>
<tr><td style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;"><img border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eMzn0vYPpuVddMHKIVqYpSiBoIhZRj0APF_VrIRy5VzSdoWnzlKZ2csFTqA36CaTmGAYickZHGSseVyFML8eEoCQ5g9QTbA4c8r_ticsheuNCfLjSG820TYdaZgmnxmeHWrX-VkGQyo/s400/page_scroll.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">Page Nav Scroll</td></tr>
</tbody></table><div style="color: #444444; line-height: 22px;">CSS :</div> 
<blockquote class="tr_bq">/* Page Navigation--------------------- */.paginator {margin-top:60px;font-size:1em;}.paginator table {border-collapse:collapse;table-layout:fixed;width:100%;}.paginator table td {padding:0;white-space:nowrap;text-align:center;}.paginator span {display:block;padding:3px 0;color:#fff;}.paginator span strong,.paginator span a {padding:2px 6px;}.paginator span strong {background:#ff6c24;font-style:normal;font-weight:normal;}.paginator .scroll_bar {width:100%; height:20px;position:relative;margin-top:10px;}.paginator .scroll_trough {width:100%; height:3px;background:#ccc;overflow:hidden;}.paginator .scroll_thumb {position:absolute;z-index:2;width:0; height:3px;top:0; left:0;font-size:1px;background:#363636;}.paginator .scroll_knob {position:absolute;top:-5px; left:50%;margin-left:-10px;width:20px; height:20px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRBcxAVOdZCH6KqomsBcA0xBaTu75Rpm0bE_9_hpFpTCkb2xUcPa0NQuV08W6c2nnxpVVlOnBQdGWyRgQsYSejuF8PDGFBKkfytKiIj1JWHbXBFZrsh48Ljj5S_87HLiHIy0O99ZJ909Q/s1600/slider_knob.gif) no-repeat 50% 50%;cursor:pointer; cursor:hand;}.paginator .current_page_mark {position:absolute;z-index:1;top:0; left:0;width:0; height:3px;overflow:hidden;background:#ff6c24;}.fullsize .scroll_thumb {display:none;}.paginator_pages {width:600px;text-align:right;font-size:0.8em;color:#808080;margin-top:-10px;}</blockquote><div style="color: #444444; line-height: 22px;">JS :</div><div><blockquote class="tr_bq"><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><script src='http://donor-ilmu.googlecode.com/files/page_scroll.js' type='text/javascript'></script><script type='text/javascript'>var home_page=&quot;/&quot;;var urlactivepage=location.href;var postperpage=7;var numshowpage=6;</script><script src='http://donor-ilmu.googlecode.com/files/page_scroll_blogger.js' type='text/javascript'/></b:if></b:if></blockquote><div style="color: #444444; line-height: 22px;"> 
</div></div> 
<div style="color: #444444; line-height: 22px;"> 
</div><div style="color: #444444; line-height: 22px;"> 
</div><div style="color: #444444; line-height: 22px;">Anda bisa merubah 
Kode CSS (tidak perlu di rubah juga tidak masalah) 
Kode JS pengaturan blog Anda: 
var postPerPage = <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">7; 
var numshowpage = <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">4; 
 
postPerPage: Berapa banyak setiap Halaman Posting blog Anda 
numshowpage: Banyak nomor akan ditampilkan dalam Navigasi Halaman Anda</div><div style="color: #444444; line-height: 22px;"> 
 
Apakah anda sudah menetukan mana yang cocok di hati anda dari Page Nav di atas, Berikut cara memasangnya</div><ol style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; line-height: 22px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 10px; margin-left: 15px; margin-right: 0px; margin-top: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;"><li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; word-wrap: break-word;">Langka pertama yang akan anda lakukan adalah, Login di <a href="http://www.blogger.com/opt-in-new-ui.g?useNewUi=true" style="color: #3366bb; text-decoration: none;">Blogger.com</a>, pergi keTemplate > Edit HTML (Expand Widget Templates)</li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; word-wrap: break-word;">Tekan Ctrl+F cari kode ]]></b:skin>, letakan kode CSSnya di atas ]]></b:skin></li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; word-wrap: break-word;">Berikutnya cari </body>, letakan kode JSnya di atas </body></li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;"><div style="text-align: left;">Terakhir cari kode 'data: label.url' (cari di semua teks dalam xml atau template anda) dan Ganti dengan ini</div><blockquote style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: #888888; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; margin-top: 15px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">'data: label.url + "? & max-results = <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">7"'</blockquote>Nilai 7 adalah berdasarkan berapa banyak posting yang akan ditampilkan di setiap halaman</li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; word-wrap: break-word;">Simpan Template, klik Save Template</li>
</ol></div></div>

Page Navigation Blogger

Halaman navigasi untuk blogger adalah widget yang paling penting untuk blogger. Widget ini dapat membuat pengunjung mudah untuk menavigasi ke semua posting blog. Navigasi halaman pertama memiliki bany…

Baca selengkapnya »

24 Feb 2012

Load more posts

JQuery Scroll To Top Control v1.1

Daftar Komunitas Blogger Indonesia

Style Komentar Theaded

CSS3 Navigation Menu ( Side Bar Vertikal )

Page Navigation Blogger

Popular Posts

Blog Archive