Coba saja sobat lihat website yang memang sudah terkenal. Pasti mereka memiliki Kotak Langganan/Subscribe. Agar para pembaca setianya dapat selalu pemberitahuan melalui email atas Artikel terbaru yang dibuatnya untuk dinikmati/ dibaca.
 |
| Cara Membuat Kotak Subscribe Keren Untuk Blogger |
Makanya Sobat Jika Sobat ingin meningkatkan Trafik dengan Salah satu cara menarik Pembaca agar Subscribe pada blog Sobat yaitu dengan mempercantik tampilan pada kotak Subscribe. Dengan warna yang menarik sobat bisa membuat para pembaca mampu menikmati setiap artikel yang sobat buat. Jadi ada nilai plus nya deh. Walaupun artikel sobat biasa saja, namun dengan tampilan yang cantik Para pembaca akan merasa kagum dengan tampilannya.
Caranya pun cukup mudah nih Sobat. Sobat Hanya perlu Mengikuti Langkah Cara Membuat Kotak Subscribe Yang Keren Untuk Blog berikut ini :
 |
| Tampilan Hasil Akhir Kotak Subscribe Blogger |
- Pertama buka Tata letak pada dashboard Blogger Sobat.
- Lalu Pilih lokasi yang ingin sobat letakkan Kotak tersebut dan klik Add Gadget pilih HTML/Java Script Seperti gambar dibawah ini :
 |
| Pilih HTML/Java Scribe |
- Setelah itu Masukkan Script dibawah ini :
 |
| Masukkan Script Dibawah ini Subscribe Keren Pada Kolom Tersebut |
<style>
#dgenera-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/AVvXsEjq_FxBX7wANbIYdj5QL-rjH9mPkpSnlQhRYh-zyhaXw1o6vXq-48sP0oefmYqQD24xjiPuoGKFoX8iuy6jtOPipGJMFqzl559TuApU0u2hNe6IWUw8btDy-OeBUYxvumrJpmyUkbNQf38/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/AVvXsEhIc4YoCuzRDuqbGAlOZ8CwUduPUA8ULsNfUyhcygdWZrRtHo0wyJANwqSJmgE815MS-rZ1Cna_EdLrYV3k_KmTwVY7rxQAUyhs2jef1XkTmoOprLEwlDN7yX-pB6IyBhvsm319iDuUQ1A/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/AVvXsEje4mATyuO15P7fEl-jlSW0ZHA8FI3ZaQP98LbcWRpnzRQNofz981IGkTh0a36xXWePObvQ0Ysq0MSqgAVwfqh84P8epOdfPbqK-dt3kiZvVOpdgS0bFptHfEFBBvBs2EijcMCTmLtUd34/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/AVvXsEh3xCYINAdKTvyFEHzQZBMtHgxafEi4ykfEZT564kyOXLbCE7rr8x8_ZWVxsgEybwbUjhApoQWj8WEScAzjh4m0nn1hN4Udh4Jt7tHFNxEoXw_qG4ZBri20N3mL22CvmaFri6Ej17bx7GDC/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="GratisLagi" >
<div class="emailicon"><p>Dapatkan Update Artikel Gratis! </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=GratisLagi', '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" placeholder="Enter Email Anda Disini..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" />
<br/>
<input type="hidden" value="GratisLagi" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div>
<br/>
<br/>
<br/>
<br/>
<div id="other-social-bar">
<ul class="other-follow">
<li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/GratisLagi" target="_blank">RSS Feed</a> </li>
<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="https://twitter.com/GratisLagi" target="_blank">Twitter</a> </li>
<li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/u/0/116200172124680821048/posts target="_blank">Google Plus</a> </li>
</ul>
</div>
</div>
"GratisLagi" dengan Id Feed Sobat. Dan Untuk "http://feeds.feedburner.com/GratisLagi" itu Ganti dengan URL Feed Sobat. Sedangkan "https://twitter.com/GratisLagi" ini ganti dengan url page Twitter Kamu. Dan yang terakhir Teks "https://plus.google.com/u/0/116200172124680821048/posts" dengan URL Google Plus Kamu.- Jika sudah Klik Save.
Lihat perubahan Pada Situs Anda dengan Kotak Subscribe yang baru dan keren. Reload Blog Sobat. Selamat Anda berhasil membuat kotak Subscribe di Blog Anda. Oh iya Sobat Juga jangan lupa Subscribe ya pada Blog ini, Jika Tips dan Trik Cara Membuat Kotak Subscribe Yang Keren Untuk Blog ini Bermanfaat Jangan lupa di Share agar Blogger yang lain bisa menggunakan Tutorial Pada Web ini untuk mempercantik Blognya.
Terimakasih Telah Membaca Tips Dan Trik Tentang Cara Membuat Kotak Subscribe Yang Keren Untuk Blog Ini...
Salam GratisLagi.com
Post a Comment