11/08/2016

Cara Membuat Widget Box Berlangganan Keren di Blog

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ



Baca Juga

Cara Membuat Widget Box Berlangganan Keren di Blog ~ Halo sobat AS terutama kapan nih para Blogger, kembali lagi ya dengan saya jelas nya seperti biasa yaitu Aldi Andreansyah hehe di postingan kali ini saya membagikan artikel mengenai Blogger yang berjudul Cara Membuat Box Berlangganan Keren di Blog .

Sebelum nya Box Berlangganan Keren ini adalah kepunyaan salah satu yang bisa saya sebut sebagai mastah ataupun yang lain nya hehe yaitu Mas Sugeng , siapa sih yang tidak kenal Mas Sugeng , menurut saya prestasi Mas Sugeng adalah di bidang dunia Blogger ini mengapa saya katakan ia di memiliki prestasi di bidang Blogger karena berkat jasa jasa nya banyak sekali yang sudah memakai jasa jasa nya baik dari tutorial dalam Blog nya , karya karya template nya yang sudah populer , maupun jasa jasa lainnya seperti jasa Google Adsense dan lain lain.

Oke kembali lagi mengenai Cara Membuat Box Berlangganan Keren di Blog , Box Berlangganan ini menurut saya sangat cocok bila di pasang di mana saja terutama di posisi samping blog ( sidebar ) dan sesudah di bawah kolom postingan , mengapa saya katakan cocok karena saya pun sudah berpengalaman tentang memasang Box Berlangganan Keren ini tersebut dengan ada nya saya coba coba mengotak atik widget ini tersebut hehe. Yang membuat widget ini menurut saya cocok di pakai segala tata letak maupun di dalam keadaan mode Template adalah karena widget Box Berlangganan Keren ini memiliki mode tempat yang responsive maksud responsive disini adalah bila di pakai di berbagai tempat (tata letak) widget Box Berlangganan Keren ini memiliki kondisi yang tetap atau sama saja bila kita pasang di versi mobile ( pc , laptop , tablet ) maka letak nya pun mengikutinya dan sedemikian pula jika widget Box Berlangganan Keren ini di pasang di versi seluler ( handphone ) maka letak nya pun memiliki mode yang tidak berubah rubah ( tetap ).

Kelebihan lain nya jika kita memasang Widget Box Berlangganan Keren ini yaitu :

- Kita dapat mengatur sendiri warna warna dalam Box Berlangganan Keren tersebut baik dari warna latar belakang ( background ) , warna font , warna mode klik tombol , dan mode slide tombol nya .

- Terdapat URL khusus FeedBurner yang bisa kalian atur sendiri dengan URL FeedBurner kalian jika ada , jika tidak ada kalian bisa ubah URL FeedBurner itu dengan URL alamat Email kalian sendiri dengan tujuan agar masuk nya orang yang ingin berlangganan pada email atau blog kalian

- Memudahkan para pengunjung untuk menambah kan web atau blog anda untuk berlangganan atau subscribe atau berteman

- Para Pengunjung pun dapat selalu tahu apa saja yang kita lakukan di Blog kita terutama postingan postingan terbaru dari Blog kita sendiri Mungkin cukup sekian saya membahas kelebihan nya mengenai Widget Box Berlangganan Keren ini,
jika menurut saya widget ini jika memperhatikan kekurangan nya menurut saya tidak ada lo mungkin kekurangan nya hanya berkurang nya loading blog itu pun berkurang nya tidak memakan banyak kb ata kilobyte melainkan tidak berpengaruh laah hehe.

Oke langsung saja kita ke TKP saja yuk mengenai Cara Membuat Widget Box Berlangganan Keren di Blog, mari simak baik baik langkah langkah nya si bawah cekidot hehe :

Langkah Pertama ( Mode Tata Letak ) :

