7 Membuat kotak Script dalam Postingan

kalian udah tahu blum kotak script tu apa ? bagi yang udah tahu, bagus deh....
nah.... untuk yang belum tahu, ni aku jelasin....
kotak script tu merupakan kotak highllight yang terletak pada postingan blog. biasanya kode script ini digunakan untuk menandai script-script yang dipasang pada postingan agar terlihat berbeda dengan teks biasa.
contohya sperti dibawah ini :

TEKS SCRIPT YANG INGIN DITAMPILKAN

kalo udah tahu gunanya, sekarang akan dijelasin cara membuat kotak script tersebut. seperti ini langkahya :

1.Login dulu ke blogger
2.Pilih Tata letak
3.Klik Edit HTML
4.Cari Kode ]]></b:skin>
5.Kemudian letakkan kode dibawah ini persis diatas nya (copas kode dalam kotak)

/* Alert by bastaryan
----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #e0ffff;
border: 1px solid #000000;
border-left: 15px solid #000000}

6.simpan tamplate.
setelah itu, login ke blogger, klik setting / pengaturan pilih format, dan pastekan kode: <p class="alert"> </p> kemudian simpan
Untuk menampilkan tulisan dalam kotak; masukan tulisan antara kode <p class="alert"> dan kode </p>


tu aja..... selamat mencoba.....

2 Cara Membuat Daftar Isi Blog

Daftar isi blog sangatlah penting untuk mempermudah visitor untuk menemuakan apa yang meraka cari, oleh karena itu pada kesempatan kali ini saya akan membahas bagaimana cara membuat daftar isi blog. Tujuan pemasangan daftar isi blog sebenarnya hanyalah untuk memanjakan visitor yang datang ke blog kita. Penasaran ingin tau caranya? Cara membuat daftar isi blog ini sangat mudah kog tinggal ikuti langkah-langkahnya seperti di bawah ini:

Langkah Pertama

1. Sign in di blogger.com
2. Pada halaman dashboard, kemudian klik Layout.
3. Pilih tab Edit HTML
4. Centang kotak kecil Expand Widget Template.
5. Kemudian cari kode seperti ini :
   
   <b:include data='post' name='post'/>
6. Hapus kode tersebut, kemudian ganti dengan kode berikut ini:
   
   
   <b:if cond='data:blog.homepageUrl != data:blog.url'>
   <b:if cond='data:blog.pageType != "item"'>
   <a expr:href='data:post.url'>
   <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
   <data:post.title/></div></a>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>
7. Simpan Template.
8. Langkah pertama selesai.

Langkah kedua

1. Klik tab Elemen Halaman.
2. Klik Tambahkan Elemen Halaman.
3. Maka muncul window baru, pilih HTML/JavaScript.
4. Copy dan paste kode berikut :
   
   <a href="http://abdulroqib.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>
5. Ganti url http://abdulroqib.blogspot.com dengan url blog sobat. Dan jika sobat ingin mengganti berapa banyak daftar isi postingan yang akan ditampilkan maka tinggal mengganti nilai 200 menjadi berapa saja yang diinginkan sobat.
6. Klik tombol Simpan
7. Selesai.

Selamat mencoba....

sumber : abdulqorib.blogspot