Cara Membuat Widget Berlangganan Artikel Pada Sidebar Blog

Meningkatkan minat pengunjung blog saat ini memang banyak sekali caranya, dengan munculnya widget baru dan menarik membuat kita semaki...

Widget Subscribe Berlangganan Artikel

Meningkatkan minat pengunjung blog saat ini memang banyak sekali caranya, dengan munculnya widget baru dan menarik membuat kita semakin mudah untuk promosikan blog kita kemana saja yang kita inginkan.

Contohnya melalui widget share button kita lebih mudah untuk berbagi artikel hanya dengan sekali tekan button dan artikel dengan cepat tersebar di media sosial kita. Tidak hanya dengan widget share button saja, hadirnya widget yang satu ini juga merupakan jalan pintas agar para pengunjung blog dimudahkan dengan adanya informasi terbitan artikel terbaru dari sebuah blog yang kita tunggu tunggu kehadiranya.


Widget ini merupakan cara alternatif agar blog kita selalu dibanjiri pengunjung, namun pastinya dengan content yang menarik dan memberikan informasi yang baik untuk pengunjung, agar pengunjung blog kita bersedia untuk menjadi pelanggan dari artikel yang kita buat.

Kita sebut saja widget Subscribe Me !, dengan menambahkan widget subscribe me pada widget blog kita akan memudahkan pelanggan setia artikel kita mendapatkan informasi terbaru jika kita menerbitkan artikel paling anyar dari blog yang kita kelola.

Untuk demo tampilanya bisa dilihat pada gambar dibawah ini :

Demo Tampilan Subscribe Me !

Cara memasang widget seperti itu cukup mudah kalian tidak perlu susah susah edit html pada settingan template blog, hanya dengan menambah widget pada sidebar anda sudah bisa langsung terpasang pada blog anda. Untuk lebih detailnya mari kita simak langka berikut ini :

Step 1. Masuk ke pengaturan Tata Letak 

Step 2. Tambah Gadget/Widget pada sidebar widget

Step 3. Pilih HTML / Javascript

Step 4. Copy Code Script dibawah ini :

Code Script Widget


<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'/>
<div id='byard-emailsubsocial'>
              <div class='heading'>
               Ayo SUBSCRIBE !
              </div>
                 <p>Daftarkan Email kamu untuk dapatkan update-an artikel terbaru tentang design.</p>
             <div class='emailsub'>
              <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Ganti', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
               <input type='text' name='name' placeholder='Your Name' />
               <input type='text' name='email' placeholder='Your Email' />
               <input type="hidden" value="Ganti" name="uri"/>
               <input type="hidden" name="loc" value="en_US"/>
                        <input value="Subscribe Now!" class="button" type="submit" />
              </form>
              </div>
<p id='credits'>Powered By : <a href='http://www.artadhitive.com'>Artadhitive</a></p>

             </div>
 <style type='text/css'>
     #byard-emailsubsocial {
      width: 335px;
      height: 330px;
      border: 1px solid #ddd;
        border-radius: 5px 5px 0px 0px;
     }
     #byard-emailsubsocial .heading {
padding: 15px 25px;
line-height: 35px;
font-size: 26px;
font-weight: 600;
font-family: open sans;
color: rgb(170, 170, 170);
text-align: center;
text-shadow: 0px 1px rgba(255, 255, 255, 0.75);
background: none repeat scroll 0% 0% rgb(247, 247, 247);
     }
   #byard-emailsubsocial p {
    font-family: open sans;
    font-size: 13px;
    color: rgb(170, 170, 170);
    line-height: 25px;
    padding: 10px 20px 0 20px;
    margin: 0;
   }
   #byard-emailsubsocial .emailsub {
    padding: 0px 20px 10px 20px;
   }
   #byard-emailsubsocial .emailsub input {
    color: rgb(170, 170, 170);
    padding: 10px;
    margin-top: 10px;
    font-size: 15px;
    font-family: open sans;
    width: 92%;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-radius: 5px;
    transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
   }
   #byard-emailsubsocial .emailsub input:focus {
    border-color:#F4836A;
    outline: none;
    box-shadow: 0 0 2px 1px #F4836A;
   }
   #byard-emailsubsocial .emailsub .button {
    background: #45b7c1;
    color: white!important;
    border:none;
    outline: none;
    border-bottom: 3px solid #2e7e85;
    transition:background .4s linear;
    width: 90%;
