cara-membuat-random-post-berjalan

saya akan share kepada sobat blogger semuanya tentang tutorial mempercantik, memperindah, dan melengkapi blog dengam cara membuat random post berjalan dan feedburner yang ada di footer bar blog. Untuk hasilnya bisa sobat lihat di bagian bawah halaman blog saya ini, atau lebih jelasnya, previewnya silahkan liat dibagian blog ini.

Aanda tertarik atau tidak ? Kalau  ingin membuatnya, ikuti saja petunjuk dibawah ini ;

Pertama login dulu ke akun blogger kamu. Setelah masuk klik Rancangan>Elemen Laman> dan tambah gadget baru.

                    Kemudian masukkan script 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/AVvXsEh9xoeNE2CHPghyphenhyphenk7R5zCp2qAXeCoM09uGUbOzlDJ6PtwEtGwR0BKdTrQ98ar873ZYvg_T10sDpjLgAUcLDC0l223zK-YF10HZhIOHuiKZPUuvw0HJqFLtzM-SKWE3AKiLU0jOVuzO-Suw/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://6laskar-pelangi.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>
<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" target="popupwindow" method="post" onsubmit="window.open('http://feeds.feedburner.com/6LaskarPelangi', '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://feeds.feedburner.com/6LaskarPelangi" 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://6laskar-pelangi.blogspot.com/2012/06/cara-membuat-random-post-berjalan.html'>Get It</a></td>
</tr>
</table>
</div>
</div>

Keterangan :

Ganti yang berwarna merah dengan URL blog kamu

Ganti yang berwarna biru dengan URL beserta id feedburner kamu

Ditulis Oleh : Unknown ~ Hidup Terasa Indah Bila Saling Berbagi

Sobat sedang membaca artikel tentang cara-membuat-random-post-berjalan . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya, TERIMA KASIH Karena sudah bersedia Memberikan Komentar untuk Blog ini... !!! <a href=" http://6laskar-pelangi.blogspot.com/2012/06/cara-membuat-random-post-berjalan.html " target="_blank"> cara-membuat-random-post-berjalan </a>

:: Effendi Dalimunthe ! ::

Baca Juga Artikel Terkait Lainnya

Posted in: LiputanBlogger