Friday, October 8, 2010

tips membuat Email Subscribe dan RSS Feeds dengan menggunakan image dan Horizontal Rule atau kalau dalam bahasa coding-ya "hr"

Mempercantik tampilan blog merupakan salah satu tips membuat pengunjung nyaman diblog atau webblog. Banyak cara dilakukan unuk mempercantik tampilan blog dari pengaturan warna template, layout dan lain lain.

Salah satu cara mempercantik blog yaitu memasang Email Subscribe dan RSS Feeds, Dua subscribel ini memang sangat berguna sekali untuk pemilik blog tentunya Blogger sudah mengetahuinya.

kali ini saya coba membuat Email Subscribe dan RSS Feeds dengan menggunakan image dan Horizontal Rule atau kalau dalam bahasa coding-ya "hr".

Contoh di bawah ini :

Email
Subscribe Via Email

rss icon chugyRSS Feed
Subscribe Via RSS Feed


Untuk membuatnya caranya cukup mudah.

Pilih Tambah Gadget >> HTML/JavaScript.
Masukan kode di bawah ini.

<img src="http://2.bp.blogspot.com/_lh4qH1cW0XQ/THT99f82oYI/AAAAAAAACKk/XMoR8x2gZQM/s400/email.png" alt="" style="float:left; vertical-align:middle;margin:0px; padding-right:10px;border:0" /> <span style="font-weight:bold;">Email</span><br />
<a href="http://feedburner.google.com/fb/a/mailverify?uri=chugygogog&amp;loc=en_US">Subscribe Via Email</a>
<hr style="color: #f1f1f1;font-size:1px;" />
<p></p>
<img src="http://4.bp.blogspot.com/_lh4qH1cW0XQ/THWX8C-ctbI/AAAAAAAACLE/2fTaT1ipmE0/s400/rss.png" alt="rss icon chugy" style="float:left;vertical-align:middle;margin:0px; padding-right:10px;border:0" /><span style="font-weight:bold;">RSS Feed</span><br />
<a href="http://chugygogog.blogspot.com/feeds/posts/default">Subscribe Via RSS Feed</a>
<hr style="color: #f1f1f1;font-size:1px;" />

  • Text warna merah merupakan image yang bisa diganti dengan image blogger.
  • Text Warna kuning silahkan ganti dengan alamat Email Subscribe dan Rss feeds blogger.
  • Text Warna Hijau merupakan style untuk Horizontal rule, bisa diganti dengan warna dan ketebalannya sesuai keinginan blogger.
Selamat mencoba.

0 komentar:

Post a Comment

Related Posts with Thumbnails

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Macys Printable Coupons