Saya kali ini akan mencoba membahas tentang
modifikasi formulir berlangganan keren agar blog kita akan menjadi tambah keren akibat dimodifikasi, hehehe.
Tampilan widget berlanggan menurut saya bisa lebih memancing pengunjung untuk berlangganan rss blog kita, jadi ini lumayan penting juga ternyata.
Cara memodifikasinya sendiri tidak sesulit yang dibayangkan, karena kita seperti biasa hanya menaruh kode CSS dan juga kode HTML, mari kita simak lebih lanjut.
Anda juga bisa berkreasi dengan modifikasi ini dengan mengganti warnanya, sehingga widget ini bisa menyesuaikan dengan warna template blog anda (seperti bunglon) hehehe.
Mari langsung masuk ke inti artikel modifikasi formulir berlangganan gara menjadi keren ini, langsung cekidot dibawah ini !! :
Modifikasi Formulir Berlangganan Keren
1. Masuk ke blogger.
2. Klik Template > Edit html.
3. Cari kode ]]></b:skin dan letakan kode dibawah ini diatas kode tadi.
/* www.mestiqui.com */
#subscribe {
list-style: none;
margin: 0px;
}
#subscribe li {
padding: 10px;
position: relative;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
height: 64px;
}
#subscribe li h4 {
margin: 0 0 0 45px;
font-size: 24px;
line-height: 26px;
color: #333333;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
display: block;
clear: none;
border: none;
}
#subscribe li p {
margin: 0 0 0 45px;
font-size: 13px;
letter-spacing: -0.02em;
clear: none;
}
#subscribe li img {
float: left;
position: relative;
padding: 0px;
margin: 0px 10px 0px 0px;
}
#subscribe li a.linkblock {
background: none;
border: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 50;
}
#subscribe li:hover {
background-color: #F5F5F5;
}
/* www.mestiqui.com */
4. Setelah itu simpan template anda.
5. Langkah selanjutnya anda masukan kode berikut ini pada elemen tata letak dan tambahkan witdget.
<ul id="subscribe">
<li> <a class="linkblock" href=http://feeds.feedburner.com/Indahnya-Berbagi title="Full RSS Feed"></a>
<img alt="Full RSS Feed" src="http://1.bp.blogspot.com/-q8kVpu2Kugw/Ul-M4cMzYHI/AAAAAAAABXc/IrxqGlzcI2k/s1600/rss.png"/> <h4>Full RSS Feed</h4> <p>Berlangganan ke kami RSS Feed dengan posting penuh untuk kesenangan Anda.</p> </li>
<li> <a class="linkblock" href=http://feedburner.google.com/fb/a/mailverify?uri=Indahnya-Berbagi title="E-Mail Delivery"></a>
<img alt="E-Mail Delivery" src="http://4.bp.blogspot.com/-b-vCw73UboI/Ul-M4eFtTgI/AAAAAAAABXY/DEQBfIjxNUs/s1600/email.png"/> <h4>E-Mail Delivery</h4> <p>Kami akan mengirimkan posting blog penuh ke inbox Anda setiap pesan baru kali diterbitkan.</p> </li> </ul>
6. Simpan widget.
Cukup dengan dua langkah diatas, anda sudah bisa untuk
Modifikasi Formulir Berlangganan Keren dan hasilnya juga luamayan memuaskan, seperti yang saya bilang tadi bahwa anda juga bisa memodifikasi formulir berlangganan ini sesuai selera anda.
Semoga postingan kali ini bisa bermafaat bagi anda, dan jika anda mempunyai kritik atau saran untuk blog
MESTIQUI ini, anda tinggal sampaikan lewat pesan komentar dibawah, insyaallah jika saya tahu yang anda tanyakan, maka saya akan menjawabnya.
Source : http://www.tipstrikblogging.com/2010/01/modifikasi-formulir-berlangganan.html