Your Adsense Link 728 X 15

Cara membuat widget berlangganan feed

Posted by Achmad Zaelani Sabtu, 14 Juli 2012 0 komentar
Hallo sobat ..!! selamat datang di Zhae HTC hari ini saya akan menuliskan tentang cara membuat widget berlangganan email feed. Dengan menambahkan berlangganan email gratis, pengunjung akan selalu menapatkan update posting yang kita buat malalui email yang telah didaftarkan oleh pengunjung blog kita.Tapi bukan hanya berlangganan email gratis tetapi widget ini ditambah juga dengan pernak-pernik lain seperti widget google plus, twitter dan facebook.
Bagai mana sobat tertarik untuk memasang widget ini di blog sobat, jika sobat tertarik caranya cukup sobat copy cede di bawah ini.

<a href="http://feeds.feedburner.com/ZhaeHTC" imageanchor="1" style="margin-left: .5em; margin-right: 1em; float: center;" rel="nofollow" target="blank"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaLEwBbouYkadIhOJ4Yug7boIgV3-0ZHLmNTEZXq4E7mIPnbirFtcgxdH4d3i61EnkL7ylNIO2IMuTaDZeI-gtC7ZdtvQcT40ZzhlbdFopFGA3vxWbSSqJoQJTD6p9bWlwHTrjMiZH81sb/s400/Untitled-5.png" width="290" /></a>
<style>
.mbtips-email{
background:Fff no-repeat 0px 12px;
width:270px;
float:center;
font-size:1.4em;
font-weight:bold;
margin:2px 20px 0px 35px;
color:#686B6C;
}
.mbtips-emailsubmit{
background:#0084CE;
cursor:pointer; 
color:#fff;
border:none;
padding:3px;
margin:0 0 0px 0;
text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
font:12px sans-serif;
}
.mbtips-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:0px 2px 0px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;  
width:170px;
color:#666;}
</style>
<style class="text/css">
.center
{
text-align:center;
font-weight:bold;
margin:10px;
}
</style>
<div class="center">
Berlangganan Artikel Zone Informations Via Email
</div>
<div class="mbtips-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri= ZhaeHTC ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Ketik alamat email disini" type="text" />
<input type="hidden" value="ZhaeHTC" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbtips-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<style class="text/css">
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 300px;
margin:10px 0 0 15px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alphaundefinedopacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alphaundefinedopacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="https://www.facebook.com/Zaelani.Achmad" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQQfLwXF3a3F-dg8vMxNCMYgB6r1iSqGK76Z4_rOnxPg_B03W71t8ftUpArRYl2fNxBwpIk-6jucm_xhoybvIzzq2NZTziNfVwiI-ucTtwauq6yUu2z8uLatgX9XsOnPRnjkhkxe-YwGg9/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="https://twitter.com/#!/ZaelaniAchmad" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnvhyaRnGsJaGEakW0VeJruWOk9XmfUVXXozeRs-NIZrqfb90LIvOD5DX2aU9k8E4xX_PNz2Y2aCor2y6ScQzikAQQtIMrqvjpmErJXxRYxbkCbzWueLLBVJ0squatqAr8ydn3gfF9Vqzp/s1600/twitter-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/ZhaeHTC" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY21CH6f9FVhUvUD23Fi13MLY4hO3LI8P50LPedyduYe-0hRRae6PzN_icfJL3xQqL4unFm7IS0G3OJHdcWxDcxIJ2cvSgJyLG7cqHiuMuZ98ciRUkjw5zP3L4-l6bYxQXjynU2Iuj5-h5/s1600/rss-48.png" /></a></div></td>
<td><a class="Fadeout" href="https://plus.google.com/100215358679350627983/about" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhWGFaNuvsH_Ec2QwMvWyiUjsjkkLmbEZcv7S7s85oq8FK8fA1DDW-mnct8I93IS3XVR9zYexmP0sLcicZj23NuwrSQiJOtN0NMaQMoxuzYW3dZE77DB2WYAzE4pLGu3J2T9aEPiWENzGs/s1600/google-48.png" /></a></td>
</tr></table>
</div>

Stelah sobat copy code tadi kemudian sobat login ke blogger sobat lalu pilih tata letak kemudian tambah gadget pilih HTML/JavaScipt lalu paste code tersebut ke dalam HTML/JavaScript sobat kemudian simpan.

Ket :
Biru : alamat FeedBurner sobat
Hijau : Ganti sesuai keinginan sobat
Merah : Profil facebook sobat
PInk : Twitter sobat
Kuning : Alamat google Plus sobat.
Mungkin sekian dulu tulisan saya tentang  Cara membuat widget berlangganan feed. Semoga bermanfaat :)

0 komentar:

Posting Komentar

Statistik Blog

Follow Me

Link Partner

Follow Via Email

Berlangganan Artikel Via Email