Cara memasang Subscription Box di Blogger

watch_later Saturday 21 June 2014
comment 1 Comment
Mungkin sebagian dari anda lagi mencari cara memasang Subscription Box di Blogger, berikut caranya :

Subscription box

1.Pertama login ke akun blogger anda
2.Pilih Tata Letak/Layout
3. Tambahkan Gadget/Add Gadget
4. PIlih HTML/JavaScript
Masukkan kode di bawah ini :
<style> #masterprime-blog { border: 0; margin-bottom: 10px; margin: 0 auto; width:300px; } #email-news-subscribe .email-box{ padding: 5px 5px; font-family: "Arial","Helvetica",sans-serif; height:38px;} #email-news-subscribe .email-box input.email{ background:#FFFFFF; border: 1px solid #dedede; color: #999; padding: 7px 10px 8px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-image: initial; font-family: "Arial","Helvetica",sans-serif;} #email-news-subscribe .email-box input.email:focus{color:#333} #email-news-subscribe .email-box input.subscribe{ background: -moz-linear-gradient(center top,#666 0,#333 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333)); font-family: "Arial","Helvetica",sans-serif; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #333; color:white; padding:7px 14px; margin-left:3px; font-weight:bold; font-size:12px; cursor:pointer; border-image: initial;} #email-news-subscribe .email-box input.subscribe:hover{ background-image:-moz-linear-gradient(top,#333,#666); background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666)); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb); outline:0;-moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999 -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #333; color:#FFFFFF; } #other-social-bar { padding: 0px; overflow: hidden; height:37px; margin-top:-8px; } #other-social-bar ul {list-style: none outside none; padding-left: 4px;} #other-social-bar .other-follow { float: left; overflow: hidden; padding:5px; width: 270px;} #other-social-bar .other-follow ul { list-style: none outside none; padding-left: 4px;} #other-social-bar .other-follow li { display:inline; border:0; } #other-social-bar .other-follow li a { font-size: 12px; color:#666; font-weight: bold; font-family:arial; display:inline; } #other-social-bar .other-follow li.my-rss { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO9OxqIF6ZXyR6YddU914aii0a3u4RHfg29OgagVzRiSZUbLg4gm208s5TMxyLgIxv5XUr-WjEKZCzBvsMdHC3dHabiTPtIiGLfoXrsFc27DEYy2xzxx9BxFtjVemYj1F8AbAJdwKAqas/s400/rss-16x16.png') no-repeat transparent; line-height: 1; padding: 0px 3px 1px 20px; width: 60px; margin-bottom:0px; margin-left:5px;} #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{ text-decoration:none; } #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{ text-decoration:underline; } #other-social-bar .other-follow li.my-twitter { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinMCt_DVJ8Jbh7Fqtrnajc0vBEuFqNbOEuxYIWU-vheopyfHsm5u5fb_oSBQTQW98cqqrdt44-apHt0YmakAim9Q8jzH4uY_9VC4joJ-dWye8zytRQGd12zRO3x1kiUNUCY1CA2RDeu5Y/s400/twitter%2527.png') no-repeat transparent; line-height: 1; padding: 0px 3px 1px 20px; width: 60px; margin-bottom:0px;} #other-social-bar .other-follow li.my-gplus { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpccy_GIaSCOBlKsXyjCj2jH7o-J-Za5gdvlBnTpZk_5p1D8K_gq3PBLheLwJFb1btHtcMObxIlk4ACxSnIP5HwFdjlvglWyBK56BNKrpO2LViJNF9D2tzlXUIHUMRNTX8cz6_G_YlRG8/s400/gplus-16x16.png) no-repeat transparent; line-height: 1; width: 60px; padding: 0px 3px 1px 20px; margin-bottom:0px;} .emailicon { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5wb0T0XEYoFsCweL05s8GniMhRaXFOm5IxRx_E_faWE1mMtOcqcTJhD1_Ho9LLffUkjJjj8R8x4w_erzZoUZdzipLhr3VJBkU7LC5DG5ahch_ni7RhenAdT68JkXR1ZjldyBo8eGIMd_S/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent; padding: 0px 20px 0px 95px; min-height:100px; margin: 0px; width: 183px; line-height: 20px; vertical-align: middle; font-size: 14px; color: rgb(51, 51, 51); } .emailicon p { color:#FF8604; font-size: 20px; font-weight: normal; font-family: impact; padding:40 0px 10px 0px; margin:0; padding-top: 20px; line-height: 25px; text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6; } </style> <!--[if IE]> <style> #email-news-subscribe .email-box input.subscribe{ background: #333; } </style> <![endif]--> <div id="masterprime-blog" > <div class="emailicon"><p>Subscribe to our Free Email Updates! </p></div> <div id="email-news-subscribe"> <div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=masterprime', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /> <input type="hidden" value="masterprime" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div> <div id="other-social-bar"> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/masterprime" target="_blank">RSS Feed</a> </li> <li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="https://twitter.com/foryoudontcry" target="_blank">Twitter</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/u/0/104148711547726062047 target="_blank">Google Plus</a> </li> </ul> </div> </div>
KETERANGAN :
1.Kode yang berwarna biru ganti dengan nama Feedburner anda
2.Kode yang berwarna merah ganti dengan twitter anda
 3.Kode yang berwarna hijau ganti dengan username G+ anda

5. Setelah selesai. Klik simpan
avatar

Sepertinya bagus Nih Gan agar pengunjung lebih mudah mengetahui update artikel di blog kita ...

delete 26 June 2014 at 08:02



sentiment_satisfied Emoticon