Selamat datang kawan blogger, terimakasih atas kunjungannya, bagaimana semangat ngeblog kalian? Masih suka mendesain? Membuat blog semakin menarik? Baiklah itu banyak dilakukan, bagaimana kalo ada yang mau nge-feed post kita? Kali ini saya akan memosting artikel untuk mendesain subscribe agar lebih menarik dengan tampilan dinamis, elegant, klasik dan simple, keren juga log.
Penasaran seperti apa? Lihat aja di side bar blog ini, untuk memasangnya berikut tutorial lengkapnya, bagi anda yang mau memasang ikuti tutorial berikut :
1. Buka blog anda
2. Pada drop down menu pilih Tata Letak
3. Tentukan dimana posisi/letak subscribe akan dipasang
4. Kemudian pilih Add Gadget > HTML/Javascript
5. Copy kode dibawah ini dan kemudian paste
<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC-tWpCxbRswBDjat_16R6tf-Lz5soqVqZ0gOE5GbY_TJha5J3gMLR8j5Gcm7JZyd7uhT6J21GNJ1hoURdbMorqjms569damZgRqxSmf3Gndp9rPu3mf8l_hKAnYV_V1my2I7Qezya4Iw/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:180px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open(http://kiosederhana.blogspot.com/feeds/posts/default', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" />
<input type="hidden" value="Kios Sederhana" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>
KETERANGAN :
Untuk yang berwarna merah, anda ganti dengan link feed blog anda dan nama blog anda
6. Kemudian simpan, dan lihat apa yang terjadi
7. Senyumlah jika anda berhasil.
Sekian info yang saya paparkan, semoga bermanfaat, jangan lupa kolom komentar di isi juga, kritik dan saran anda untuk membangun blog agar lebih nyaman.
Reference :
By Cibi blogger on Cara Pasang Logo Media Sosial di Sidebar Blog
0 komentar:
Post a Comment
Terimakasih atas kunjunganya
Jika anda kurang puas :
1. Silahkan berkomentar secara bijak
2. Dilarang berkomentar dengan berbau unsur SARA
3. Dilarang berpromosi iklan atau produk