Seperti biasa nya terutama pastikan kalian sudah Login terlebih dahulu pada akun Blogger kalian jika sudah Login kita otomatis pada bagian Dashboard Blogger lalu kalian ke Mode Tata Letak -> Tambah Gadget -> HTML/Javascript -> lalu Copy & Paste saja langsung Script HTML nya di bawah ini tepat di mode content HTML nya ya hehe jika sudah terakhir klik tombol Save/Simpan.
 <div class='widget enews-widget' id='enews-ext-2'><div class='widget-wrap'><div class='enews'><h4 class='widget-title widgettitle'>BERLANGGANAN VIA EMAIL</h4><form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=aldiandreansyahblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><p>Dapatkan Artikel Terbaru Dari Blog ini Melalui Email Anda.</p><input name='email' placeholder='Alamat Email' type='text'/><input name='uri' type='hidden' value='MasCahyoBlog'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Lanjutkan'/></form></div></div></div><style type='text/css'>.enews-widget {background-color:#374760;color:#FFF;padding:20px !important;margin-top:10px}.enews-widget h4 {font:17px/18px &#39;Oswald&#39;,Arial;margin:0 0 20px 0}.enews .screenread {height:1px;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:1px}.enews-widget input {font-size:15px;margin-bottom:15px;box-sizing:border-box;background-color:#FFF;border:2px solid #FFF;color:#333;padding:9px 11px;width:100%}.enews-widget input[type=&quot;submit&quot;] {font:16px/20px &quot;Oswald&quot;,Arial;background-color:#3cc091;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}.enews-widget input[type=&quot;submit&quot;]:hover {background-color:#2a3950}</style></div></div></div> 


Langkah Kedua ( Mode Template ) :

Pastikan kalian sudah di menu Template melainkan bukan mode Tata Letak jika sudah di mode Template kalian bisa langsung cari pada bagian mana yang ingin kalian pasang Widget Box Berlangganan Keren tersebut dengan cara CTRL+F, sebagai contoh jika kalian ingin menambahkan nya pada bagian di bawah kolom tepat postingan blog maka kalian cari dengan CTRl+F tadi lalu search script ini <data:post.body> atau <div='postfooter'/> atau sejenis dengan Script tersebut jika sudah ditemukan maka langsung saja isi script HTML di bawah ini tepat pda bagian di bawah script yang sudah di cari tadi yaitu <data:post.body>,lalu jika sudah di Copy and Paste lalu klik Simpan Template .
 <div class='widget enews-widget' id='enews-ext-2'><div class='widget-wrap'><div class='enews'><h4 class='widget-title widgettitle'>BERLANGGANAN VIA EMAIL</h4><form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=aldiandreansyahblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><p>Dapatkan Artikel Terbaru Dari Blog ini Melalui Email Anda.</p><input name='email' placeholder='Alamat Email' type='text'/><input name='uri' type='hidden' value='MasCahyoBlog'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Lanjutkan'/></form></div></div></div><style type='text/css'>.enews-widget {background-color:#374760;color:#FFF;padding:20px !important;margin-top:10px}.enews-widget h4 {font:17px/18px &#39;Oswald&#39;,Arial;margin:0 0 20px 0}.enews .screenread {height:1px;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:1px}.enews-widget input {font-size:15px;margin-bottom:15px;box-sizing:border-box;background-color:#FFF;border:2px solid #FFF;color:#333;padding:9px 11px;width:100%}.enews-widget input[type=&quot;submit&quot;] {font:16px/20px &quot;Oswald&quot;,Arial;background-color:#3cc091;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}.enews-widget input[type=&quot;submit&quot;]:hover {background-color:#2a3950}</style></div></div></div> 


Langkah Terkahir :
Silahkan kalian cek blog sobat apakah bekerja atau tidak bekerja ya saya harapkan bekerja oke hehe

Oke mungkin cukup sekian dari Artikel saya yang mengenai Blogger yang berjudul Cara Membuat Widget Box Berlangganan Keren di Blog ini,  semoga bermanfaat dan work 100%,Amin.

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin


================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon