Tuesday, May 21, 2019

Cara Membuat Widgets Subscribe to Our Newsletter

Tuesday, May 21, 2019

Cara Membuat Widgets Subscribe to Our Newsletter

Sahabat blogger sudah tau Apakah tujuan ? dari widgets yang satu ini bisa dipasang di situsblog penasrankan. !!! ok, SUBSCRIBE to OUR NEWSLETTER Merupakan salah satu widget yang sangat penting buat situsblog karena bisa digunakan untuk berlangganan artikel postingan sebuah blog melalui kiriman email otomatis dari situsblog yang kita kelola ke pengunjung blog yang sudah mengikuti lewat email berlangganan di widgets ini, atau semua postingan artikel apdate terbaru akan secara otomatis dikirim ke email pengunjung blog anda. memang ini cara lama tapi masih bisa di gunakan istilahnya untuk pengumuman ke pengunjung blog setia anda untuk mengetahui postingan artikel terbaru,sahabat sudah mengerti.kan ada keuntungan nya juga untuk blog lho antara nya
bisa digunakan untuk mendapatkan backlink ke situblog anda, selain dari yang sudah di share ke jejaring sosial lainnya, selain dari pada itu juga bisa untuk mempercantik atau menambahkan widgets nya di template yang kita gunakan,dan cara membuat nya perhatikan dibawah ini:

Cara untuk membuatnya adalah seperti berikut:

1. Masuk Ke daraf Blogger
2. Pilih > Tema > Edit HTML
3. Copykan Code di bawah ini di atas code : ]]></b:skin> atau kode </style> bisa anda search terlebih dahulu dengan menekan Ctrl + F

/* Subscribe Box */ #subscribe-css{position:relative;padding:20px 0;background:#374760;overflow:hidden;border-top:4px solid #eee;} .subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%} .subscribe-form{clear:both;display:block;overflow:hidden} form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden} .subscribe-css-email-field{background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0} .subscribe-css-email-button{background:#2BA6E1;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s} .subscribe-css-email-button:hover{background:#98DEFE;} #subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;} #subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s} #subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase} #subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none} #subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s} #subscribe-css:hover p.subscribe-note span:before{width:100%;}

4. kemudian cari code : <div id='footer'> Copy code CSS di bawah ini di bawahnya :
<div id='subscribe-css'>
<p class='subscribe-note'><span>SUBSCRIBE</span>
<span class='itatu'>TO</span> OUR NEWSLETTER</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=IyaseoidId' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=IyaseoidId', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='IyaseoidId'/>
<input name='loc' type='hidden' value='en_US'/>
<input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your Email'/>
<input class='subscribe-css-email-button' title='' type='submit' value='submit'/>
</form>
</div>
</div>
</div>

5. Dan terakhir Simpan Tema, dan lihat hasilnya.jika ngga berfungsi kode CSS nya bisa coment di bawah postingan ini terimakasih...


Perhatian: Tulisan Iyaseoid yang ada tanda berwarna Merah diganti dengan nama id feedbunner nya sahabat dan juga bisa merubah posisi atau tempat SUBSCRIBE to OUR NEWSLETTER bisa di bawah footer, di sidebar atau di bawah postingan bisa anda tentukan dengan paste code CSS ke-dua di atas di letak code CSS yang anda inginkan.


Baiklah, itulah pembahasan artikel nya kali ini, semoga artikel ini dapat memberikan manfaat dan informasi kepada anda. Pembahasan diatas merupakan Cara Membuat Widgets SUBSCRIBE to OUR NEWSLETTER Selamat mencoba, semoga anda sukses.


Bisa Anda Memberikan Komentarnya Dibawah Postingan Ini Dengan Menekan atau Klik Tombol Show Comments yang Berwarna Biru Di Bawah Postingan Ini...



Salam Blogger: https://www.iyaseo.id/

Show comments
Hide comments