Klik untuk memperbesar gambar!
Trick Memperpendek Judul Posting
.Untuk membuat title posting lebih pendek anda cukup lakukan menggunakan kode CSS. Kode css ini akan bekerja dengan cara mengurangi spasi pada judul posting. Pengaturan spasi dapat dilakukan hingga teks judul posting menjadi sangat rapat hingga teks terlihat lebih pendek.
Kode CSS untuk perpendek Post title
Simpan kode CSS ini dalam template di antara tag pembuka <head> dan tag penutup </head>
Kode CSS:
h3.post-title{
letter-spacing:-2px;
}Langkah Penyimpanan kode CSS
- Login ke Blogger.
- Halaman Dasbor (Dasboard).
- Klik Rancangan (Design).
- Klik Edit HTML
- Backup Template dengan cara:
- Klik Download Template Lengkap (Download Full Template).
- Beri nama dan simpan file template di folder PC. File ini akan berguna ketika anda mengalami kegagalan saat modifikasi yang mengakibatkan kerusakan desain blog. Untuk memulihkan ke konsisi sebelum modifikasi lakukan klik Browse kemudian Upload.
- Cari kode ]]></b:skin>
- Copy dan pastekan kode CSS tepat di atas kode ]]></b:skin>.
- Klik Simpan Template *(Save Template).
Catatan/Keterangan:
- Tutorial Blogger ini berdasarkan Blogger Template Designer.
- Nilai -2px berfungsi untuk mengatur spasi. Semakin besar nilai minus-nya maka semakin rapat.
- Berdasarkan syntax h3.post-title {....} anda dapat melakukan berbagai pengembangan hingga post title terlihat semakin menarik.
Contoh pengembangan syntax h3.post-title :
Contoh Pengembangan Syntax post-title:
h3.post-title{
font-weight:500;
color:#d1ecfe;
text-shadow:1px 1px 1px #000;
display:block;
padding-bottom:25px;
background: url(http://gubhugreyot-images.googlecode.com/files/gubhugreyot-blood-anima.gif) bottom center repeat-x;
margin-bottom:15px;
}
0 comments:
Post a Comment