heellooohh...
tadi saya pulang pagi sekitar jam setengah 9 men.. yeeeeeehh !! seneng banget deeee..
akhirnya sampe rumah saya iseng buat header baru untuk blog tercintaku ini. tapi masih ada header dan post divider yang saya buat, dan ternyata juga nggak saya pasang di blog ini.
okeeehh...
this is it...header and divider ala dadika wkeeeke
klik gambarnya buat zoom, okeey?
gimana? simple banget yah, biasa aja yah..sori lah, ya emang bisanya baru gitu ,ntar deh belajar lagi. mmm, header ini saya beri nama apa ya...
mm..well this name is 'oval header for you' heheheehh..hope you enjoy it :)
terus ini post divider setelan dari header tsb..
this is it..
ini dividernya..
namanya apa yaaaahhh..
mm enaknya apa yaa..
aha ! well pals, this name is 'pink flower divider for you' wekeke..
kalian kalo ada yang berminat saya bersyukur banget deehh..sueeerr..
dan sebagai ucapan terimakasih karena udah suka sama handmade saya....hadiahnya kalian boleh copy itu header sama dividernyaaahh graaattiisss....
buat lo apa sih yang enggak..hahaaa !!
oya, udah tau cara gantinya belom ?? kalo ada yang belum tau.. kalian bisa lihat post saya disni nih...tak kasi link nya,daripada kelamaan nyari klikklik..
okay dude ,enough up here yaah !! byee....
Tampilkan postingan dengan label learn together. Tampilkan semua postingan
Tampilkan postingan dengan label learn together. Tampilkan semua postingan
Jumat, 30 Maret 2012
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 ? ? ? ?
*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 !!
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 !!
Label:
learn together
Langganan:
Postingan (Atom)