CLICK HERE FOR FREE BLOGGER TEMPLATES, LINK BUTTONS AND MORE! »

Kamis, 15 Desember 2011

cara menambahkan post dividers di blog

hello..
palls !! how your day ??   :D
eh ini saya mau kasi tau sama kalian semua yang belum ngerti cara menambah post dividers di blog. 
mungkin waktu kalian cari-cari post divider ada yang langsung beserta code embed-nya, ada juga yang belum, jadi cuma contoh gambarnya aja di suruh download gitu.  lhah kalo yang seperti itu (gada embed-nya) gimana dong ? ? ? ?

soooo this is it :

*pertama, kamu backup dulu template asli blog-nya. terus yang jelas kamu udah download gambar post divider yang kamu inginkan. terserah download dimana. di google juga banyak .tinggal ketik "download post dividers blog" muncul banyak deh. 

* kedua ,simpan gambarnya, terus buka blog, pilih edit html, cari  tulisan "#main wrapper" .biar ga ribet, ketik  tombol f3 terus langsung tulis kata main wrapper tadi, dan bertemulah anda dengan si main wrapper.  lihat width-nya berapa. seperti ini  klik klik klik !!
well, sekarang kamu tau width nya kan.

*ketiga, buka photobucket di new tab. tapi ini terserah kamu pake apa, kalo saya pake photobucket buat me-resize ukuran gambar post devidernya tadi. setelah berada di photobucket, kamu upload gambar post deviders-nya. terus di resize. 
seperti ini klik disini ya, ntar gambarnya muncul hehe
terus gini klik klik !! .ganti ukurannya sesuai dengan ukuran width yang tadi kamu lihat di main wrapper. ato kalo kamu pake template minima standartnya 410. saya juga pake yang ukuran 410. soalnya kalo ane sesuaiin sama kaya width nya jadi terlalu kecil. yodah deh pake 410 aja.



*setelah kamu resize, kamu ganti kode html di template kamu  yang ini ,
 jadi kaya ini
link nya di klik yaaa ,liat gambar aja, biar lebih jelas.
jadi, kode html yang asli kamu hapus aja, ganti dengan kode tadi. atau lebih mudahnya, kamu copy ini aja :


background: url(direct link dari photobucket);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:5.5em;

 
yang warnah merah  kamu masukkan direct link dari photobucketnya .

setelah itu, simpan template-..

okeee...kamu lihat blog kamu, post devider-nya muncul men !!!  :)


That's it! See? That wasn't too hard, was it? =)

udah, selesai...gitu doang, ga sulit-sulit banget kan ya..
kalo masih bingung tanya langsung ke saya aja hahaha



yaudah yaa, daaaah !! selamat mencoba, semoga berhasil teman !!
 

0 komentar:

Posting Komentar