Related Posts Plugin for WordPress, Blogger...
RSS

How to Create a Blog Button (Easy Tutorial)

Hi.........lama juga ga posting. Bagi kamu yang pernah berkunjung ke blog ini pasti sedikit kaget. Ya, beberapa hari kemarin saya mengganti design blog biar lebih fresh dan hijau, kan senang klo liat blognya jadi cantik. Kali ini saya mau berbagi tips tentang membuat Blog button.

Blog button adalah icon, gambar, stamp atau lainnya berukuran kecil yang mencirikan blog kamu. Contohnya kaya gini :

      
   ini blog buttonku        


contoh blog button dari berbagai blog


Membuat blog button gampang aja, tergantung dari kreativitasmu sendiri dan ga perlu software-software yang ribet. Cukup copy gambar yang kamu mau, kasi tulisan, jadi deh. Klo seperti punyaku di atas, kubuat pake MS Powerpoint. Tinggal kasi gambar yagng kita inginkan, tambahkan tulisan lalu simpan dalam bentuk Jpeg. Ukuran blog button dibuat 150 x 150 px. 

Biar lebih jelas nih tutorialnya :

Create image
  1. Buat gambar yang kamu inginkan ukuran 150 x 150 px.


    2. Kasi Tulisan yang diinginkan  Lalu Save as  dalam bentuk JPEG
Upload File      
          Upload gambar yang dah dibuat ke Flickrphotobucket atau image sharing lainnya. Pastikan foto tersebut dapat dilihat publik (jangan di set private).

Upload ke Blog 
1. Sign In ke blog  >> Design >> Page element >> Add Gadget 
 
2. Add HTML 
3. Copy & paste  kode berikut pada kotak html.

<div align="center"> <a href="URL Blog" target="_blank"><img alt="Nama Blogmu" src="URL image"/></a> </div> <div align="center"> <form><textarea rows="6" cols="20"><a href="URL blog" target="_blank"><img alt="Nama Blog" src="URL image"/></a></textarea></form> </div>

              
bentuk jadinya kaya gini 

<div align="center"> <a href="http://nuhy2005.blogspot.com" target="_blank"><img alt="Nuhy2005 Blog" src="http://farm5.static.flickr.com/4125/5170607185_807bd8e86d_m.jpg"/></a> </div> <div align="center"> <form><textarea rows="6" cols="20"><a href="http://nuhy2005.blogspot.com" target="_blank"><img alt="Nuhy2005 Blog" src="http://farm5.static.flickr.com/4125/5170607185_807bd8e86d_m.jpg"/></a></textarea></form> </div>

*untuk URL Image, pastikan url dg .JPG. Contohnya kaya punyaku yang di flickr .
1. Sign in flickr
2. Pilih gambar yang telah diupload tadi  >> share this 
3. Share this >> grab the HTML/BBC Code >> copy source url dengan berakhiran .jpg
Periksa kode diatas apakah URL semuanya udah benar apa belum. Pastikan juga tanda petik atau http-nya ga double. Klik save jadi deh.

Hasilnya punyaku kaya gini nie ..........
Dibawah gambar ada scroll bar, berisi kode yang bisa di copy. Bagi kamu yang ingin mencamtumkan blog buttonku tinggal copy code tersebut >> add gadget >> add html > paste. 

Di sidebar blogku juga terdapat blog button dari beberapa blog kusukai. Kamu pun bisa saling tukar blog button.

Selamat mencoba, semoga berhasil and  please feel free to grab my button.

                                                                                                                    




  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment