Mengedit Widget Ikuti Lewat Email - Pada dasarnya blogspot sudah menyediakan widget Ikuti lewat Email, akan tetapi itu tampilan default. Nah jika kamu ingin widget tersebut tampil beda, silahkan ikuti langkah-langkahnya .....
1. Masuk ke Dashboard Blog2. Klik Tata Letak
3. Klik Tambahkan Gadget
4. Pilih HTML/JavaScipt
5. Copy kode berikut, lalu paste ke HTML/JavaScript tadi
<style> #sidebar-subscribe-box{width:270px;border:1px solid #aaa;border-radius:3px;padding:3px 0} .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQL3113a15y7TiL9ca6jjsU6AsiS5ec0_wu3J5YYvQeKMnw-FIOxuZVaoFMMGAaO2jq1HzfXlKdVQyImhyphenhyphenfUkr6GQoGTwAeDbpHmEwRZMp0COdIau99Dd7HgdfGcjwFwqzQ_TI0Zr52I/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase} .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto} .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTWZyPnmBn-XfLL-PTOmcvUG5Up6c7gvbgcVXBc0i9s-NcPq_FFeS5ufwGYoCPfwlV0_ip1ycLD51Fk-FxhqAUh_64mGL3fTaC0AqHM9Y-rIzZwhEjW5Oaqrr0KmtU2OHxcq8rkCG7YPA/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%} .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%} .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff} .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px} #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%} a.social-icons{margin-right: 5px;height:45px;width:45px;} a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);} </style> <div id="sidebar-subscribe-box"> <div class="sidebar-subscribe-box-wrapper"> <br/> <a class="social-icons" href="https://facebook.com/tito.pamoengkas"><img src="http://icons.iconarchive.com/icons/danleech/simple/64/facebook-icon.png" /></a> <a class="social-icons" href="https://twitter.com/pamungkas_ID"><img src="http://icons.iconarchive.com/icons/graphics-vibe/simple-rounded-social/64/twitter-icon.png" /></a> <a class="social-icons" href="https://plus.google.com/107291814461129744661"><img src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/64/Web-Google-plus-alt-Metro-icon.png" /></a> <a class="social-icons" href="https://instagram.com/tito_id"><img src="http://icons.iconarchive.com/icons/designbolts/free-instagram/64/Active-Instagram-3-icon.png" /></a><p>Buat Dulur* Yang Mau Berlangganan Artikel + Software Gratis Dari S-P, monggo ... :) Update'an ADMIN Langsung Dikirim ke E-Mail Dulur</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=sindikat19" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=sindikat19', 'popupwindow', 'scrollbars=yes,width=500,height=500');return true" target="popupwindow"><input name="uri" type="hidden" value="S19 | sindikat19" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Masukan E-Mail Dulur"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Langganan" /></form>
</div></div></div>
Keterangan :
- Kode berwarna orange adalah lebar widget
- Kode berwarna merah adalah akun sosial media (FB, Twitter dan Instagram)
- Kode berwarna biru adalah kalimat di widgetnya
- kode berwarna hijau adalah ID akun feedburner (Klik Disini Cara Daftarnya)
- Kode berwarna kuning adalah kalimat di kolom pengisian E-Mail
- Kode berwarna aqua adalah kalimat pada tombol widgetnya
- Kode berwarna ungu adalah judul blog
- Dan jangan lupa kasih judul di widget yang telah dibuat
6. Klik Simpan / Save
7. Selesai
Salam Luar Biasa :)
0 Response to "Mengedit Widget Ikuti lewat Email Keren"
Post a Comment