cara-ririn.com – widget berlangganan sangat diperlukan menjaring pengunjung dengan jalan email tentu ini sangat penting untuk membuat para pengunjung selalu setia membaca artikel dan berkunjung ke blog kita dan yang ingin berbisnis online dengan membangun list building, namun jika widget berlangganan itu dilengkapi dengan logo beberapa sosial media seperti twitter,facebook dan google+ tentu itu juga sangat bermanfaat juga. Baca juga Cara Mempromosikan Blog agar Terkenal
Widget berlangganan memang sebenar nya sudah disediakan oleh pihak blogger sendiri akan tetapi widget tersebut dianggap banyak orang termasuk saya sendiri 😀 kurang menarik dan terkesan simpel sekali tentu hal ini juga akan membuat para pengunjung enggan untuk menoleh atau melirik saja widget berlangganan itu karena terkesan tidak menarik tadi. Dengan ada nya masalah seperti itu beberapa ahli telah membuat beberapa widget berlangganan yang juga dilengkapi sosial media Facebook, Twitter, dan Google+, salah satu nya widget berlangganan yang akan saya bagikan kali ini.
Bagus kan ?! jika kalian merasa widget tersebut bagus dan sobat ingin memasang nya di blog sobat 😀 berikut cara memasang Widget berlangganan keren disertai logo sosial media :
1. Koyok biasa ne rek masuk dulu di blog masing masing.
2. Pilih menu tata letak lalu klik Tambahkan gadget kemudian pilih yang HTML/Javascript.
3. Copy dan paste kode di bawah ini.
<style>
#sidebar-subscribe-box{width:290px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<div id=”sidebar-subscribe-box”>
<div class=”sidebar-subscribe-box-wrapper”>
<br/>
<a class=”social-icons” href=”https://www.facebook.com/Anggieshermant”><img src=”http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Facebook_zps68f4035b.png” /></a>
<a class=”social-icons” href=”https://twitter.com/Anggihermant”><img src=”http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Twitter_zps433926c5.png” /></a>
<a class=”social-icons” href=”https://plus.google.com/u/0/116963460405747329633″><img src=”http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Googleplus_zps8404ed17.png” /></a>
<a class=”social-icons” href=”http://feedburner.google.com/fb/a/mailverify?uri=Anggieshermant”><img src=”http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-RSS_zpsc0214ee8.png” /></a>
<p>Ayo bergabung di Anggieshermant dan rasakan keuntungan dan kemudahan nya</p>
<div class=”sidebar-subscribe-box-form”><form action=”http://feedburner.google.com/fb/a/mailverify?uri=Anggieshermant” class=”sidebar-subscribe-box-form” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=Anggieshermant’, ‘popupwindow’, ‘scrollbars=yes,width=540,height=520’);return true” target=”popupwindow”><input name=”uri” type=”hidden” value=”Anggieshermant” />
<input name=”loc” type=”hidden” value=”en_US” /><input class=”sidebar-subscribe-box-email-field” name=”email” autocomplete=”off” placeholder=”Masukkan Email Sobat Disini !”/>
<input class=”sidebar-subscribe-box-email-button” title=”” type=”submit” value=”Berlangganan” /></form>
</div></div></div>
Keterangan:
-Kode yang berwarna biru ganti dengan alamat fanspage facebook sobat atau facebook pribadi sobat.
-kode yang berwarna biru muda ganti dengan username twitter sobat.
-Kode yang berwarna hijau ganti dengan username feedburner sobat.
-Kode yang berwarna merah ganti dengan alamat google plus sobat.
-kode yang berwarna merah muda ganti dengan tulisan yang ingin sobat tampilkan.
-kode yang berwarna orange ganti dengan tulisan tombol.
Sekian artikel saya kali ini tentang Widget berlangganan keren disertai logo sosial media semoga bermanfaat saya Anggi Herman sekian terima kasih. Baca juga artikel menarik lainnya di Blog Cara Ririn tentang Cara Agar Blog Tidak Bisa Di Copas oleh Orang Lain
Kebetulan Saya udah pake Logo sosial Media ini Di Blogg saya Kakkk jadi kali ini saya izin Nyimakkk ajee yeee 😀
Ow sudah pasang 😀
Keren Mbak, saya ijin save scriptnya, buat blog yang satunya nih 🙂
Silahkan mas yobert 🙂
kebetulan saya belum memasang bos, ijin memasang yia bos, doa’anya yia bos semoga banyak yang langganana hehehe….
Silahkan mas dan semoga banyak berlangganan ya dan semoga blog saya juga 😀
kode warnanya gak muncul mbak,,,hitam semua tulisannya, keren juga bisa dicoba nih untuk di pasang
untung saya sudah pakai sejak awal 😀
Ow sudah pakai ya semoga sukses 🙂
ijin pasang mas di blog saya,seperti nya bagus kalo dipasang widget logo sosial nih.
Ya silahkan di pasang biar tambah keren blog nya 😀
Ijin coba mas .
Silahkan mas kumpu 🙂
saya coba dulu sob,seperti makin keren kalo blog nya dikasi widget nih
SIlahkan docoba mas biar cantik blog nya 😀
mantep mbak 1 klik pilihan berlangganan ditambah facebook, twitter, google+ dan rss, sebagai sosial medianya……
Emang mantep nih widget 😀
mantap mbak..kunbal
Dapet ilmu baru nih dari cara ririn dot com. Terimakasih ya Mba.
Salam
sama sama semoga membantu ya 🙂
sudah saya coba dan berhasil sist 😀 amakasih
Sudah berhasil 🙂 semoga sukses ya 😀
Semakin lama semakin bagus saja Mbak tutorialnya apalagi penting untuk memenuhi keperluan untuk blog terutama widget berlangganan artikel ini 🙂
Betul banget ini widget ini memang sangat bermanfaat 🙂
keren banget mbak widget nya. tapi saya lagi cari yang bisa ditaruh di bawah postingan 😀
Ow gitu semoga sukses ya 🙂
kalo mau pasang di WP gimana kak?