Selamat datang di GayaNgeblog

close

Cara pasang subscribe by email dibawah artikel

Subscribe atau berlangganan dengan email, sangat penting dan disarankan, untuk meninggalkan jejak atau daftar hadir bisa melalui komentar, tapi dengan komentar kadang lupa nama domain yang pernah dikunjungi. nah solusinya harus berlangganan artikel.
GayaNgbelog memakai template AMP responsive kompidesignV2 premium karya kang Adhy Suryadi sebagai owner KompiAjaib, Anda mungkin dah pada kenal siapa Adhy Suryadi.

Dari hasil template tersebut ternyata tidak dicantumkan kolom berlangganan / subscribe / follow by email, sedangkan di kompiajaib ada kolom subscribe nya, hehe, tapi tidak masalah, justru dengan kekurangan dari template tersebut saya jadi belajar.
Jika kebetulan sahabat GayaNgeblog memakai template AMP kompidesignV2 mas Adhy Suryadi, dan ingin menambahkan kolom subscribe, begini caranya :

  • Pertama Pilih setelan layout dan tambahkan widget ikuti lewat email, seperti gambar dibawah ini

    Pilih simpan

    Simpan widget dibawah postingan

    Dan hasilnya seperti gambar dibawah
  • Selanjutnya ke menu thema dan edit html cari follow by email seperti gambar di bawah ini

    Yang di block diganti dengan kode dibawah ini
    
    <b:widget id='FollowByEmail1' locked='false' title='Get FREE Updates in Your Inbox' type='FollowByEmail' version='1' visible='true'>
    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
    <div class='widget-content'>
    <div class='follow-by-email-inner'>
    <form expr:action='&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath' method='get' target='_blank'>
    <table>
    <tr>
    <td>
    <input class='follow-by-email-address' name='email' placeholder='Your Email Address...' title='Your Email Address' type='text'/>
    </td>
    <td>
    <input class='follow-by-email-submit' type='submit' value='Submit'/>
    </td>
    </tr>
    </table>
    <input expr:value='data:feedPath' name='uri' type='hidden'/>
    <input name='loc' type='hidden' value='en_US'/>
    </form>
    <p>Submit Your Email Address to Get FREE Our Latest Products Directly in Your Inbox</p>
    </div>
    </div>
    </b:includable>
    </b:widget>
  • Tampilan masih tetap dan tidak berubah, untuk memperbagus tampilan copy kode CSS ini, caranya di template cari amp-custom dan simpan kode ini dibawahnya
    dikarenakan template kompidesignV2 ada 7 amp-custom, maka simpan kode css ini di bawah semuanya.
    
      div#FollowByEmail1{border:1px solid #dedede;background:#fff;border-radius:3px;padding:10px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #FollowByEmail1 h2{font-family:Roboto,sans-serif;font-size:18px;font-weight:300;text-transform:capitalize;color:#666;margin-bottom:15px;padding:0;line-height:1em} #FollowByEmail1 p{font-family:Roboto,sans-serif;font-size:14px;font-weight:300;text-transform:capitalize;color:#666;margin-top:15px;padding:0;line-height:1em} #FollowByEmail1 table{width:100%} #FollowByEmail1 table td:nth-child(1){width:80%} #FollowByEmail1 table td:nth-child(2){width:20%} .FollowByEmail .follow-by-email-inner .follow-by-email-address{background:#efefef;width:100%;height:44px;padding:0 10px;font-family:Roboto,sans-serif;font-size:14px;border:0;outline:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{height:44px;font-family:Roboto,sans-serif;text-transform:uppercase;border-radius:0;padding:0 10px;width:100%;font-size:14px;background:#dd5d24;border:0;outline:0;cursor:pointer;color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
     

    dan hasilnya
Itulah cara memasang widget subscribe follow by email valid AMP di template kompidesignV2 karya kang Adhy
Reaksi:

You Might Also Like:

Komentar anda sangat beguna untuk blog ini, silahkan tinggalkan komentar anda yang sesuai dengan artikel ini, gunakanlah isi komentar dengan yang baik dan bermanfaat, semua komentar yang tercantum akan ditinjau kembali
BUKA KOLOM KOMENTAR TUTUP KOMENTAR

This website uses cookies to ensure you get the best experience on our website. More Info