Cara membuat tampilan blog menarik

keren kan daftar isinya

Nah, langsung saja sobat blogger, bagi sobat yang mau tahu cara membuat daftar isi dengan mudah ikuti petunjuk dibawah ini :

1. Masuk/login lah ke blogspot

2. Buatlah Entri Baru / postingan baru

3. Pilih menu HTML , lalu copy kode dibawah ini dan pastekan pada postingan kamu , dan jika sudah carilah URL  http://starchau.blogspot.com/   lalu ganti dengan URL blog kamu.
Lanjutkan ?

<style type='text/css'> #dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTlFFwznWsutMRQ1zA4-7aLUo7AhYHKDWDlahk8TmMd44WmwNEGUYCixECqncuglB4crPBMLUGbX8mTLHStb04JJO9aaQllREHXrnl7mx1My7IOsIp_96VbHgc2fzjzsZNclhGuh1nXGQ/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItZKCK_QFpmjAmhCnSXfUhD_TNMa68Ga6y2QttJwQOiksHiCPjPHRzmSXUPQx6Z0Ms5THKEWdRE1tTQZAzpupJ7pCyVNlU2oO5WAGCniH9pNIFHKfnOqpD0pphmiuTGKzZ1siYSyaoI8/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2szo4N3a_iK_TOhpy4UrX5cpKcEJlyANfsXPAp2D1XkZUDGPZLJeDF3QxkR7JAQOr8Nr00ryyU3u9JB6dIuWZz3uGwLZYoJV7K8re0u3hC6siJ_KHRppMWU_NHlr3jMv-yhRNGOIHn3A/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 type="text/javascript" src="http://infonetmu.googlecode.com/files/Acc1.js"></script> <script src="http://starchau.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

Description: Cara membuat menu Daftar ISI dengan tampilan menarik Rating: 5.0 Reviewer: Starchau ( Computer Informations ) ItemReviewed: Cara membuat menu Daftar ISI dengan tampilan menarik.

 Kita pun bisa menambah menubar blog dengan download tutorialnya disini:

- Download cara menambah menubar blog.docx  

- Download Template Blog Keren Dan Menarik.xml

END.
 

Posted in: Trik