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 Ruddy Anggara Putra
----------------------------------------------- */
.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>

Cara Membuat Read More di Blogspot

Cara Membuat Read More merupakan  artikel tutorial yg paling diminati oleh blogger pemula yang baru membuat blog di blogspot, karena  Sebuah artikel yang panjang akan banyak memakan tempat di halaman utama sebuah blog, sehingga artikel lain yg ditulis sebelumnya akan jarang dibaca pengunjung karena mereka harus menscroll halaman kebawah terlebih dahulu. Nah, pada belajar ngeblog kali ini saya akan ikut2an membuat tutorial bagaimana cara memotong artikel panjang tersebut dengan membuat read more .. atau baca selanjutnya ..

Membuat Read More di Blogspot

• Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML
• Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
• Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin>seperti dibawah ini :
<style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style>
• Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template anda dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> Read More..</a> </b:if>
• Nah supaya terpotong, setiap kali anda menulis artikel posting, klik pada bagian artikel dimana anda  pengen tulisan Read More.. muncul, lalu  ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel  sampai selesai, akhiri dengan mengetik  </span>.  Untuk menmbahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose
• Tulisan Read More.. seperti yang berwarna merah pada kode diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut Baca..