Langkah Membuat Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger

Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger - D-Copy Blog | Hai sobat blogger, seperti pada widget-widget yang sama namun dengan desain yang berbeda, pada tutorial ini kita akan membahas bagaimana membuat sosial bookmarking & kotak berlangganan artikel untuk blogger.

Langkah Membuat Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger :

1. Buka akun blogger Anda
2. Masuk ke menu tata letak, add gadget > HTML/Javascript
3. Pastekan kode dibawah ini :

<style>
#socialbox{border:2px solid black;
width:270px;padding: 5px 5px 5px 5px;  }
img.beintouch:hover {
    background: none repeat scroll 0 0 #ffbc99;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_4m8MeGbvk9Tf3ZdVtG3FmfKQapKW8ZRtzvR6zb5fjmaVRIjDqAjKTCWJqlm4RZ9dneCbpcgDR0e8pZEmXv29s2ykjVRLnvb-oo5ZkGiOR0JkBMH4sUtp1TgwYi-g-fFeiagJegfSuuM/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 120px;
}
.ebutton {
    background: #D55959;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
}
</style>
<br />
<div id="socialbox">
<table align="" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a href="http://facebook.com/Bloggertrix" rel="nofollow" target="_blank"> <img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEismVREmWIERGwBwURsRqRAuAekNWm26jz7vqe5YuY7aVoDmLvpOCa00l4Cyv5e-Kl_ZLw3E47xohcFiq89RZCjhOeH8hKP56NsZeWC-OcExyMalSILVbtGAe_CjvKkoPcZcD_LmhTEETk/s1600/bloggertrix-facebook-icon.png" /></a></td><td>
<a href="http://twitter.com/ID Twitter Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL72FRkNYW-6LShYEr-9OcUejPAOp9fkr6S7hpNBCSCZ8hPB46RlhpOqqDkPKPHjP1hRBocPTiAgic83bP0CK9F1w6ICd2Z5E9JlzrXklv7iBDkkRVVwof5POKw6r90Rp5dyu4OInTH3A/s1600/bloggertrix-twitter-icon.png" /></a></td><td>
<a href="http://pinterest.com/ID Pinterst Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZc5VyulDpdjnQ3Lbe3nExB9abX6-gpEoN68znM63Xn-7P5x9s8BprOiKsE0d8xlSJEPnHFfqJuNAXLl_INqwNGpXreysDDUNTcSUQO2rW8rkvX6GJmV6vgBIs5UHPnoI0IaIFFQrViBI/s1600/bloggertrix-pinterest-icon.png" /></a></td><td>
<a href="URL Google+ Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xDtT_Ofh0dW6_YrddPTxQokk8nI36Zp_20FUwnLIo-B4vtV0vvfAEVPY0W4fvdvxG2MziVNOgVFviDCqHcnNaQyrInRd92rz77SxKTxLtg6vVcy3ZmhWxbAazPqU3Q0Slyjuu1OKF_Y/s1600/bloggertrix-google-icon.png" /></a></td><td>
<a href="http://feeds.feedburner.com/ID Feedburner Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWdqNqLyqjXD4NfmviDKUhC6n4oRcX0nxUQn3wMdKJVN9eDyfhE-FcxwMH-0PM80vqA6H2TIcl9Zv3sagmVY_ve_ISv6ObPmmUkFuHfHqTEpdnTbhe5gJgUcGDuvm9c-Dw96pyvoBbwH8/s1600/bloggertrix-rss-feed-icon.png" /></a></td></tr>
</tbody></table>
<div>
<center>
<b>Dapatkan Artikel Kami Dengan Email</b></center></div>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner Anda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="ID Feedburner Anda" />
<input name="loc" type="hidden" value="en_US" />
<input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="ebutton" title="" type="submit" value="Subscribe" />
</form>
</div>

Keterangan :
Ganti kode-kode yang sudah diwarnai diatas, sesuai dengan kebutuhan Anda.
    4.  Save template Anda.

Tweet