Download Background Blog

Pa kabar nih sobat, jum’at nih besok dah weekend..hehehe..biasanya kunjungan blog akan sedikit  menurun nda kaya hari kerja senin sampai jum’at…hehehe.. Pusing juga nih browsing sono-sini cari gambar background header blog yang gratis tapi keren-keren. Yoi  header blog atau header website bisa dianggap wajah dari seseorang, kalau header keren mungkin sama kali yah seperti wajah seseorang ganteng atau cantik.. J . Header juga bisa untuk mewakili tema atau isi dari website maupun blog kita, membuat blog dan website jika ingin mengutak-atik header sendiri memang perlu sedikit-sedikit belajar aplikasi grafis semacam photoshop dan sedikit pengetahuan untuk edit code CSS.

Sob, kali ini saya pengin posting mengenai rujukan web untuk download header yang lumayan keren-keren dan gratis lho. Rasanya cukup ngubek nih web kita bisa dapat apa saja deh, semisal tema gambar : 3D, Template, Icon, Textures, PSD dll..

Oke deh sob, silahkan dituju saja alamatnya disini nih..langsung ke TKP saja dan download sepuasnya dan tinggal edit sesuaikan dengan tema blog atau web sobat. Selamat mencoba, semoga berguna ya..

Source : http://arikus.web.id

Kpop-Shinee chibi comel version

Corner left - copy this code if you want to put it on bottom left position:

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="200" src="https://688781454225082076-a-1802744773732722657-s-sites.googlegroups.com/site/yapinkywinky17/s.1.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Sidebar - copy this code if you want to put it on your sidebar:

<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="200" src="https://688781454225082076-a-1802744773732722657-s-sites.googlegroups.com/site/yapinkywinky17/s.1.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Corner left - copy this code if you want to put it on bottom left position:

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="200" src="https://688781454225082076-a-1802744773732722657-s-sites.googlegroups.com/site/yapinkywinky17/s.2.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Sidebar - copy this code if you want to put it on your sidebar:

<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="200" src="https://688781454225082076-a-1802744773732722657-s-sites.googlegroups.com/site/yapinkywinky17/s.2.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Corner left - copy this code if you want to put it on bottom left position:

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="200" src="https://688781454225082076-a-1802744773732722657-s-sites.googlegroups.com/site/yapinkywinky17/s.3.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Sidebar - copy this code if you want to put it on your sidebar:

<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="200" src="https://688781454225082076-a-1802744773732722657-s-sites.googlegroups.com/site/yapinkywinky17/s.3.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Corner left - copy this code if you want to put it on bottom left position:

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="200" src="https://688781454225082076-a-1802744773732722657-s-sites.googlegroups.com/site/yapinkywinky17/s.4.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Sidebar - copy this code if you want to put it on your sidebar:

<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="200" src="https://688781454225082076-a-1802744773732722657-s-sites.googlegroups.com/site/yapinkywinky17/s.4.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Corner left - copy this code if you want to put it on bottom left position:

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="200" src="https://688781454225082076-a-1802744773732722657-s-sites.googlegroups.com/site/yapinkywinky17/s.5.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Sidebar - copy this code if you want to put it on your sidebar:

<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="200" src="https://688781454225082076-a-1802744773732722657-s-sites.googlegroups.com/site/yapinkywinky17/s.5.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Tukar Newer post, Home dan Older post kepada icon

Sebelum:

Selepas:

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod 

expr:title='data:newerPageTitle'><data:newerPageTitle/>

 Bila dah jumpa, gantikan kod warna merah tu dengan kod di bawah (newer icon):

<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

4) Kemudian, dengan dengan menggunakan ctrl + F lagi, cari pula kod 

expr:title='data:olderPageTitle'><data:olderPageTitle/>

 dan gantikan kod warna merah dengan kod di bawah (older icon):

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>

5) Sekali lagi, dengan menggunakan ctrl + F, cari kod 

expr:href='data:blog.homepageUrl'><data:homeMsg/>

dan gantikan kod warna merah dengan kod di bawah (home icon):

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/>

Nota:
Pada url berwarna biru, korang masukkan url icon yang korang nak. Search icon tersebut dekat google or mana-mana image hosting. Ataupun just ambik icon yang disediakan di bawah:

(Untuk dapatkan url image, right click pada icon > copy image location )

Credit icon - azhafizah.com

6) Lastly, klik preview, dan jika tiada error, klik save template.

Letak Home button dalam blog

Home button berfungsi untuk memudahkan pelawat blog kembali semula ke halaman utama blog anda setelah banyak page yang dibuka. Untuk trick ini, home button akan muncul pada penjuru blog, sama ada di kedudukan top atau bottom, left or right. Cara nak pasang home button ni senang je, ikuti tutorial di bawah:

Ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard > Design > Page Element > Add A Gadget > Html / Javascript

3) Copy paste kod di bawah pada ruang Html / Javascript tadi

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed;bottom:10px; left:-12px;'>

<a class='linkopacity' href='Url blog anda' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="Url Home icon" /></a><br />

Nota :
Url blog anda  - Url / link blog korang ( contoh: http://jombinabelog.blogspot.com)
bottom dan left  - untuk ubah kedudukan button, tukar kepada top / bottom dan left / right
 Url Home icon - letakkan url gambar icon home yang korang mahu. Boleh search dekat google atau mana-mana image hosting,  atau just pilih home button yang disediakan di bawah:

http://img189.imageshack.us/img189/2902/98425686.png

http://img190.imageshack.us/img190/3407/13314253.png

 

http://img641.imageshack.us/img641/7218/24934856.png

http://img703.imageshack.us/img703/5702/45961315.png

4) Save dan lihat hasilnya.

Favicon

pakah favicon? lihat gambar di bawah:

sebelum:

selepas diletakkan favicon:

Favicon adalah icon kecil yang muncul di sebelah url blog anda pada menu bar. Menarik kan? cara nak tukar favicon ni senang je, ikuti tutorial di bawah: 

1) Sign in akaun blogger anda

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

</head>

4) Kemudian copy dan paste kod di bawah sebelum kod </head>yang anda cari di langkah 3 tadi

<link href='URL gambar' rel='shortcut icon' type='image/x icon'/>

<link href='URL gambar' rel='icon' type='image/x-icon'/>

Nota: 
Pada ,URL gambar, masukkan url gambar favicon yang korang nak. 

Contoh, rupa kod korang akan jadi macam ni:

<link href='"http://dl10.glitter-graphics.net/pub/459/459830qyqjkq81to.gif' rel='shortcut icon' type='image/x icon'/>

<link href='"http://dl10.glitter-graphics.net/pub/459/459830qyqjkq81to.gif' rel='icon' type='image/x-icon'/>

</head>

5) Klik preview, jika tiada error, klik save. 

P/S : Terdapat banyak favicon yang korang boleh pilih. Kat bawah disediakan beberapa favicon. Just copy url dan gantikan dalam kod tadi.

http://dl10.glitter-graphics.net/pub/459/459830qyqjkq81to.gif

http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif

http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif

http://dl8.glitter-graphics.net/pub/434/434518xlbzh5vtds.gif

http://dl.glitter-graphics.net/pub/1008/1008951xbh88shb03.gif

http://dl3.glitter-graphics.net/pub/1040/1040193nacd9v14uy.gif

Dan banyak lagi, korang search je kat sini glitter-graphics.com