Widget berlangganan keren disertai logo sosial media

Ratu Solo

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

Download dan Install Aplikasi Android Blog Cara Ririn KLIK DISINI
ketua poker

28 gagasan untuk “Widget berlangganan keren disertai logo sosial media

  1. comt

    kebetulan saya belum memasang bos, ijin memasang yia bos, doa’anya yia bos semoga banyak yang langganana hehehe….

    Balas
  2. Abed Saragih

    Semakin lama semakin bagus saja Mbak tutorialnya apalagi penting untuk memenuhi keperluan untuk blog terutama widget berlangganan artikel ini ๐Ÿ™‚

    Balas
  3. Gian adi

    Ass…..wr…..wb

    Mbak Anggi,, saya mencoba kok tidak bisa kenapa ya mbak, tapi ini saya pasang di blog saya wordpress ?
    Mala di atas kotak penulusuran terdapat tulisan URL saya,,

    Tolong mbak gimana solusinya ini yaa,, hehehe maaf ?

    Balas

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *