Cara Memasang Wiidget Daftar Isi | Komputer & Internet SEO | @ PubliserAdsense.Blogspot.Com Cara Memasang Wiidget Daftar Isi

Selasa, 07 Oktober 2014

PUBLISER ADSENSE

Salam buat blogger Indonesia, sebelumnya saya mendapatkan pertanyaan lagi dari kawan blogger saya Cara membuat sitemap atau daftar isi bagaimana ?. Okeh pada kesempatan yang baik ini saya akan menjawabnya dengan menuliskan tentang bagaimana Cara membuat sitemap atau daftar isi yang keren dan ringan saat di load di blog. Langsung saja sobat ikuti cara berikut ini :

1. Buka blogger.com.
2. Masuk dengan akun sobat.
3. Pilih Laman, kemudian pilih Laman kosong




Membuat Laman Kosong 
4. Setelah itu Pilih HTML disamping Compose

Menaruh Script di Laman 
5. Kemudian copy dan pastekan script di bawah ini  :
<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ilmu-blog.googlecode.com/files/sitemap.js" type="text/javascript"></script><script src="http://jahetbungas.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>

Keterangan : Gantilah yang berwarna merah dengan URL blog sobat

6. Kemudian simpan dan selesai lau lihatlah hasilnya.
Ditulis oleh: Muhammad Ridwan
Komputer PC, Updated at: Selasa, Oktober 07, 2014
Bagikan Artikel :
Categories:

IKomputerpc
Anda sedang membaca Artikel tentang Cara Memasang Wiidget Daftar Isi, jika Anda menyukai Artikel ini, silahkan klik IKUTI untuk dapat berlangganan gratis lewat email, dengan begitu Anda akan mendapat kiriman artikel terbaru. Ikuti Sekarang! feed