Banner 468 x 60

Loading...

Membuat Kotak Layanan Via Email, Facebook, Twitter dan Newsletter

Advertisement

Subscribe via RSS Feed If you enjoyed this article just click here, or subscribe to receive more great content just like it.
Coba masukkan email sobat dan enter, atau sobat mengklik logo facebok dan kawan kawannya yang juga nongol disana.
gambar di atas merupakan bentuk nyata dari judul yang arminaven maksudkan di blog ini, dengan kotak diatas kita memberikan kesempatan kepada pembaca artikel blog kita untuk berlangganan artikel dengan bermacam model yang lansung kita kirimkan ke emailnya
jika sobat ingin membuat kotak seperti diatas, maka ikuti langkah langkah berikut ini:

1. Login ke Blogger. Klik menu Design -> Page Elements. Lalu klik pada Add a Gadget.

2. Klik Add Gadget -> HTML/Java script
3. Masukkan kode dibawah ini kedalam kotak dan klik Save

<style type='text/css'>
.social a{color: #6e6e6e;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;}
.social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}
.sub-box{width:300px;background:();padding: 2px 5px 7px 2px;font-family:Droid Sans,Helvetica,Arial;}
.emailform{margin:16px 0 0; display:block; clear:both;}
.emailtext{margin:10px 0 0;background:#f6f6f6 url(http://3.bp.blogspot.com/-3nqMfDFqsUQ/T4_x8t_XbaI/AAAAAAAAAok/oVXZ6X2RKsg/s1600/email.png) no-repeat scroll 4px center;padding:6px 5px 6px 34px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:175px;}
.emailtext:hover{background: #f3f3f3 url(http://3.bp.blogspot.com/-3nqMfDFqsUQ/T4_x8t_XbaI/AAAAAAAAAok/oVXZ6X2RKsg/s1600/email.png) no-repeat scroll 4px center;border-color:#999;}
.emailtext:focus{outline:none;}
.sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:5px 10px; border:1px solid #666;cursor:pointer;background:#999}
.sub-button:hover{color:#444;border-color: #999;background:#ccc}
</style>
<center><div class="social" style="padding: 0pt 0pt 0pt 5px;">
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=arminaven' target='_blank'><img alt='newsletters' src="http://2.bp.blogspot.com/-T6Jwvl78yt4/T6aQRn6CDmI/AAAAAAAABCU/vmj_BCGOv2U/s1600/mail.png" border="0" title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/arminaven' target='_blank'><img alt='rss' src="http://2.bp.blogspot.com/-BkgRd2NvFT8/T6aQSYJiQnI/AAAAAAAABCg/IPE8JvSisT4/s1600/rss.png" border="0" title='rss'/></a> </td>
<td> <a href='http://www.blogger.com/follow-blog.g?blogID=2107252829138711940' target='_blank'><img alt='twitter' src="http://2.bp.blogspot.com/-wDhM0i4yvb8/T6aQTdIRmSI/AAAAAAAABCo/CS61MLJ8QRo/s1600/twitter.png"  border="0" title='twitter'/></a> </td>
<td> <a href='http://www.facebook.com/arminaven' target='_blank'><img alt='facebook' src="http://1.bp.blogspot.com/-RvQpmf-y4PE/T6aQQqqjT2I/AAAAAAAABCQ/jEECzsdedY8/s1600/facebook.png"  border="0" title='facebook'/></a> </td>
<td> <a href='http://www.blogger.com/follow-blog.g?blogID=5135047399812523052' target='_blank'><img alt=' youtube' src="http://1.bp.blogspot.com/-Lpu7KBe9Q2c/T6aQUbuQWBI/AAAAAAAABCw/bsKGA1q_WeQ/s1600/youtube.png"  border="0" title='youtube'/></a>
</td></tr></tbody></table> </div></center>



<center>
<div class='sub-box'>
<div style="text-align: left; display: inline-block;">
<h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8>
<small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/arminaven' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</i></small>


<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=arminaven', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="maskolis" name="uri"/>
<input type="hidden" name="loc" value="fr_FR" />
<input type="text" 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;}" value="Enter your email..." name="email" class="emailtext" />
<input type="submit" class="sub-button" value="Enter" title='' alt='' />
</form></div></div></center>
dari kode yang panjang itu, sobat hanya mengganti kode yang arminaven warnai merah. tanpa arminaven jelaskan pasti sobat bisa mengetahuinya. cukup modal membaca saja.
4. Jika sudah selesai, klik Save lalu klik View Blog untuk melihat tampilannya di blog.

sekian artikel dari arminaven, jangan lupa ikutan berlangganan artikel arminaven yaaa

Ingin Berlangganan Artikel Dari Blog Ini Secara Gratis??
Masukkan Email Anda Di Form Diatas & Klik Submit, Setiap Artikel Baru Arminaven Akan Dikirimkan Ke Email Anda Secara Otomatis dan Gratis Untuk Anda. Silahkan Lihat Reader Artikel Arminaven
Ucapkan Terima Kasih Anda Dengan Cara:
1. Klik Like Facebook
2. Like Twitter
3. Follow Blog
4. Memberikan Komentar
You Comment I Follow
Advertisement

0 Response to "Membuat Kotak Layanan Via Email, Facebook, Twitter dan Newsletter"

  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Membuat Kotak Layanan Via Email, Facebook, Twitter dan Newsletter" ini bermanfaat, share ke jejaring sosial.
Konversi Kode