Jika anda berminat Silahkan simak tutorialnya Cara Buat widget Kotak Berlangganan (Subscribe Box) Dibawah Postingan Valid AMP. Di bawah ini.
Baca juga : Cara Manual Buat Related Post Dan Adsense Ditengah Artikel valid AMP
- Pertama Masuk Ke Blogger > Tema/Template > Edit Tema.
- Kemudian cari Kode
ctrl+f untuk mempermudah pencarian.
- Silahkan Copy kode HTML di bawah ini Dan Taruh di bawah kode
BERLANGGANAN GRATIS
- Penampakanya akan seperti dibawah ini.
BERLANGGANAN GRATIS
- Silahkan ganti
dulbjn
dengan kode unik akun feedburner anda.
- Kemudian Untuk mempercantik tampilanya silahkan copy kode css di bawah ini dan Taruh di bawah
Untuk Tampilan Postingan Desktop Dan Tampilan postingan Mobile.
/*Subscribe*/
amp-social-share[type="twitter"], amp-social-share[type="gplus"], amp-social-share[type="facebook"], amp-social-share[type="linkedin"], amp-social-share[type="pinterest"], amp-social-share[type="tumblr"], amp-social-share[type="whatsapp"], amp-social-share[type="sms"], amp-social-share[type="email"]
{ border-radius:100px;
background-size:25px 25px;
transition:all .4s ease-out;
}
amp-social-share[type="twitter"]{background-color:#55ACEE}
amp-social-share[type="gplus"]{background-color:#DC4E41}
amp-social-share[type="facebook"]{background-color:#3B5998}
amp-social-share[type="linkedin"]{background-color:#0077B5}
amp-social-share[type="pinterest"]{background-color:#BD081C}
amp-social-share[type="tumblr"]{background-color:#32506d}
amp-social-share[type="whatsapp"]{background-color:#25d366}
amp-social-share[type="sms"]{background-color:#ca2b63}
amp-social-share[type="email"]{background-color:#7B0099}
#amp-subs .emailfield .submitbutton{background:#00c2ff;color:#fff;text-transform:uppercase;border:0;outline:0;cursor:pointer;border-radius:2px;font-weight:700;padding:10px;font-family:Roboto,sans-serif}
#amp-subs{width:100%;background:#fff;padding:25px 15px 50px 15px;height:auto;box-sizing:border-box;border-radius:2px;box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);color:#757575;cursor:default;text-align:center}
#amp-subs .title{padding:10px 25px;line-height:30px;font-size:26px;color:#fff;border-bottom:1px solid #bbb;text-transform:uppercase;border-radius:2px 2px 0 0}
#amp-subs .emailfield input{width:80%;padding:10px;color:#000;font-size:13px;border-radius:1px;border:1px solid #ddd;background:#f5f5f5}
#amp-subs .emailfield .submitbutton{width:50%;margin-top:7px;text-align:center}
#amp-subs p{font-size:17px;color:#666;line-height:20px;font-weight:700;text-align:center;position:relative;float:none}
#amp-subs .emailfield input:focus{outline:0}
#amp-subs .emailfield .submitbutton:active{padding-top:11px;padding-bottom:11px;box-shadow:0 1px 0 0 #00ffe2;text-align:center}
#amp-subs .emailfield .submitbutton:hover{color:#eee;text-align:center}
#amp-subs .title {text-align:center}
- Terakhir klik Simpan Template dan lihat hasilnya.