Cara Menciptakan Widget Feedburner Email Berlangganan Untuk Bogger

Bagaimana menambahkan widget feedburner email berlangganan untuk blogger ? . Widget Email berlangganan ialah salah satu widget terpenting dari setiap blogger. Apakah Anda tahu apa apa saja fungsi dari widget email berlangganan ini ? Ya! ini ialah cara dimana anda sanggup mengumpulkan sejumlah kemudian lintas besar untuk blog Anda. Kali ini omblogging akan menyebarkan cara menciptakan 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 sanggup membawa sejumlah besar pengunjung di blog Anda. Ketika ada seseorang mengikuti anda dengan mendaftarkan email mereka maka anda akan dengan gampang mendapat pembaca yang loyal . Mengapa ini terjadi ? Sebab, artikel anda akan secara otomatis masuk ke kotak email mereka sesudah mereka mengikuti anda melalui widget ini . Tentu, kapasitas pengunjung yang anda akan dapatkan sanggup sangat banyak kalau juga , banyak yang megikuti anda.

Pengunjung yang berlangganan di blog Anda dengan memasukkan email mereka maka mereka akan selalu ( secara otomatis ) mendapat postingan update terbaru Anda di email mereka. Email formulir berlangganan di blogger ialah sebuah widget yang penting. jadi sebaiknya anda terapkan pada blog anda .

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

Bagaimana Widget Feedburner Email bekerja?

Semua orang tahu wacana google feedburner. Singkatnya, google feedburner ialah layanan RSS feed web yang paling terkenal . Jika siapa pun berlangganan di blog Anda dengan email mereka, feedburner bekerja dengan cara menawarkan posting terbaru Anda pada semua orang yang berlangganan email.

Bagaimana Cara registrasi di feedburner? Bukan hal sulit . Anak2 kecil pun sanggup dengan gampang melakukan itu . hanya dengan mengunjungi link feed burrner dan bergabung dengan alamat blog Anda maka registrasi final .

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 dibentuk dengan murni css dengan ikon fontawesome, maka tampilan yang dihasilkan akan sangat tepat . orang2 akan dengan udah melirik widget ini sebab tampilannya yang menarik perhatian mata maka anda akan sangat gampang mendapat pengunjung yang akan berlangganan postingan anda . . Dengan memakai bentuk-bentuk newsletter email yang unik berlatar belakang gelap , Anda juga sanggup memakai link media umum ibarat Facebook, twitter, linkedin, google ditambah, pinterest dan instagram . Dan untuk cara pemasangannya ibarat ini :

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

Advertiser

Langkah 1: Menuju ke Blogger Dashboard > Template > Edit HTML salin dan paste arahan di bawah tepat sesudah <head> Atau sebelum arahan </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 arahan 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: