Cara Menciptakan Kotak Subscriber Keren Di Blogger

Cara Membuat Kotak Subscriber Keren Di Blogger - Pada Artikel Ini Kita Akan Membahas Lebih Tepatnya Di Kotak Suscriber, Kamu dapat meletakkan widget ini dapat dibawah postingan, atau juga dapat di sidebar. tergantung dengan cita-cita masing masing, Kotak Berlangganan Atau Kotak Subscriber Ini Sangat Berfungsi sekali atau hal yang harus ada di blog kita, sebab widget ini akan memberitahukan kepada pengunjung yang berlangganan apabila kita mengupdate konten gres di blog yang kita miliki.

Widget ini pernah dipakai sidebar jagoankode yang juga memakai ini, jadi buat kalian yang ingin menggunakannya juga, ini gratis hehe. namun sebelum memakai widget ini aku harap kau sudah pernah mendaftar dan memahani fungsi dari feedburner itu sendiri. dapat kalian searching di google terlebih dahulu untuk cara mendaftarnya dan bagaimana menggunakannya.

Peminat Blog Kamu Tentulah Sangat Membutuhkan Widget Ini, Karena Ini Berdampak Baik Bagi Visitor Sehingga Berkemungkinan Visitor Blog Kamu Juga Bertambah Dan Memudahkan Juga Tentunya. Didalam postingan ini kita akan berguru Cara Membuat Kotak Subscriber Yang Keren ehehe, design ini merupakan hasil redesign dari kotak subscriber jagoankode. buat kalian yang ingin melihat demonya dapat kalian lihat dibawah ini :

Dari Design Diatas Ini Merupakan Recomended Banget Dari Admin, Karena Bentuknya Simple Dan Gak Ribet. Ini Pastinya Cocok Banget Digunakan Buat Blog Kamu. beberapa postingan aku sebelumnya juga ada membahas wacana pembuatan kotak subsciber atau langganan yang gak kalah lebih keren juga dapat kalian pilih sesuai degan cita-cita kalian masing masing. silahkan baca di postingan aku dibawah ini..

• Cara Membuat Kotak Berlangganan Blog Subscription Box Keren Responsive

Kotak Subscriber Di Atas Sangat Keren Bukan ?...
Kotak Subscriber Yang Keren Di Blog Mampu Menarik Pengunjung Ke Blog Kamu, Kaprikornus Jika Kamu Suka Dengan Design diatas kau dapat membuatnya dan aku akan menyebarkan bagaimana cara pembuatannya, yuk simak cara berikut dibawah

Cara Membuat Kotak Subscriber Keren Di Blogger

Kotak Subscriber Ini Sangat Responsive, Tentu Sangat Bagus Pada Tampilan Mobile Dan Desktop, Jika Ingin Tau Pembuatan Kotak Subscribe diatas. cukup terbilang mudah, kalian dapat mengikuti cara dibawah ini...

Buka Blogger.com Dan Silahkan Login Akunmu Masing Masing

• Langsung Ke Thema >> Edit HTML
• Cari Tag Ini ]]></b:skin> Dan Letakkan Kode Berikut Ini Tepat Diatas Kode Tersebut..

#subscribebox {background:#204a84; padding:20px;font-family: 'PT Sans', sans-serif;
}
.widget_follow_subscribe .widget-detail {
  padding: 36px 30px 40px 30px;}
#subscribebox p {
color: white;
    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 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.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: 0.928571em;
 background-color: #ffffff;
  text-align: center;
  color:efefef;
}
.subscribe-email:focus {
 outline: 0;
}
/* Placeholder color */
form.subscribe .placeholder { /* Internet Explorer 9 */
 color: #cacaca;
}
form.subscribe input:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #cacaca;
}
form.subscribe input::-webkit-input-placeholder { /* WebKit browsers */
    color: #cacaca;
}
form.subscribe input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fafafa;
}
form.subscribe input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fafafa;
}
.subscribe-button {
 height: 45px;
 font-weight: 700;
font-size:16px;
 color: #fff;
 text-transform: uppercase;
 border: none;
 background-color:#ea5217;
 -webkit-transition: background-color 0.2s ease-in-out;
 -moz-transition: background-color 0.2s ease-in-out;
 -ms-transition: background-color 0.2s ease-in-out;
 -o-transition: background-color 0.2s ease-in-out;
 transition: background-color 0.2s ease-in-out;
}
.subscribe-button:hover {
 background-color: #f4b458;
}
.subscribe-button:focus {
 outline: 0;
}
.creadit a {background:#F35D5C;color:white;margin-top:30px;padding:20px;font-size:15px;} 

Jika Sudah Menambah CSSnya Agar Nantinya Menjadi Cantik, Langkah Selanjutnya Menambahkan Kode Ini Silahkan Ikuti Dengan Benar "

• Langsung Ke Menu Layout / Tata Letak
• Pilih Add a Gadget / Tambahkan Gadget
• Pilih HTML/JAVASCRIPT

Silahkan Paste Kode Dibawah Ini :

<center>
<div id="subscribebox">
<img border="0" alt="Cara Membuat Kotak Subscriber Keren Di Blogger Cara Membuat Kotak Subscriber Keren Di Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWkZyanbh5Tj-Uhu95ca-23_TYALQeF5KkkWiaFBpqEN_QUM-WpFWpBwm22M-S5CzOMl9M1uJjZegkUIzYeInJ8FokayuvR7QZ02IdgXBsqTJLsPITRVS17pSlg9zXUKa8lRNSGHBwNUg/s1600/unnamed.png" width="100" height="100" />
<p>Berlangganan Gratis! JagoanKode.blogspot.com</p>
<form class="subscribe" action='https://feedburner.google.com/fb/a/mailverify?uri=JagoanKode' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=JagoanKode, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JagoanKode'/>
<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>
<p style="font-size:90%;">Note : Setelah Berlangganan, Jangan Lupa Untuk Verifikasi Di Email Kamu!</p>
</div>
</center>

NOTE " : Jika Sudah Ganti Tulisan Merah Di Atas Dengan ID / Alamat Feedburner kalian masing masing

Bisa Kalian Ubah Sendiri Script Diatas Sesuai Dengan Keinginan Masing Masing...

Langsung Simpan Dan Lihat Hasilnya ..

Sekian Dari Saya Semoga Membantu Kalian Dalam Pembuatan Kotak Subscriber Di Blogger, Semakin Kamu Memasang Widget Ini, Akan Berdampak Baik Tentunya Untuk Blog Kamu Kedepannya, Sekian Dari Saya Admin JagoanKode Semoga Membantu Dan Terimakasih Telah Berkunjung :)

Share this post