2017/02/21

Cara Membuat Widget Feedburner Email Berlangganan Untuk Bogger

Bagaimana menambahkan widget feedburner email berlangganan untuk blogger ? . Widget Email berlangganan adalah salah satu widget terpenting dari setiap blogger. Apakah Anda tahu apa apa saja fungsi dari widget email berlangganan ini ? Ya! ini adalah cara dimana anda bisa mengumpulkan sejumlah lalu lintas besar untuk blog Anda. Kali ini omblogging akan berbagi cara membuat widget berlangganan via email . Kali ini tidak membahas tutorial artikel ataupun bahasa belajar seo melainkan menambahkan widget berlangganan email ke blog anda .

Feedburner widget  email berlangganan dapat membawa sejumlah besar pengunjung di blog Anda. Ketika ada seseorang mengikuti anda dengan mendaftarkan email mereka maka anda akan dengan mudah mendapatkan pembaca yang loyal . Mengapa ini terjadi ? Sebab, artikel anda akan secara otomatis masuk ke kotak email mereka setelah mereka mengikuti anda melalui widget ini . Tentu, kapasitas pengunjung yang anda akan dapatkan bisa sangat banyak jika juga , banyak yang megikuti anda.

Pengunjung yang berlangganan di blog Anda dengan memasukkan email mereka maka mereka akan selalu ( secara otomatis ) mendapatkan postingan update terbaru Anda di email mereka. Email formulir berlangganan di blogger adalah sebuah widget yang penting. jadi sebaiknya anda terapkan pada blog anda .
Cara Membuat Widget Feedburner Email Berlangganan Untuk Bogger

Jika Anda menempatkan widget blogger email berlangganan di sidebar , itu akan lebih baik. Tapi penempatan di bawah setiap postingan adalah juga tempat yang baik untuk menambahkan email berlangganan kotak di blogger ini.  Jadi, untuk penempatannya anda bisa atur diarea mana anda suka .

Bagaimana Widget Feedburner Email bekerja?

Semua orang tahu tentang google feedburner. Singkatnya, google feedburner adalah layanan RSS feed web yang paling populer . Jika siapa pun berlangganan di blog Anda dengan email mereka, feedburner bekerja dengan cara memberikan posting terbaru Anda pada semua orang yang berlangganan email.

Bagaimana Cara pendaftaran di feedburner? Bukan hal sulit . Anak2 kecil pun bisa dengan mudah melakukan  itu . hanya dengan mengunjungi  link feed burrner dan bergabung dengan alamat blog Anda maka pendaftaran selesai .

Cara Membuat Widget Feedburner Email Berlangganan Untuk Bogger

Sekarang mari kita menuju ke tutorial cara pembuatan widget email berlangganan ini . 

Berikut Cara Membuat Widget Feedburner Email Berlangganan Latar Belakang Gelap Untuk Bogger

Dengan memasang widget berlangganan newsletter email kotak widget latar gelap untuk blogger yang dibuat dengan murni css dengan ikon fontawesome, maka tampilan yang dihasilkan akan sangat sempurna . orang2 akan dengan udah melirik widget ini karena tampilannya yang menarik perhatian mata maka anda akan sangat mudah mendapatkan pengunjung yang akan berlangganan postingan anda . . Dengan menggunakan bentuk-bentuk newsletter email yang unik berlatar belakang gelap , Anda juga dapat menggunakan link media sosial seperti Facebook, twitter, linkedin, google ditambah, pinterest dan instagram . Dan untuk cara pemasangannya seperti ini :

Pertama Anda harus perlu menambahkan ikon fontawesome dan PT Sans google font. Tapi jika template anda sudah menggunakan font ini maka langkah pertama di lewati saja .

Langkah 1: Menuju ke Blogger Dashboard > Template > Edit HTML salin dan paste kode di bawah tepat setelah <head> Atau sebelum kode </head>

 <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/> 


Langkah 2: Sekarang Pasang CSS Code ini sebelum kode  </style>
 
#subscribebox{background:#576269;padding:20px;font-family:&#39;PT Sans&#39;,sans-serif;}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700}
.follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#858585 solid 1px}
.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}
.follow-subscribe-social ul li:last-child{margin:0}
.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.follow-subscribe-social ul li a:hover{color:#fff}
form.subscribe{margin-top:-7px}
form.subscribe input{display:block;width:100%}
.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}
.subscribe-email:focus{outline:0}
form.subscribe .placeholder{color:#cacaca}
form.subscribe input:-ms-input-placeholder{color:#cacaca}
form.subscribe input::-webkit-input-placeholder{color:#cacaca}
form.subscribe input:-moz-placeholder{color:#fafafa}
form.subscribe input::-moz-placeholder{color:#fafafa}
.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#F35D5C;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
.subscribe-button:hover{background-color:#f1d640}
.subscribe-button:focus{outline:0}
.creadit a{color: #A7A6A6; float: right; font-size: 8px;} 

Sekarang Save Template.

Langkah 3 : selanjutnya menuju ke  Layout / Tata letak > Add a gadget > HTML/Javascript Paste kode dibawah ini .

 <div id="subscribebox">
<div class="follow-subscribe-social">
<ul>
<li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<p>Subscribe to my Newsletter</p>
<form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR-USER-NAME'/>
<input name='loc' type='hidden' value='en_US'/>
<input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>
<input class="subscribe-button" type="submit" value="Subscribe" />
</form>
</div>

Customization:
  • Ganti semua kode  # dengan link sosial media anda.
  • Ganti semua YOUR-USER-NAME dengan nama alamat feedburner anda.
Dan selesai !!

2 komentar

bagus om postingannya , hehehe . kita sama tempaltenya .
tunggu kunbalnya ya om..
widbell.blogspot.com

Silahkan berkomentar yang baik dan menarik sesuai dengan isi konten.
Komentar yang tidak diperbolehkan :

1. Berbau penghinaan SARA & PXXN
2. Komentar dengan Link hidup ( akan dianggap spam )
3. Komentar tidak nyambung dengan isi postingan

EmoticonEmoticon