margin-top: 5%;   
margin-right: 5%;
    margin-left: 5%;
    font-weight: 600;
    cursor:pointer;
   }
   #byard-emailsubsocial .emailsub .button:hover{
    background: #4ddce7;
   }
#credits {
margin: 0 auto!important;
margin-top: -10px!important;
width: 160px;
}

     </style></div></div>

Step 4. Paste kan pada widget HTML / Javascript dan ganti tulisan Ganti dengan Feedburner Username Kamu  

Step 5. Selanjutnya Save dan lihat hasilnya.

Sekian berbagi widget artikel berlangganan, jika ada yang ingin ditanyakan atau berbagi tutorial widget baru silahkan komentar pada kolom dibawah ini. Silahkan exspresikan kreasimu, Selamat mencoba, dan Semoga berhasil.

--- Always Pray and Stay Creative ---

COMMENTS

BLOGGER: 4
Loading...
Nama

6th Indonesian Pearl Festival 2016,1,Abutours.com,1,Adobe Premier Pro,1,Asusintel,1,Award,1,Babasal Mombasa,1,Backsound,2,Bangga di Banggai,1,Be Gravitasi,1,Bebas Bayar,1,Bika Bogor,1,Bika Bogor Talubi,1,Biznis,1,Blog Design,18,Blogger,24,Bumper,1,CC 2015,1,Citra Maja Raya,1,Colidan,1,Competition,30,Competition DEV+,1,Corel Draw X7,1,Coreldraw,1,CV Design,1,Cyko Handbreak,1,dealoka,1,Designer,5,Dotcomforme.com,1,Education,6,Ekspresikan Dirimu,1,Elevenia,1,Excite Shop,1,FestHAM2016,1,Fintech,1,Footer,1,FSB,1,Goverment PR,1,HAnavi,1,Header,6,HIS Travel Indonesia,1,hostinger,1,Indramayu Kota Budaya,1,Influenzer,31,Inspirasi Astra,1,JIBB,1,Kuliner Bogor,1,Lawan Neuropati,1,Luna Smartphone,1,Main Post,3,Marketz,3,Milkshake,1,Motion Graphic,2,Neurobion,1,Neuropati,1,Obat maag paling ampuh,1,Oleh-oleh Bogor,1,Oleh-oleh Khas Bogor,1,Pesona Jawa Tengah,1,Pop Ice,1,Ralali.com,2,Review,27,rukamen,1,Serumah.com,1,sewa apartemen,1,Shop n Drive,2,Sidebar,8,Skyscanner,1,Software,3,Sound Effect,2,Sponsor,12,Storylio,1,Tips Blogging,3,Tips Design,3,Travel,8,Traveloka,2,Tutorial Blog,1,Tutorial Motion,1,Vector,1,Video Editor,5,Video Effect,1,Visit Tidore Island,1,Youtuber,6,
ltr
item
Artadhitive | Daily Content Creator: Cara Membuat Widget Berlangganan Artikel Pada Sidebar Blog
Cara Membuat Widget Berlangganan Artikel Pada Sidebar Blog
https://4.bp.blogspot.com/-KQwegRFoWrc/V2Fzm1ThnHI/AAAAAAAAEok/u4K9Ca9rSA0lnnrnZdjQcHMvJu8eaS2swCLcB/s1600/Subartikel.png
https://4.bp.blogspot.com/-KQwegRFoWrc/V2Fzm1ThnHI/AAAAAAAAEok/u4K9Ca9rSA0lnnrnZdjQcHMvJu8eaS2swCLcB/s72-c/Subartikel.png
Artadhitive | Daily Content Creator
http://www.artadhitive.com/2016/06/Design-Blog-Cara-Membuat-Widget-Berlangganan-Artikel-Pada-Sidebar-Blog.html
http://www.artadhitive.com/
http://www.artadhitive.com/
http://www.artadhitive.com/2016/06/Design-Blog-Cara-Membuat-Widget-Berlangganan-Artikel-Pada-Sidebar-Blog.html
true
9208609652601285124
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy