Membuat Email Subscription Icon Bergaya Sketsa
Sebelumnya saya pernah memposting artikel tentang Membuat Widget Klasik Subscrition pada Blogger. Nah... sekarang saya akan membicarakan tentang artikel Membuat Email Subscription Icon Bergaya Sketsa. Berikut caranya :
1. Masuk ke account Blogger anda
2. Klik Rancangan pada Dasbor Blogger anda
3. Klik Elemen Laman di pinggir edit HTML
4. Klik TAMBAH GADGET lalu cari HTML/JAVA SCRIPT
5. Copas code di bawah ke HTML/JAVA SCRIPT
<style class="text/css">
table
{
border-bottom: 1px solid #E6E6E6;
float: center;
width: 280px;
margin:10px 0 0 20px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alpha(opacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alpha(opacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/pages/Blog-rissman" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfCSWiE9p-wuTgcWOF2P3UGvGDgwVa5gmDdXZ32V_PQgEbmkciMXlNl0-BveO9-izUsek3-4-ae0ZqLVOKmETMwMa2EBFgJUOy5P6IqJkErx6HO-fA5bNOYJD3UMDhVJh4X3lXDWHNrQIr/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/Blog-rissman" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8WMDVT_4pyKw8Lb61k0jrJreAcNq3BDkeuCqRvwoPURmrUatMLRCDEl91rNoU3E2xgjmxRWIBesB6ky0mIP8-iiOFs4rlRFMwceA_7-vAhAc0LfB7y6YaTmgXg9mKAwArjB_Yk5JMVWC/s1600/twitter-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/Blog-rissman" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlsyg9HB28kRgpG_TWfbn5iqQFcx6qBGM6i-WcoUV7H6FuukIyuUndVH07tclJGP6ElHpaAthahVtvCf-qg-0pGq0t1S9lbK73XirQ4HBmUQJqK7TpkHHMPo75jJxx5o_HFDnfhn4cTNnJ/s1600/rss-48.png" /></a></div></td>
<td><a class="Fadeout" href="https://plus.google.com/xxxxxxxxx/posts" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPDbvAKGfUHkwkrhLM4KVmGX7OOINv3at5MFyGScHI1BdYPPH5uGy-xLfnzvdeG8KLoROomZIZW3IeKYy5fUqB_9f4I1_hLy16P8lvITbiiRlYUfsz-glCCXQRuq92qnSr9kX4UOn2puNx/s1600/google-48.png" /></a></td>
</tr></table>
</div>
<style>
.rssbuttontable
{
border: 1px solid #E6E6E6;
background: #FFDCB1;
float: center;
width: 270px;
margin-left:10px;
padding: 5px 5px 5px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
height: 35px;
float: left;
display: inline;
margin-top:5px;
margin-bottom:5px;
}
input.Subscriberssbutton
{
background:-moz-linear-gradient(top,#F88017 0%,#FF6600 100%); background:-webkit-gradient(linear,left top,left bottom,from(#F88017),to(#FF6600));
border: 1px solid #FF6600;
text-transform: none;
font:bold 13px arial;
color: #fff;
height: 30px;
padding: 4px 2px 5px 2px;
margin: 0px 0 0x 0px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor:pointer;
display: inline;
}
</style>
<table class="rssbuttontable">
<tr>
<td>
<a rel="nofollow" href="http://feeds.feedburner.com/blogtrikdantips"><img src="http://feeds.feedburner.com/~fc/blogtrikdantips?bg=FF6600&fg=444444&anim=1" height="26" width="88" style="border:0" alt="" />
</a>
</td>
<td>
<input value="Subscribe to Get Updates" class="Subscriberssbutton" type="button" onclick="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogtrikdantips', 'popupwindow', 'scrollbars=yes,width=650,height=570');return true" /></td></tr></table>
<style class="text/css">
.grablink
{
link-color:#0084CE;
font-size:12px;
text-align:right;
text-weight:italic;
}
</style>
<div class="grablink">
<a href="http://www.blogtrikdantips.blogspot.com">Blogger Widgets</a>
</div>
6. ganti link dibawah dengan alamat page di account sosial anda
http://www.facebook.com/pages/blog-rissman (ganti dengan page facebook anda)
http://twitter.com/blog-rissman (ganti dengan page twitter anda)
http://feeds.feedburner.com/blog-rissman (ganti dengan feedburner anda)
https://plus.google.com/xxxxxxxxx/posts (ganti dengan acont google+ anda)
Posting Komentar