capek buat subscribe kayak gini, tapi akhirnya selesai juga....maklum gw blogger pemula gan..
nah langsung saja, jika sobat ingin membuat susunan widget yang kayak gini langkah awalnya buat widget pencarian seperti pada gambar disebelah... dan jika sobat hanya mau membuat subscribe via email yang kayak gini langsung saja simak turtorial saya di bawah ini...
Langkah - langkahnya :
1. login blog sobat
2. masuk ke Tata Letak > Tambah Gadget > pilih HTML/JavaScript
3. Pastekan code dibawah ini..
<table><tr><td><div style="background: url("http://i1297.photobucket.com/albums/ag22/jeskarex/email_zps007a0b15.jpg") no-repeat scroll left top transparent; border: 6px inset transparent; padding: 10px; text-align: left;">
<blink><span style="font-size: x-small;"><b><span style="font-family: "Trebuchet MS",sans-serif;"><span style="color: #eeeeee;"> <span style="background-color: black;"> Receive</span> All Updates In Your Inbox<br/> <span style="background-color: black;"> by </span>submitting your Email ID below</span></span></b></span></blink></div></td><td>
<p><a href="http://feeds.feedburner.com/blogcapoenk" rel="alternate" type="application/rss+xml"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/blogcapoenk" rel="alternate" type="application/rss+xml"></a></p></td></tr></table>
<form style="border:none;padding-top:10px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogcapoenk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input name='loc' type='hidden' value='en_US'/><input name='uri' type='hidden' value='blogcapoenk'/>
<table border='0' cellpadding='0' cellspacing='0' style='margin-top: 5px;'width='155'>
<input class='feedinput' name='email' onblur='if (this.value == "") {this.value = "Enter your mail here . . .";}' onfocus='if (this.value == "Enter your mail here . . .") {this.value = ""}' size='20' style='width: 180px;' type='text' value='Enter your mail here . . .'/>
<input align='right' height='24' id='imageField' name='I2' src='http://i1297.photobucket.com/albums/ag22/jeskarex/Subscribe_zpsed000a3a.png' type='image' width='110'/>
</table>
</form>
<blink><span style="font-size: x-small;"><b><span style="font-family: "Trebuchet MS",sans-serif;"><span style="color: #eeeeee;"> <span style="background-color: black;"> Receive</span> All Updates In Your Inbox<br/> <span style="background-color: black;"> by </span>submitting your Email ID below</span></span></b></span></blink></div></td><td>
<p><a href="http://feeds.feedburner.com/blogcapoenk" rel="alternate" type="application/rss+xml"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/blogcapoenk" rel="alternate" type="application/rss+xml"></a></p></td></tr></table>
<form style="border:none;padding-top:10px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogcapoenk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input name='loc' type='hidden' value='en_US'/><input name='uri' type='hidden' value='blogcapoenk'/>
<table border='0' cellpadding='0' cellspacing='0' style='margin-top: 5px;'width='155'>
<input class='feedinput' name='email' onblur='if (this.value == "") {this.value = "Enter your mail here . . .";}' onfocus='if (this.value == "Enter your mail here . . .") {this.value = ""}' size='20' style='width: 180px;' type='text' value='Enter your mail here . . .'/>
<input align='right' height='24' id='imageField' name='I2' src='http://i1297.photobucket.com/albums/ag22/jeskarex/Subscribe_zpsed000a3a.png' type='image' width='110'/>
</table>
</form>
4. Save dan lihat hasilnya..
Keterangan :
Warna Merah adalah url gambar sobat
Warna Biru adalah text yang sobat mau
blogcapoenk ganti dengan alamat feedburner sobat yang lain sobat modifikasi aja sendiri
0 komentar:
Post a Comment