Free Background, Patterns & Pictures

Hai! Lama sangat dah tak update blog ni. I'm so sorry. Been busy searching for jobs. -.-"

Kali ni saya nak bagi a few links yang korang boleh terjah. Bagi sesiapa yang susah nak jumpa background yang cantik-cantik untuk blog, tumblr, twitter dan sebagainya, korang boleh cuba tengok dekat websites ni ye.

Gambar-gambar yang cantik-cantik pun ada jugak. Sangat berguna kepada sesiapa yang suka edit meng'edit' nih. Hehe..


  1. Background Labs
  2. My Cute Graphics
  3. Lookbook
  4. We Heart It
Just simply click the link and enjoy your searching. :)
Will update lots more tutorials. Stay tuned.

Icon Facebook, Twitter, Formspring, Tumblr with link

Contohnya, seperti yang anda lihat, icon di kiri blog ini. Berikut adalah contoh icon yang boleh diambil. Untuk mengambil link icon : (Right click pada gambar > Copy image URL).







Step 1;

Dashboard > Layout > Add A Gadget > HTML/JavaScript


Step 2;

Copy & paste code di bawah:


<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; top:200px; left:-12px;'>
<a class='linkopacity' href=' http://www.facebook.com/USERNAME' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://YOUR_Facebook_IMG_URL" /></a><br />
<a class='linkopacity' href=' http://twitter.com/USERNAME' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://YOUR_twitter_IMG_URL" /></a><br />
<a class='linkopacity'  href=' http://formspring.me/USERNAME'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://YOUR_Formspring_IMG_URL" /></a><br />
<a class='linkopacity'  href=' your tumblr link'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://your_tumblr_IMG_URL" /></a></b></center></div>



Step 3;

Bold merah: Tukarkan dengan username anda.
Bold biru: Tukarkan dengan link icon yang dikehendaki.

p/s: Boleh kalau nak buang salah satu coding. Contoh, korang takde tumblr. Boleh buang coding bahagian tumblr. Tapi, coding warna pink mesti berada pada akhir coding.


Step 4;

Preview & Save.

Credit to Suffer8zine.

Button like Facebook untuk blog


Button like ini untuk bog secara keseluruhannya. Bukan untuk setiap post.


Step 1;

dashboard > design > add a gadget > HTML javascript



Step 2;

Copy & paste code di bawah:

<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 280px; height: 40px;" src="http://www.facebook.com/plugins/like.php?href=http://URL-ANDA.blogspot.com&layout=standard&show_faces=false&width=280&action=like&font=arial&colorscheme=light&height=40"></iframe>

Step 3;

Bold biru: Tukarkan dengan URL blog anda.


Step 4;

Preview & Save.

Credit.

Notes di bawah setiap post

Step 1;


Dashboard > Design > Edit HTML > Tick : Expand Widget Template



Step 2;

Ctrl F & cari code di bawah:

<data:post.body/>


Step 3;

Paste code ini di bawah code yang dicari tadi.

<hr/><center><b>Note Anda</b></center><hr/>


Step 4;

Bold biru: Gantikan dengan ayat yang dikehendaki.


Step 5;

Preview & Save.

Credit to Syazwana.

Header transparent dengan menggunakan Gimp & Photoscape (2nd version)

Before this dah ada dah tutor untuk buat header transparent nih. Tapi Alyah ada buat 2nd version punya yang lagi senang. So, here is the link.


Credit : Alyah

Link untuk icon back to top

Someone asked me mana nak cari icon untuk tutorial back to top. Honestly, saya pun google je. Hehe. But, saya ada cari beberapa link websites yang korang boleh copy url icon nye. So, here they are.


  1. http://letthaprincess.blogspot.com/2011/08/freebies-icon-back-to-top.html
  2. http://www.hscripts.com/freeimages/icons/web-basic-icons/back-top.php
  3. http://bdlab.blogspot.com/2010/08/how-to-add-floating-back-to-top-icon.html
  4. http://photobucket.com/images/Back+To+Top+Icon/

As for now, baru ni je yang saya dapat cari. Kalau saya ada jumpa lagi, I'll update. Credit to the owners of the websites.

I am sorry :'(


First of all, saya minta maaf sangat2 kepada yang tanya saya soalan pasal tutorial tapi saya tak jawab. I am so so so sorry. Sebab yang pertama, obviously, saya jarang sangat bukak blog nih and sebab yang kedua ialah link comment di setiap post saya hilang. I don't know why but I've fix it!

So, kepada yang nak tanya soalan, please drop by in the comment box ok. Chat box boleh jugak tapi kemungkinan untuk saya tak jawab adalah sangat tinggi ye. Huhu. So, better you ask melalui comment box. Insya Allah kalau saya boleh jawab, saya akan jawab.

Sekali lagi, I am so sorry for those yang kecewa saya jawab lambat or even tak jawab langsung. Sorry ya. Meh I bagi lollipop. Besar punya. Hehe.


Oh, by the way, if I have anything to say, I will shout it at the 'Cakap-cakap' box beside this post ok. :)

Repost : Tukar link Home, Older Post & Newer Post kepada icon



Step 1;

Cari icon yang nak diletak. Copy paste code icon2 tuh dalam notepad dulu.

Pilihan icon untuk Newer post:

 http://roele112.googlepages.com/newer.png
 http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png
 http://i984.photobucket.com/albums/ae324/aliaazmi98/Blog/newer.png


Pilihan icon untuk Home:

 http://roele112.googlepages.com/home.png
 http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png
 http://i984.photobucket.com/albums/ae324/aliaazmi98/Blog/home-2.png


Pilihan icon untuk Older post:

 http://roele112.googlepages.com/older.png
 http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png
 http://i984.photobucket.com/albums/ae324/aliaazmi98/Blog/older.png


Step 2;

Dashboard > Design > Edit HTML > Tick : Expand Widget Template


Step 3;

Ctrl F dan copy paste code nih :

<data:newerPageTitle/>

Dah jumpa, gantikan code di atas dengan code nih : 

<img src="URL ICON"/>

Bold biru : Copy paste code icon yang dah cari awal2 tadi.


Step 4;

Ctrl F dan copy paste code nih :

<data:olderPageTitle/>

Dah jumpa, gantikan dengan code nih : 

<img src='URL ICON'/>

Bold biru : Copy paste code icon yang dah cari awal2 tadi.


Step 5;

Ctrl F dan copy paste code nih : 

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

Dah jumpa, gantikan code warna merah dengan code nih :

<img src='URL ICON'/>

Bold biru : Copy paste code icon yang dah cari awal2 tadi.


Step 6;

Preview and Save.


Credit to Alia.
 

Template by BloggerCandy.com