Jun 19, 2013

Merubah "Showing Post With Label" di Blogger

Hi! Kalau anda buka halaman label, pasti akan ada tulisan "showing post with label..." atau "tampilkan posting dengan label...". Warna kotak nya abu-abu, itu merupakan style default dari blogger. Sob, mari kita buat kotak "showing post with label" itu menjadi lebih stylish dan tidak kuno. Caranya sangat mudah, anda hanya menaruh kode CSS dibagian template blog anda.


Menambahkan Kode CSS

1. Login ke akun Blogger anda.
2. Masuk ke Template > Edit HTML
3. Cari kode ]]></b:skin> . Ganti kode tersebut dengan kode dibawah ini.
/* Status Message - Tutorial by bloggingforstyling
---------------------------------------------------------------------*/
#main .status-msg-wrap {
position: relative;
margin-bottom: 10px;
border-radius: 3px;
padding: 10px 10px 10px 32px;
}
#main .status-msg-body {
font-size:80%;
text-align:left;
padding:5px 5px 0px 30px;
width:auto;
}
#main .status-msg-border {border: 1px solid;border-color: #f5c558;}
#main .status-msg-bg {
background-color: #fae7a2;
background-repeat: no-repeat;
background-position: 10px 11px;
}

]]></b:skin>

4. Klik Save Template

Gimana? Keren bukan? 

Catatan :
• Komentar harus sopan dan menggunakan Bahasa Indonesia yang jelas.
• Komentar yang tidak layak akan dihapus langsung.
• Apabila anda butuh jawaban dari saya dengan lebih cepat, maka klik Subscribe by Email agar pertanyaan anda langsung masuk ke email saya.
• Jangan mengiklankan sesuatu di komentar ini.

Sebelum menyisipkan kode silahkan gunakan Tool Konversi Kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.

Related Posts Plugin for WordPress, Blogger...
Copyright 2013 UrbanTheme. Designed by Themebite. Powered by Blogger.