Memasang Widget RSS Feed di Blog
seperti yang kita tahu RSS Feed adalah layanan / service berlangganan yang memudahkan kita untuk menerima update terbaru postingan dari suatu blog yang kita ikuti tanpa harus repot membuka dan menjelajah blog kesayangan kita. cara penggunaannya sangat mudah anda tinggal memasukkan alamat email anda ke blog yang ingin anda ikuti (tentunya blog yang memasang Widget RSS di blognya) lalu ikuti perintahnya sampai selesai. untuk Memasang Widget RSS Feed di Blog sebelumnya anda harus mempunyai url feedburner terlebih dahulu. klik di sini untuk mengetahui cara membuat url feedburner. kalo sudah ada kita lanjutkan ke tahap selanjutnya Memasang Widget RSS Feed di Blog anda bisa lihat contoh nya di blog saya letaknya di atas sebelah kanan. okey langsung aja ke TKP.
- cara pertama login terlebih dahulu blog kamu.
- setelah login klik nama blog kamu
- kemudian masuk ke tata letak pilih add gadget/tambahkan gadget terserah kamu mau di posisikan dimana lalu pilih html/javascript.
- lalu copy dan paste kodescript di bawah ini.
<style>
#salahuddin-ayubi {
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/AVvXsEg-MB0HUCXMKt46xau8RVbsHlwWg0btGAacOiQq6EuUYBgXcxc8r-m4PTBmJ6qrWD34ysWslSUOeoJ2q16dEucRGb1neKeE9jK4ORYXMsqndjAZd35kz-ZJyfw0T9D2hmARjPUB1vxVFR8/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/AVvXsEhn4-Fg1cifIraKSXufEpLPBLxdGKO2ZhtSbLBtF5XXXGiMTdrXGvIY8Z6yPe5fdl7Lih9EW2glD4-u2s8MdEBiLL7zH7TLXfzNh22eCbOHdw0cZ70g7VW9eE65fUXKDp3MZy8ZY_XZo2I/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/AVvXsEhuwc4TvueggQdLAlFKBTncKYD9_T8DOhVAwt8okzxHmkcq_VVsGlKqRNWkQejImGTGxWEt5M_KBhWB6ay7Pjlg-OSSnuXf-LuyzhGK9NztoFkfKJeYbVCrdSUwE7bQY5h4rxP6HgmSImk/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/AVvXsEhph7h0U_ASubvPUtt53-Op2M-ThmBsU0FA5fZWfp-75iBtaIePnon6ASQzG56W1rOnB1lxOH4Hh0d7XQh9DC5EKQMhvNBSNgwUcWn8LFm0PBPjXiALnuERC7kCGBJabqmIWO6kIkfZlMrI/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="salahuddin-ayubi" >
<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=Tiansof7', '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 == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" />
<input type="hidden" value="Tiansof7" 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/Tiansof7" target="_blank">RSS Feed</a> </li>
<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="http://twitter.com/septian0988" target="_blank">Twitter</a> </li>
<li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/114547996625831997794 target="_blank">Google Plus</a> </li>
</ul>
</div>
</div>
- ganti tulisan yang berwarna kuning dengan nama feedburner anda.
- tulisan berwarna biru ganti dengan username twitter anda.
- dan tulisan yang berwarna merah ganti dengan url google plus anda.
- simpan.
- selesai.
demikian postingan mengenai Memasang Widget RSS Feed di Blog mohon maaf apabila ada langkah yang salah dalam pembuatan postingan ini. komentar dan saran anda sangat saya butuhkan untuk mengembangkan blog ini.terima kasih
Posting Komentar