Skip to main content

Pasang Widget 'Berlangganan Via Email' di Bawah Postingan

Widget ini pasti akan meningkatkan jumlah subscribers blog anda. jika Anda menulis postingan dengan baik dan anda mengharapkan lebih banyak jumlah pelanggan maka widget ini pasti akan sangat membantu anda. Karena widget ini berisi formulir seperti berlangganan email, tombol facebook, tombol follow twitter dan beberapa ikon sosial yang indah di sebelah kanan widget. widget ini dapat di pasang dengan mudah haya  dalam satu langkah bro :D, Anda hanya perlu copy dan paste kode di bawah ini ke template blog anda. Nah Sekarang mari kita lihat bagaimana untuk menambahkannya ke blog blogger?

Widget Berlangganan Via Email


Bagaimana cara menambahkan Widget Subscriber di Bawah Postingan ?

  • Pertama anda pergi ke Blogger Dashboard dan klik tab Template

Saya sarankan backup dulu templatenya

  • Klik pada Edit HTML
Karena editor HTML yang baru maka kita tidak perlu centang Expand Widget Template


  • Cari kode dibawah ini pada template Anda

<data:post.body/>

Kemudian tambahkan kode dibawah ini tepat setelah kode tersebut. (di bawah kode <data:post.body/>)

 <b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
form.feedburner {
    margin: 20px 0 0;
    display: block;
    clear: both;
}

.helperbloggerstyle {
    background: url(http://2.bp.blogspot.com/-YHHzZ6_RLMU/T-1kl7RxNEI/AAAAAAAACD8/-0FyeWj00vo/s1600/helperblogger.com-email-icon.png) no-repeat scroll 4px center transparent;
    padding: 7px 15px 7px 35px;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #D3D3D3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px #CCC inset;
    -webkit-box-shadow: 1px 1px 2px #CCC inset;
    box-shadow: 1px 1px 2px #CCC inset;
}

.helperbloggersubmit {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 15px;
    border: 1px solid #D3D3D3;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -goog-ms-border-radius: 4px;
    border-radius: 4px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;
    #FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

#helperblogger-widget {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -goog-ms-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #D3D3D3;
    padding: 8px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 480px;
    -webkit-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: inset    0px 0px 8px rgba(50, 50, 50, 0.75);
    box-shadow: inset         0px 0px 8px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: inset 0px 5px 0px 0px #D8D8D;
}

#helperblogger-widget:hover {
    background: none repeat scroll 0 0 #FFF;
    -moz-box-shadow: 1px 1px 2px #CCC inset;
    -webkit-box-shadow: 1px 1px 2px #CCC inset;
    box-shadow: 1px 1px 2px #CCC inset;
}

#helperblogger-widget td {
    padding: 3px 0;
}
</style>

<center><br/><div id='helperblogger-widget'>
 <div id='emailwidget'>
  <table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
  <tbody>
  <tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
   <td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
    <p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px;font-family:georgia;font-style:italic; '>
     Get free daily email updates!
    </p>
    <form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=TheNawawiPost&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
     <input name='uri' type='hidden' value='TheNawawiPost'/>
     <input name='loc' type='hidden' value='en_US'/>
     <input class='helperbloggerstyle' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}' onfocus='if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email…'/>
     <input alt='' class='helperbloggersubmit' title='' type='submit' value='Submit'/>
    </form>
   </td>
   <td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
    <p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px;font-family: georgia; '>
     Follow us!
    </p>
    <a href='http://feeds.feedburner.com/TheNawawiPost' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='http://1.bp.blogspot.com/-MCuPoLmu9vs/T-1koEDzO6I/AAAAAAAACEU/01CNMKp86_k/s1600/helperblogger.com-rss.png'/></a>
    <a href='http://twitter.com/HamdanNawawi' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='http://2.bp.blogspot.com/-7LTPdi6MD_w/T-1ko16lqtI/AAAAAAAACEg/6ayFWM4zSlM/s1600/helperblogger.com-twitter.png'/></a>
    <a href='http://www.facebook.com/TheNawawiPost' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='http://4.bp.blogspot.com/-M8jY5Qg_58M/T-1kmmQ2Q-I/AAAAAAAACEA/m7eJvpsH09c/s1600/helperblogger.com-fb.png'/></a>
    <a href='https://plus.google.com/116833583873147539259' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='http://2.bp.blogspot.com/-CnhgXrrD_8A/T-1knYqgPSI/AAAAAAAACEI/8SL6MLH5sZw/s1600/helperblogger.com-gplus.png'/></a>
   </td>
  </tr>
  </tbody>
  </table>
  <div align='right'>
   <span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://nawawipost.blogspot.com/' style='text-decoration: none;' target='_blank'><font color='#000' decoration='none'>[Get this widget]</font></a></span>
  </div>
  <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FTheNawawiPost&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:30px;" allowtransparency="true">
  </iframe>
  <a class='twitter-follow-button' href='http://twitter.com/HamdanNawawi' rel='nofollow'></a>
  <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
 </div>
