Code warna

Silahkan sobat kreasikan blog sobat dengan warna - warna di bawah ini :

Cara Membuat Daftar Isi pada blog

Cara Membuat Daftar Isi pada blog dengan scroll

1. buka dasbor blogger sobat/ http://www.blogger.com/home
2. pilih tata letak
3. tambahkan gadget
4. kemudian pilih html/java sript
5. lalu masukkan script dibawah ini

<div style="overflow:auto;width:200px;height:350px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://super-bee-daftarisi.googlecode.com/files/daftarisi.js"></script><script src="http://ooneseem.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>,
<a href="http://situs9.blogspot.com">Daftar isi lebih bayak lagi</a>
</div>
6. ganti yang berwarna merah dengan URL sites sobat dan yang berwarna hijau adalah ukuran panjang/lebar yang dapat anda rubah sesuka hati sobat, lalu terakhir simpan dan lihat hasilnya...

dan di bawah ini adalah Cara Membuat Daftar Isi pada blog tampa scroll

<script src="http://tutorialz-ku.googlecode.com/files/daftar-isi-blog.js">
</script><script src="masukkan URL anda/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script><a href="masukkan URL anda/"><span style="color: #444444; font-family: Verdana, sans-serif; font-size: xx-small;"><b></b></span></a><a href="http://www.situs9.blogspot.com/">Daftar isi lebih banyak lagi</a>

moga artikel sederhana ini bermamfaat....

Cara mudah menampilkan judul post saja di homepage blog

Bagi sobat2 yang tertarik untuk membuat judul post saja yang tampil di homepage, silahkan untuk mengikuti langkah-langkah berikut:

1. Login ke Blogger
2. Lalu pilih menu template
3. Edit HTML >> Expand widget templates

4. Cari kode </head> (gunakan Ctrl+F agar cepat)
5. Letak kode berikut di atas </head>

<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#33AAFF;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#33AAFF;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color: #333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</style> 

6. Klik "save template"

Sekarang lihat hasilnya :)

Cara menampilkan judul artikel atau posting saja pada Halaman Label dan Archive Blog

Cara menampilkan judul posting saja di label dan arsip Blogspot:

1. Masuk ke dashboard blogger anda / http://www.blogger.com/home
2. pilih tempelte
3. lalu pilih Edit Tempelate
4. kemudian klik sembarng didalam kotak edit HTML
5. Cari kode: <b:include data='post' name='post'/> UNTUK MEMUDAHKAN PENCARIAN GUNAKAN (Ctrl+F)
7.  Ganti dengan script dibawah ini :

<!--Judul post saja di label dan arsip--> <b:if cond='data:blog.searchLabel'> <h3 class='title-only'> <a expr:href='data:post.url'><data:post.title/></a></h3> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <h3 class='title-only'> <a expr:href='data:post.url'><data:post.title/></a></h3> <b:else/> <b:include data='post' name='post'/> </b:if> </b:if> <!--situs9.blogspot.com-->

8. Save template HTML.
9. Coba dicek hasilnya pada halaman label dan archive blog.

Cara mengganti atau merubah beranda posting lama posting baru dengan angka

 

Cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di diatas

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. kelik sembarang didalam kotak script HTML
3. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut (taruh diatas kode  ]]></b:skin>  ) tekan CTRL+F (untuk memudahkan pencarian)

.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #cccccc; background-color:#cccccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #cccccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; }

4. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut, (taruh diatasnya kode </body>)

<!--Page Navigation Starts--> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends --> <!-- Start Code sript menjadi Angka --><a href="http://situs9.blogspot.com/" onmouseover="window.location=this.href" target="_blank" title="Di berdayakan : oleh Blogger"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL8F5HKFFxv1OBDuFZGuckbUNQjAB61Et7WT-ZrzY9-mxwOvc5Y9-sodyxaNRc8FMdtGqdxpE0vVWnfe0PVe060qK6O_CGQDZixrNZtkmxdn1SBwvhGLFkOc4SWTuwWCsN1YDbZAhLJW28/s1600/Auto+BackLink+situs9.PNG" height="15" width="80" /></a><!-- Start Code sript menjadi Angka -->

5. simpan dan lihat hasilnya , ,

Cara membuat Widget SMS Gratis Di Blog

Berikut ini langkah-langkah memasang widget sms gratis pada Blogger dan WordPress:
Widget SMS Gratis untuk Blogger

   1.  Pertama login ke akun blogger Anda
   2. Klik menu rancangan
   3. Klik ‘Tambah Gadget’…
   4. pilih HTML/java script
   5. copy pstekan script dibawah ini

<iframe name="I2" src="http://sms-online.web.id/widget"style="border: 1px solid rgb(255, 255, 255);" frameborder="0" height="210" scrolling="no" width="50%"> not support</iframe><br /><small><center> <a href='http://situs9.blogspot.com/2013/06/cara-mengirim-sms-ke-hp-dari-internet.html' rel='nofollow'>SMS Online Gratis ke HP</a></center> </small><br />

   6. lalu simpan dan lihat hasilnya

Cara membuat kembang api di blog

langsung saja ya kecara pembuatannya..

• Login ke dasbor blog anda

• Pilih rancangan

• Pilih Tambah Gadget

• Pilih Html/Java Script

• Lalu copy kode scrip di bawah ini
• terakhir simpan dan lihat hasilnya..

<div style="position: fixed; bottom: 0px; right: 0px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="600" title="Widget By @ ooneseem.blogspot.com" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

semoga Cara membuat kembang api di blog ini bermamfaat..