Membuat Widget Sosial Bookmarking Angry Birds & Kotak Berlangan Artikel di Blogspot

Membuat Widget Sosial Bookmarking Angry Birds & Kotak Berlangan Artikel di Blogspot - Poetra Pakumis | kali ini saya akan mengshare Cara Membuat Widget Sosial Bookmarking Angry Birds & Kotak Berlangan Artikel di Blogspot. Widget ini unyu-unyu sekali jadi cocok buat akun blog sobat. Berikut screenshotnya:

Berikut Cara Membuatnya :

1. Login akun blogger sobat seperti biasa.
2. Tata Letak - Tambah Gadget - HTML/JavaScript dan masukan kode di bawah 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/AVvXsEgtyQtztJBsmwRIeFak4nfXvq_jG4EIljgL_YjYn9i_QK_ae3dTZfFYlHi6vxFvJvmmqkRCZxKLOZCZImF1KYUhW3PsKfQctR5hJcfWqSys_l6aMGticV7h4UariRaKyZF-rONFASlfrw0/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 />
<center><table border="0" cellpadding="1"
width="200"><tbody><tr>
<td align="center">
<div id="socialbox">
<table align="" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a href="http://facebook.com/ID FACEBOOK SOBAT" rel="nofollow" target="_blank"> <img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkoyRUPVcgnauSXZ1jbdHF6bcsW0Mk2_-SkKOfT7T3WhC4AbGFis86D0_9rjm4maXFGu-57EhBFQ4HW3NfJzbd6fQ11VEL0o8_rFMkczv7_AGRCYnCZyJPhi0G0sXUdTb4dBRaAQDsYhg/s1600/bloggertrix-facebook.png" /></a></td><td>
<a href="http://twitter.com/ID TWITTER SOBAT" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUt9jYMYy8NY73U78oXpWk3bN0PAxEvuAi_hstXgucZurfOQIWBk0rR3jJMCPHLpCdn8V_c2unr71PW4CTPZJR02ckqq3qNi05Q21yGXo22hDzmbQvwWQbM2IPTpoN0eMIDsHNcfk8XhQ/s1600/bloggertrix-twitter.png" /></a></td><td>
<a href="URL GOOGLE + SOBAT" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE_1CARK7Wn8U2-yZUtCyad1u87LhLOecWQn_lospj1NjQlaZxpZKHh0ZoGzDXc7IIoMfVvls4RG0KiprGp_YXzgaiad1TY7LzVEG8lDoDOnuNAWdnxzwtjbRZYHfaPC6kKgQN0dbnn9M/s1600/bloggertrix-googleplus.png" /></a></td><td>
<a href="http://feeds.feedburner.com/ID FEEDBURNER SOBAT" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVRWNwIpHpFRTxUtR6eJ3aKw6wo66cpcuj5scb3Wj0R9niodEjOQ9H8X0LT7dfNKGD4P2aXxoQSkdbJl0ePWUuI8G8UKLMv0nj4EKL8rShLO4befxc8-1-6zrD8Y31nyFDzIW-AbpxDao/s1600/bloggertrix-Rss.png" /></a></td></tr>
</tbody></table>
<div>
<center>
<b>Dapatkan Artikel Kami Dengan Email</b>
<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 SOBAT', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">

<input name="uri" type="hidden" value="ID FEEDBURNER SOBAT" />
<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>
</center></div></div></td></tr></tbody></table></center>
<div style="text-align: center;"></div>

Note :
Kode yang berwarna itu silahkan sobat ganti.

5 .Save dan lihat hasilnya.

Nah, sekian artikel saya tentang Membuat Widget Sosial Bookmarking Angry Birds & Kotak Berlangan Artikel di Blogspot semoga artikel yang saya tulis bermanfaat bagi sobat semua.

Jika anda menyukai artikel Membuat Widget Sosial Bookmarking Angry Birds & Kotak Berlangan Artikel di Blogspot dan ingin memosting artikel ini.

Bila Anda menjumpai BROKEN LINK atau LINK YANG RUSAK, silahkan berkomentar di bawah postingan pada kotak komentar yang disediakan.