Cara Menciptakan Subscribe Box Di Bawah Blog Pada Template Viral Go
Cara Membuat Subscribe Box di Bawah Blog pada Template Viral Go - Saya akan membagikan tutorial cara menciptakan widget kotak berlangganan (subscribe box) pada footer atau dibawah blog pada template Viral Go. Tutorial ini bergotong-royong aku khususkan untuk pengguna template viral go saja, karena, bila cara ini diterapkan ke blog lain mungkin akan berbeda atau tidak cocok.
Subscribe box (kotak berlangganan) berfungsi sebagai layanan berlangganan melalui email, dalam artian setiap postingan atau artikel yang kita miliki akan terkirim eksklusif ke email subscribe tanpa harus mengeceknya eksklusif di website orang tersebut. Namun artikel tersebut akan terkirim di jam tertentu saja. Saya tambahkan, Blog yang anda telah subscribe tidaklah dipungut biaya alias gratis.
Jika anda membeli template viral go premium, bergotong-royong widget Subscribe Box ini sudah terdapat pada viral go plus, namun belum ada pada template viral go lainnya. Oleh alasannya ialah itu bila ada yang masih setia memakai viral go versi sebelumnya, tidak ada salahnya mencoba tutorial ini.
Jika anda ingin memasang subscribe bos dalam blog anda sebaiknya anda terlebih dahulu mengetahui id FeedBurner Google anda, yaitu dengan mengunjungi situs ini https://www.feedburner.com/ yang terletak pada bab feed address. Tanpa panjang lebar lagi, eksklusif saja simak tutorialnya.
2. Tambahan instruksi di bawah ini sempurna diatas </style> yang pertama
3. Selanjutnya tambahkan instruksi di bawah ini, sempurna berada di atas <footer class='footer' id='footer
4. Jika sudah pilih Simpan Tema. Untuk melihat demonya sanggup dilihat menyerupai blog aku ini.
Subscribe box (kotak berlangganan) berfungsi sebagai layanan berlangganan melalui email, dalam artian setiap postingan atau artikel yang kita miliki akan terkirim eksklusif ke email subscribe tanpa harus mengeceknya eksklusif di website orang tersebut. Namun artikel tersebut akan terkirim di jam tertentu saja. Saya tambahkan, Blog yang anda telah subscribe tidaklah dipungut biaya alias gratis.
Jika anda membeli template viral go premium, bergotong-royong widget Subscribe Box ini sudah terdapat pada viral go plus, namun belum ada pada template viral go lainnya. Oleh alasannya ialah itu bila ada yang masih setia memakai viral go versi sebelumnya, tidak ada salahnya mencoba tutorial ini.
Jika anda ingin memasang subscribe bos dalam blog anda sebaiknya anda terlebih dahulu mengetahui id FeedBurner Google anda, yaitu dengan mengunjungi situs ini https://www.feedburner.com/ yang terletak pada bab feed address. Tanpa panjang lebar lagi, eksklusif saja simak tutorialnya.
Cara Membuat Subscribe Box di Bawah Blog pada Template Viral Go
1. Masuk kedalam blog anda > pilih Tema > selanjutnya pilih Edit HTML2. Tambahan instruksi di bawah ini sempurna diatas </style> yang pertama
/* Footer Subscription */ #na-wrapper{background:#fff;width:100%;border-top:1px solid rgba(0,0,0,0.08)} .invertsubs-content{max-width:970px;margin:0 auto;overflow:hidden;padding:0;position:relative} #invertsubs-subs{text-align:center;text-transform:uppercase;width:100%;height:auto;border-radius:2px;padding:0} #invertsubs-subs .emailfield form.invertsubs-form{position:relative;margin:0 auto 40px auto;overflow:hidden;width:65%} #invertsubs-subs p{color:#888;padding:40px 20px 20px 20px;margin:0;overflow:hidden} #invertsubs-subs .emailfield{padding:0 20px 10px} #invertsubs-subs .emailfield input{width:100%;color:#888;padding:15px;font-size:13px;border:1px solid rgba(0,0,0,0.1);background:rgba(255,255,255,1)} #invertsubs-subs .emailfield input:focus{color:#000;outline:0} #invertsubs-subs .emailfield input::-webkit-input-placeholder{color:#888} #invertsubs-subs .emailfield input::-moz-placeholder{color:#888} #invertsubs-subs .emailfield input:-ms-input-placeholder{color:#888} #invertsubs-subs .emailfield input:-moz-placeholder{color:#888} #invertsubs-subs .emailfield .submitbutton{display:inline-block;position:absolute;right:0;top:0;background:#222;color:rgba(255,255,255,1);text-transform:uppercase;border:0;outline:0;cursor:pointer;width:20%;border-radius:0;transition:all .1s} #invertsubs-subs .emailfield .submitbutton:active{border:0;outline:0} #invertsubs-subs .emailfield .submitbutton:hover{background:#000;color:rgba(255,255,255,1);box-shadow:0 10px 20px -10px rgba(0,0,0,0.1)} @media screen and (max-width:768px){ #invertsubs-subs .emailfield form.invertsubs-form{width:95%}#invertsubs-subs .emailfield .submitbutton{width:auto}}3. Selanjutnya tambahkan instruksi di bawah ini, sempurna berada di atas <footer class='footer' id='footer
<div id='na-wrapper'> <div class='invertsubs-content'> <div id='invertsubs-subs'> <p>Subscribe Our Newsletter</p> <div class='emailfield'> <form action='https://feedburner.google.com/fb/a/mailverify' class='invertsubs-form' method='post' novalidate='' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=AnalisYuki', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input name='email' placeholder='Your email address' title='Email' type='text'/> <input name='uri' type='hidden' value='AnalisYuki'/> <input name='loc' type='hidden' value='en_US'/> <input class='submitbutton' type='submit' value='Subscribe'/> </form> </div></div></div></div>4. Jika sudah pilih Simpan Tema. Untuk melihat demonya sanggup dilihat menyerupai blog aku ini.
Ubah 2 instruksi yang di tandai AnalisYuki, dengan Id FeedBurner blog andaSekian dari aku Tutorial Cara Memasang Tombol Subscribe Box (Kotak Berlangganan) di Bawah Blog pada Template Viral Go, biar tutorial ini sanggup bermanfaat bagi anda, bila ada sesuatu yang ingin ditanyakan sanggup eksklusif ke kolom komentar, Terimasih. Sumber https://www.analisyuki.com/