permalink Minggu, 01 Juli 2012 |
![]() ![]() |
Tutorial Bikin Footer Footer Bar + Script Random Post Berjalan serta forum berlangganan dari feedburner
Klik tambah Widget / Gadget, kemudian pilih widget Html/JavaScript
Setelah itu masukkan kode berikut :
Ganti tulisan Isi Dengan Alamat Blog Kamu dengan alamat blog kamu (jangan lupa pakai http:// ya)
Ganti tulisan Isi Dengan Id FeedBurner Kamu dengan id feed burner kamu.
Sumber : Ahmad Rifai
Setelah itu masukkan kode berikut :
<style type='text/css'>Note :
/* --------------------------------------- */
/* 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/AVvXsEiUfl4QoYqNGVQbZOfrW-chWdvnr6Mk5dTiGqfRdkh_pWgXXX3VElYPmWW4t5803Ri8XmT7lePW8_nr1jTpEpUz9EVJITU7fRM2lfWNSBQceL96kYlQpJJ9LL-HsMCVJhROoQZBS0vnJb8/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=Isi Dengan Alamat Blog Kamu
&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://feedburner.google.com/fb/a/mailverify?uri=Isi Dengan Id FeedBurner Kamu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input id="subbox" onfocus="if (this.value == 'Masukan Email anda...') {this.value = '';}" value="Masukan Email anda..." name="email" onblur="if (this.value == '') {this.value = 'Masukan Email anda...';}" type="text" /><input value="Isi Dengan Id FeedBurner Kamu" 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://blog.ahmadrifai.net/2011/12/tutorial-bikin-footer-footer-bar-random.html'>Get It</a></td>
</tr>
</table>
</div>
</div>
Ganti tulisan Isi Dengan Alamat Blog Kamu dengan alamat blog kamu (jangan lupa pakai http:// ya)
Ganti tulisan Isi Dengan Id FeedBurner Kamu dengan id feed burner kamu.
Sumber : Ahmad Rifai
- Cara Membuat Tombol Share Melayang di Blog
- Recent Comment With Avatar Profile
- kode warna
- Cara Membuat Kotak Script
- Cara Membuat Energy Saving Mode Pada Blogspot
- Trik Buat Roll pada Entri Populer
- Cara Membuat Blog Yang Nofollow Menjadi Dofollow
- Cara Membuat Semua Link Terbuka di Tab Baru
- Cara Pasang Breadcrumbs agar lebih seo
- Cara Membuat Komentar Facebook Berdampingan dengan Komentar Blog
Langganan:
Posting Komentar (Atom)
0 komentar:
Ayo komentar kamu yang pertamax wa di Tutorial Bikin Footer Footer Bar + Script Random Post Berjalan serta forum berlangganan dari feedburner