Sobat semua pasti sudah pernah melihat sebuah kotak script di sebuah postingan, ini bertujuan untuk membedakan yang mana script dan yang mana tulisan postingan dan agar terlihat rapi. Berikut ini adalah screenshot dari tampilan kotak script yang akan di pasang di blog.
Kereen bukan ??? Untuk membuat kotak script tersebut kita langsung aja ke langkah - langkah pembuatannya.
1. Login akun blogger
2. Anda Pilih Template > Edit HTML > klik Expand Template Widget
3. Cari kode ]]></b:skin>
4. Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>
/* http://blogatap.blogspot.com/
----------------------------------------------- */
.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}
----------------------------------------------- */
.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}
Keterangan : Silahkan ubah tulisan warna biru sesuai template blog
5. Kemudian Simpan Template
6. Selanjutnya sebelum kita menulis script pada posting, tambahkan kode berikut :
<p class="alert">
Tulis Script Disini
</p>
Bagaimana sobat hasil nya ?? Sekian untuk postingan saya kali ini semoga bermafaat ya..
Wassalam ...
Sumber : http://blogatap.blogspot.com
No comments:
Post a Comment