Memasang Kotak Berlangganan + Social Engine - Sore guest lagi pada ngapain? apa kalian lagi ngeblog atau bersocial enginan,, hehehe . Kalau saya paling tidak menyempatkan diri untuk 1 hari update postingan di blog yang jelek ini. dan untuk kesempatan kali ini saya share bagaimana cara nya memasang Memasang Kotak Berlangganan + Social Engine di blog kalau pada postingan sebelumnya itu berada di bawah posting untuk kali ini saya akan taruh di widget sebelah kanan / kiri blog anda. oke tidak usah beerlama-lama. langsung saja disimak : ^.^
1. Login ke blogger.com
2. Klik Menu Tata Letak >> Tambahkan Gadget >> HTML/Javascript
3. Copy kode di bawah ini ke dalam widget HTML
<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/AVvXsEhiI5JtWvOdV2ibnmZ1P3Kvn3VXS_RfcprQ9CcoCNOD6Ixksl1_Vj9NDgNEPbmTMrUzeu6AyL39aPgancvyrDw9mQQKqQkNG5hFdQ_w7djrDzLRIbPVrssvJAnJ-abnJXdCWNTStzIDbD4/s1600/mailbox.png") no-repeat scroll 1px 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: 130px;
}
.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="center" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a href="http://facebook.com/wahyupoer" rel="nofollow" target="_blank"> <img class="beintouch" src="http://i1096.photobucket.com/albums/g324/wahyupur/Facebook_zps575507e4.png" /></a></td><td>
<a href="http://twitter.com/wahyupoer" rel="nofollow" target="_blank"><img class="beintouch" src="http://i1096.photobucket.com/albums/g324/wahyupur/twitter_zps44205869.png" /></a></td><td>
<a href="https://plus.google.com/110025427587067745562" rel="nofollow" target="_blank"><img class="beintouch" src="http://i1096.photobucket.com/albums/g324/wahyupur/googleplusicon_zps613ed186.png" /></a></td><td>
<a href="http://feeds.feedburner.com/CatatanSeo" rel="nofollow" target="_blank"><img class="beintouch" src="http://i1096.photobucket.com/albums/g324/wahyupur/Feed_zps01bcc637.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=CatatanSeo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="CatatanSeo" />
<input name="loc" type="hidden" value="en_US" />
<input class="emailtext" name="email" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" type="text" value="Enter your email..." />
<input alt="" class="ebutton" title="" type="submit" value="Subscribe" />
</form>
</div>
4. Dan langkah terakhir Simpan
itu tadi beberapa langkah Memasang Kotak Berlangganan + Social Engine di Menu Widget. Jika anda masih belum paham silahkan berkomentar di bawah ini. Semoga artikel dapat membantu anda. ^.^
0 Response to "Memasang Kotak Berlangganan + Social Engine"
Post a Comment
Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan dan santun
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. komentar kasar/berbau Sara/Porno saya anggap sebagai SPAM
Demikian harap di maklumi .