Sabtu, 09 Juni 2012

,di postingan kali ini, saya akan share kepada sahabat blogger tentang mempercantik, memperindah dan melengkapi blog dengan cara membuat random post berjalan dan feedburner yang ada di footer bar blog sahabat. Untuk hasilnya bisa kamu lihat di bagian bawah halaman blog saya ini.



,Nah gimana sahabat tertatrik atau tidak ? hehee. Kalau sahabat ingin membuatnya, ikuti saja petunjuk dibawah ini :

1.   Login dulu ke akun blog.
2.   Pilih Tata Letak / Rancangan
3.   Lalu tambahkan gadget atau add gadget
4.   Kemudian masukkan kode dibawah ini
<style type='text/css'>
/* --------------------------------------- */
/* Bottom Bar */
/* --------------------------------------- */
#bot-bar img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}
#bot-bar .right {
width:34%;
float: right;
padding-right:20px;
line-height: 1.5;
font-size:12px;
height: 100%;
text-align:right;
}
#bot-bar .left {
width:60%;
float: left;
margin: 0px;
padding-top:4px;
padding-left:5px;
line-height: 1.2;
vertical-align: bottom;
}
#bot-bar a {
color:#666;
text-decoration:none;
}
#bot-bar a:hover{
color: #fff;
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4_VhxSd7_XyNrXpafxfHV1o555D7mQ65PA0jcHDq33rpQZfRJJCusaHBvhxl-MZqbXmGwGliPXXqUokUs5aHxaKvEnXqM4bhEcDOFf26icxlrl4hVimwEnRJNdEq0NdBHBOyOyAG1Mkk/s1600/linkwarnawarni.jpg);
}
#bot-bar {
padding:5px 0 5px 0;
align: center;
position: fixed;
background: #000;
width: 100%;
left: 0px;
text-align: left;
color: #666;
font-size:12px;
z-index:10000;
bottom:0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}
#subbox{background:#fff;width:150px;color:#000;font-size:12px;font-family: Arial, Tahoma, Verdana;font-weight: normal;margin: 0;padding: 2px;border-top:1px solid #666;border-right:1px solid #ddd;border-left:1px solid #666;border-bottom:1px solid #ddd;display: inline;    -moz-border-radius:3px;-webkit-border-radius:3px;}
#subbutton{background: #ddd;color:#111;width:70px;font-size: 11px;font-family: Arial, Tahoma, Verdana;margin:0 0 0 5px;padding:2px;border: 1px solid #ccc;font-weight: bold;-moz-border-radius:3px;-webkit-border-radius:3px;color:#111;}
#subbutton:hover{background: #000;color:#fff;border: 1px solid #333;}
</style>
<div id='bot-bar'>
<div class='left'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
  <tr>
    <td width='13%'>Baca Juga:</td>
    <td width='87%'>
<!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=
http://davidchielietonga06.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<!-- Alphabetical Post Title Listing End -->
    </td>
  </tr>
</table>
</div>
<div class='right'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
  <tr>
    <td>Langganan </td>
    <td>
<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" target="popupwindow" method="post" onsubmit="window.open('
http://davidchielietonga06.blogspot.com/feeds/posts/default?alt=rss', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input id="subbox" onfocus="if (this.value == &#39;Masukan Email anda...&#39;) {this.value = &#39;&#39;;}" value="Masukan Email anda..." name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Masukan Email anda...&#39;;}" type="text" /><input value="http://davidchielietonga06.blogspot.com/feeds/posts/default?alt=rss" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input id="subbutton" value="Langganan" type="submit" /></form>  
    </td>
    <td> <a href='http://davidchielietonga06.blogspot.com/2012/06/cara-membuat-random-post-berjalan-dan.html'>Get It</a></td>
  </tr>
</table>
</div>
</div>
Keterangan :
  • Warna kuning ganti dengan nama URL blog kamu
  • Warna hijau ganti dengan URL dan id feedburner kamu
5.   Kemudian simpan dan lihat hasilnya.

Leave a Reply

Jika ingin copy paste artikel ini, jangan lupa sertakan sumbernya ya, hargai usaha admin ^^, Kalau mau komentar jangan yang bersifat menghina maupun mengejek. Tidak sopan tau hahaa. Terima kasih sudah berkunjung ke blog ku. Jangan lupa di follow dan pasang banner ku ya \^^,/

Subscribe to Posts | Subscribe to Comments

Arsip Blog

Ayat Alkitab

Friend's Banner

Copyright © 2013 David As'Chri ChieLietonga 06 | Robotic Notes | Powered by Blogger

Designed by : Johanes Djogan | Redesignde by : David As'Chri ChieLietonga 06: Cara Membuat Random Post Berjalan Dan Feedburner Di Footer