Home > tips > Membuat pemisah antar post (line dividers) pada blogspot
Membuat pemisah antar post (line dividers) pada blogspot
Posted on Monday, August 31, 2009 by Arman Zulhajar
Pada postingan kali ini saya akan mencoba berbagi tips pada para sahabat blogger, tips ini yaitu bagaimana membuat pemisah antar postingan dengan tujuan untuk mempercantik tampilan blog sahabat-sahabat blogger. Pemisah antar postingan ini berupa gambar ornament seperti pada blog saya ini, bisa dilihat dibawah postingan saya ada gambar 8 buah ornament yang berjajar. Teman-teman bisa menggunakan software pengolah gambar seperti Adobe Photoshop ata GIMP yang gratisan.
Ketika membuat Pemisah antar postingan (line dividers) ini pastikan teman-teman mengetahui lebar dari bagian posting blog, bisa dilihat pada code css #main wraper {width=480px .......} yang berwarna merah adalah lebar postingan template anda. Dengan demikian buatlah pemisah dengan lebar lebih kecil dari 480px, misalnya 20 x 450px. Setelah dibuat simpanlah di Photobucket.com atau imageshack.com, atau terserah anda.
Langkah berikutnya masuk ke account blogger===>Layout===>Edit HTML (jangan lupa save template anda) sebelum mengedit ya. Cari code :
.post {
margin: .5em 0 1.5em
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
}
catatan : biasanya akan berbeda-beda untuk setiap tempalate
setelah anda temukan, ganti kode di atas dengan :
.post {
background: url(http://i659.photobucket.com/albums/uu320/icethetic/divider-img.gif);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 3.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
}
ganti url nya dengan url punya sobat. Kalo sudah jangan lupa di Save !.
o ya, teman-teman juga bisa mengganti nilai pada margin dan padding-button, cobalah untuk bereksperimen.
Category Article blogspot tips, tips
Random Posts
-
iTunes Match was initially part of iTunes 10.5 and appeared set to debut alongside iOS 5 and iCloud, but at Apple's media event last wee...
-
Creat a Post Blank Status Message in Facebook You get bored with the monotony of facebook, how if you create an empty status in your wall ...
-
Tomorrow is the closing day! Make sure you have saved yourself a spot !
-
Download Idol Street Cheat for Free ! This Idol Street cheat is easier than using cheat engine . Here's the features of Idol Street che...
-
After you beat Angry Birds 3-1 , now you must beat Angry Birds 3-2 Poached Eggs. If you're looking for Angry Birds 3-2 walkthrough, you...
Blog Archive
-
▼
2009
(363)
-
▼
August
(18)
- Membuat pemisah antar post (line dividers) pada bl...
- Should you really leave conditioner in your hair?
- Kinky Curly line in UK
- A little bit of fun!
- Readers' Questions: Sulphur and a reason to use Cr...
- Lagi-lagi malaysia mengklaim budaya Indonesia
- Mineral Oil is Evillllll!! (or maybe not?)
- Trolių namai
- Back and Some Housekeeping!
- Saling mendoakan sesama blogger yuk !
- Tips Yahoo Messenger : Mengganti Tulisan Title Bar
- Here comes the summer!
- Šabakštynai
- Tampilan Jadul Situs-situs Terkenal (part 1)
- Honey: Oh so sweet for an itchy scalp
- Nepageidaujamas grožis?
- Ciao - just for a little bit!
- Mados palėpėj
-
▼
August
(18)