</div>
</center>
</b:if>

  • Ganti semua (tiga) TheNawawiPost dengan Username Feedburner Anda
  • Ganti semua (dua) TheNawawiPost dengan Username Facebook Anda
  • Ganti semua (dua) HamdanNawawi dengan Nama Twitter Anda
  • Ganti 116833583873147539259 dengan Google + ID Anda

Terakhir simpan template Anda dan setiap anda mengunjungi posting Anda, Anda akan melihat widget ini setelah posting berakhir. yaps semoga bermanfaat mas bro :D

KLIK DISINI UNTUK DOWNLOAD



Comments

Popular posts from this blog

Versi Teks Dragon Ball Z Episode 200 Bagian 3

Sebelumnya : Dragon Ball Z Episode 200 Bagian 2

"Hei Videl, apa menurutmu dia lebih kuat dari ayahmu?" Teman gadis di sebelah kirinya bertanya. "Jangan bodoh, ayah Videl adalah Mr.Satan, penyelamat Bumi!" ucap siswa yang duduk di depan Videl. "Tak seorangpun di dunia ini yang lebih kuat darinya."

Setelahnya, pak guru masuk kelas. Videl kembali duduk di kursinya, dan pelajaran akan segera dimulai. Namun sebelum itu, pak guru hendak memperkenalkan seorang siswa baru. ya, dia tak lain adalah Son Gohan.

"Selamat pagi semuanya, hari ini kita kedatangan mahasiswa baru. Silakan masuk."

"Perkenalkan, namaku Son Gohan. Senang bertemu dengan kalian."


"Wah, tampan sekali, dia adalah tipeku." ucap teman Videl.
"Gohan? nama yang aneh." ucap siswa di depan Videl.
Sejenak Videl terdiam, dan kemudian teringat kalau, "Sepertinya aku pernah bertemu dengannya."

"Fufufu, dia terlihat seperti seorang kutu buku." ucap Sharpen…

Download Movie Twilight Saga : Breaking Dawn Part 2

Download Movie Twilight Saga : Breaking Dawn Part 2 Sinopsis:
Cerita ini dimulai ketika Bella (Kristen Stewart) melahirkan seorang putri bernama Renesmee, setelah ibu nya Renee, dan ibu adopsi Edward (Robert Pattinson), Esme. Jacob (Taylor Lautner) melindungi anak dan orang tua baru tersebut dari wujud serigalanya Saat Volturi mengetahui tetang Renesmee, mereka berasumsi bahwa keluarga Cullen telah merusak hukum vampir dan menciptakan hukum baru dengan mengubah seorang anak manusia menjadi anak vampir.


Alice memiliki penglihatan bahwa Volturi akan datang membunuh mereka semua, dan tidak ada alasan yang kuat untuk mereka bertahan. Keluarga Cullen memanggil teman-teman vampir dari seluruh dunia untuk mengetahui keberadaan Renesmee sehingga mereka dapat membuktikan bahwa ia adalah manusia/keturunan vampir. Saat Alice dan Jasper menghilang, keluarga Cullend mengkhawatirkan yang terburuk dan mempersiapkan diri mereka untuk sebuah perang besar. 
Yah, mungkin sekian dulu ulasan tentang cerita in…

The Dark Knight Rises Apk Game Android

download Game The Dark Knight Rises Free Android

Anda pasti sudah mengenal super hero yang satu ini, ya Batman si manusia kelelawar. Cerita Komik yang sudah diadaptasi kedalam berbagai hal, mulai dari film kartun hingga layar lebar ini kini tersedia dalam bentuk game untuk android.

dalam game The Dark Knight Rises anda akan memerankan diri sebagai BATMAN untuk menyelamatkan kota tercintanya: