Langsung ke konten utama

Membuat Widget Subscription Box untuk Blogger

Membuat Widget Subscription Box untuk Blogger

Allow, selamat sore, pada kali ini akan membawakan tentang bloggingpro Membuat Widget Subscription Box untuk Blogger simak selengkapnya 

Membuat Widget Subscription Box untuk Blogger - Tentunya para blogger sudah tidak asing dengan widget yang satu ini. Yap, benar Subscription Box, subscription box dibuat guna memudahkan tamu untuk berlangganan pada blog saya melalui feedburner. Setelah tamu setia awak berlangganan, tamu bakal mendapatkan notifikasi dari email ketika blog awak memiliki artikel baru. Pastinya sangat bermanfaat bukan?

Kali ini saya melaksanakan widget Subscription Box hanya dengan menggunakan HTML dan dipadukan dengan CSS yang melaksanakan tampilan menjadi menarik dan ringan pastinya. Lantas, bagaimana cara membuatnya? ikuti langkah demi langkah bersama-sama ini.

Cara Membuat Widget Subscription Box

Sebelum beranjak ke tutorial melaksanakan widget ini, pastikan kalian sudah terdaftar di FeedBurner. Jika belum, silahkan daftar terlebih dahulu.

1. Login ke akun blogger kalian

2. Pergi ke menu 

 Template 

 ➤ 

 Edit HTML 

3. Letakkan kode css dibawah ini benar DIATAS </style> atau ]]></b:skin>

#subscribe-box margin:0;padding:0;width: 100%;height: auto;border-radius: 2px;background: linear-gradient(45deg, #7dffcb, #00ff77, #00ffc3, #00fff7, #00d5ff, #035787);
    background-size: 500% 500%;
    -webkit-animation: ROGradient 9s ease infinite;
    -moz-animation: ROGradient 9s ease infinite;
    animation: ROGradient 9s ease infinite;

@-webkit-keyframes ROGradient 
    0%background-position:0% 50%
    50%background-position:100% 50%
    100%background-position:0% 50%

@-moz-keyframes ROGradient 
    0%background-position:0% 50%
    50%background-position:100% 50%
    100%background-position:0% 50%

@keyframes ROGradient 
    0%background-position:0% 50%
    50%background-position:100% 50%
    100%background-position:0% 50%

#subscribe-box .title padding: 10px 25px;line-height: 30px;font: 26px Oswald;color: black;text-align: center;text-transform:uppercase;border-radius:2px 2px 0 0;
#subscribe-box p font-family: 'Droid Serif';font-size: 14px;color:black;line-height:20px;padding: 10px 20px 0 20px;margin: 0; text-align: center;
#subscribe-box .emailfield padding: 0px 20px 10px;
#subscribe-box .emailfield input box-sizing: border-box;line-height:15px;color: #777;padding: 10px;margin-top: 10px;font-size: 15px;font-family: 'Droid Serif';border:0;border-radius: 2px;width:100%;
#subscribe-box .emailfield input:focus outline: none;
#subscribe-box .emailfield .submitbutton width:100%;background: #00784e;color: white;border:none;outline: none; cursor:pointer; -webkit-transition: background 1.7s ease;
#subscribe-box .emailfield .submitbutton:hoverbackground: #133b2d;

4. Lalu klik Simpan

5. Masih di dasboard blogger, angkat kaki ke menu

 Tata Letak 

➤

 Tambah Gadget 

➤

 HTML/JavaScript 

6. Masukkan kode dibawah ini 

<div id='subscribe-box'>
<div class='title'>
Renovasi Otak
</div>
<p>
Ingin mendapatkan informasi gratis terbelakang setiap hari dari kami? Daftarkan nama dan email awak sekarang juga.
</p>
<div class='emailfield'>
              <form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=nandorifky', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
               <input type='text' name='name' onblur='if (this.value == "") this.value = "Your Name";' onfocus='if (this.value == "Your Name") this.value = "";' value='Your Name' />
               <input type='text' name='email' onblur='if (this.value == "") this.value = "Your Email";' onfocus='if (this.value == "Your Email") this.value = "";' value='Your Email' />
<input name='uri' type='hidden' value='nandorifky'/>
<input name='loc' type='hidden' value='en_US'/>
                <input class='submitbutton' type='submit' value='Submit'/>
              </form>
</div>
</div>

Ubah https://feedburner.google.com/fb/a/mailverify?uri=nandorifky dengan url Feedburner anda.



Incoming Search Terms
  • cara melaksanakan kotak subscribe blog keren elegan
  • cara memakai kotak berlangganan di blog
  • cara menambahkan newslatter di blog
  • subscribe box untuk blog
  • kotak berlangganan blogspot

DONASI VIA PAYPAL Bantu berikan bantuan jika artikel bermanfaat. Donasi bakal digunakan sebaik mungkin untuk kepentingan renovasi-otak.blogspot.com. Terimakasih.

begitulah penjelasan tentang Membuat Widget Subscription Box untuk Blogger semoga artikel ini berfaedah salam

tulisan ini diposting pada tag bloggingpro, download lagu renovasi otak, lagu renovasi otak, , tanggal 27-09-2019, di kutip dari https://renovasi-otak.blogspot.com/2019/07/widget-subscription-box-blogger.html

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Mengunci Halaman Blog yang Bersifat Privasi

Hi, bertemu kembali, artikel ini akan dibahas tentang blogger sukses Cara Mengunci Halaman Blog yang Bersifat Privasi simak selengkapnya  Jika sebelumnya admin sudah membagikan  cara menghapus bulan dan warsa pada url blogger , kali ini admin akan cekit cara  cara mengunci jerambah blog dengan javascript . Cara ini dipetuakan untuk blogger yang memiliki jerambah yang bersifat privasi. Dengan hanya memanfaatkan JavaScript, awak sudah bisa mengunci jerambah blog tersebut dan tidak krusial khawatir lagi jika sedia orang lain yang mendatangi jerambah privasi kita. Contoh, jerambah yang berisi foto(Galery), ataupun jerambah yang berisi kode-kode bena yang sedia di blog kita, dan lain sebagainya. Ketika awak sudah memasang script, orang yang mendatangi jerambah tersebut akan diminta memasukkan password yang sudah terdaftar pada script tersebut. Cara Mengunci Halaman Blog dengan JavaScript <script language="JavaScript"> var password; var pass1=" privasi123 "...
Posting Komentar
Baca selengkapnya

Cara Mudah Memasang Komentar Disqus di Blogspot

Hi, bertemu kembali, pada kali ini akan membawakan mengenai blogger itu apa Cara Mudah Memasang Komentar Disqus di Blogspot simak selengkapnya  Cara Memasang Komentar Disqus di Blogger  -  Disqus adalah kebijakan kominitas jaringan dengan melambangkan salah satu komposisi anotasi tertua dengan paling banyak digunakan oleh banyak blogger. Setelah memasang komposisi anotasi Disqus di blog anda, awak dapat dengan mudah memperdagangkan anotasi lama awak hanya beberapa klik. Disqus memungkinkan blog awak ke jaringan komunitas di seluruh web yang bersedekah Anda angin buat menghubungkan lebih dari jutaan pengguna global ke blog Anda. Memasang komposisi anotasi Disqus di blog awak tidak hanya bersedekah awak komposisi anotasi yang indah, tetapi Anda jua bisa mendapatkan uang dengan iklan asli. Selain itu, pengguna dapat membalas anotasi dengan melantas membalas email notifikasi yang dikirim oleh Disqus. BACA JUGA:   Membuat Widget Subscription Box Keren di Blog Tersebut melambangka...
Posting Komentar
Baca selengkapnya

Membuat Widget Donasi Via PayPal

Allow, selamat siang, pada kali ini akan membawakan mengenai blogging the fifth nail Membuat Widget Donasi Via PayPal simak selengkapnya  Membuat Widget Donasi Via PayPal - Selain dengan Adsense, dikau jua bisa memperoleh pendapatan dari blog dengan memasang widget donasi. Dengan menggunakan widget donasi, para donatur ataupun pelanggan disiplin blog dikau akan dengan mudah membantu memberikan bingkisan seikhlasnya buat keperluan blog anda. Nah, cara ini cocok buat dikau yang ingin menyediakan persegi bingkisan via paypal di blog anda. Sebelum kalian memasang widget ini, pastikan kalian sudah memiliki akun PayPal. Jika belum, kalian bisa pergi ke  https://www.paypal.me  untuk mendaftar, dan ikuti langkah-langkahnya. Setelah itu buat tautan menuju akun anda. Membuat Kotak Donasi Via PayPal Setelah berhasil mendaftar PayPal.Me, pergi ke dashboard akun Blogger dan buka Pengaturan Template. Simpan asas CSS berikut benar DI ATAS </style> atau ]]></b:skin> <styl...
Posting Komentar
Baca selengkapnya