06.16
Unknown
Kali ini saya akan menuliskan tutorial blog yaitu Tutorial Bikin Footer Footer Bar yang sudah saya sisipkan script Random Post Berjalan serta forum berlangganan dari feedburner.
Tutorial kali ini sengaja saya tuliskan karena ada salah satu pengunjung
yang meminta kepada saya agar saya menuliskan tutorial membuat footer
bar Baca Juga (maksudnya seperti yang ada di footer blog ini).
Bagi teman-teman yang belum tau apa yang saya maksud footer bar di sini, silakan lihat gambar berikut
 | |
| Footer Footer Bar + script Random Post Berjalan + forum berlangganan dari feedburner |
Nah itulah yang saya maksud Tutorial Bikin Footer Footer Bar yang sudah saya sisipkan script Random Post Berjalan serta forum berlangganan dari feedburner.
Next ...
Tutorial Bikin Footer Footer Bar + Script Random Post Berjalan serta forum berlangganan dari feedburner
Pertama silakan login ke Dasbor blogger, kemudian klik Rancangan / Design
(Cara 1 pasang kode Footer Bar + Script Random Post Berjalan + Forum Berlangganan)
Cari kode </body> dan letakkan semua kode berikut ini tepat di atasnya (Agar lebih cepat menemukan kode tersebut silakan baca Cara Mudah + Cepat Mencari Kode Html di Blogger)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
| <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;}#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;}</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%'><script type="text/javascript">var randarray = new Array();var l=0;var flag;var numofpost=10;function randomposts(json){var total = parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i
<
numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j
in randarray){if(l==randarray[j]){ flag=1;}}if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<marquee
onmouseover="this.stop()"
onmouseout="this.start()"
scrollamount="4">');for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0;
k < entry.link.length;
k++){if(entry.link[k].rel=='alternate'){var item
="(<a href=" + entry.link[k].href +
">" + entry.title.$t +
"</a>)";document.write(item);}}}document.write('</marquee>');}</script><script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script> </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=<b style="color: red;">Blog-AhmadRifai-Net</b>',
'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="Blog-AhmadRifai-Net"
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> |
Cari kode ]]></b:skin> dan letakkan semua kode berikut ini tepat di atasnya
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
| /* --------------------------------------- *//* 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;}#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;} |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| <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%'><script type="text/javascript">var randarray = new Array();var l=0;var flag;var numofpost=10;function randomposts(json){var total = parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i
<
numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j
in randarray){if(l==randarray[j]){ flag=1;}}if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<marquee
onmouseover="this.stop()"
onmouseout="this.start()"
scrollamount="4">');for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0;
k < entry.link.length;
k++){if(entry.link[k].rel=='alternate'){var item
="(<a href=" + entry.link[k].href +
">" + entry.title.$t +
"</a>)";document.write(item);}}}document.write('</marquee>');}</script><script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script> </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=Blog-AhmadRifai-Net',
'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="<b><span style="color: red;">Blog-AhmadRifai-Net</span></b>"
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> |
Silakan ganti tulisan Blog-AhmadRifai-Net (yang ada di line 78 [kode 1] dan line 28 [kode 2] dengan Id FeedBurner teman
Cara mengetahui Id FeedBurner yaitu dengan melihat url lengkap FeedBurner teman, contohnya url FeedBurner saya http://feeds.feedburner.com/Blog-AhmadRifai-Net nah yang di belakang itulah yang saya maksud Id FeedBurner (Blog-AhmadRifai-Net)
Nah itu lah tutorial cara membuat footer bar + random post + forum berlangganan.
Selamat mencoba dan semoga berhasil
sumber :http://blog.ahmadrifai.net
Posting ini telah dilihat sebanyak (Beberapa kali)
Baca juga artikel lainya
Posted in: 
0 komentar:
Posting Komentar