Bang Koko

Chunky Menu Css3

noreply@blogger.com (Bang Koko) — Thu, 18 Nov 2010 21:20:00 +0800

-Silahkan Copy Code Css Di bawah ini dan Letakan Di atas Code ]]></b:skin>

#top_navigation {
background : transparent;
width: 800px;
height : 77px;
list-style : none;
margin-top : 7px;
margin-bottom : 11px;
width : 100%;
}
ul.nav {
background : transparent;
width: 800px;
height : 57px;
line-height : 31px;
list-style : none;
padding : 0 10px;
font-size : 14px;
}
ul.nav li {
display : inline;
padding : 0;
background : transparent;
}
ul.nav a {
background : transparent;
height : 30px;
font-size : 16px;
color : #808080;
float : left;
padding : 11px 19px 11px 16px;
text-decoration : none;
border-top: 1px solid #252525;
border-bottom : 4px solid #252525;
border-left : 1px solid transparent;
border-right : 1px solid transparent;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius: 4px;
}
ul.nav a:hover {
background : #252525;
border-top : 1px solid #252525;
border-bottom : 4px solid #000;
border-left : 1px solid #252525;
border-right : 1px solid #252525;
color : #FFF;
padding : 11px 19px 11px 16px;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius: 4px;
}

Simpan Template

-Langkah Terakhir Copy Code Html Di bawah ini dan Letakan Di Add Gadget ->> Html/Javascript

<div id="top_navigation">
<ul class="nav">
<li><a href="#"> Home </a></li>
<li><a href="#"> Your Blog </a></li>
<li><a href="#"> About You </a></li>
<li><a href="#"> More stuff </a></li>
<li><a href="#"> Contact </a></li></ul></div>

Jangan Lupa Klik Simpan...
Sumber Artikel : Zubeta.com

Cara Pasang Avatar Pada Profile Komentar Blog

noreply@blogger.com (Bang Koko) — Sun, 31 Oct 2010 18:55:00 +0800

1.Silahkan Login Ke Blogger
2.Pada Dasbor Klik Tata Letak - Edit Html
3.Klik Expand template widget
4.Kemudian Letakan Code Di bawah ini Tepat Di atas Code ]]></b:skin>

.avatar-image-container img{
background:transparent url(http://pub.mybloglog.com/images/nopic_48.gif)no-repeat;
height:35px;
width:35px;
}

5.Kemudian Cari Code

<dl id='comments-block'>

Jika tidak ketemu coba cari code ini

<div id='comments-block'>

6.Jika sudah ketemu hapus dan ganti dengan code berikut ini

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

7.Lanjut lagi cari code seperti di bawah ini

<a expr:name='data:comment.anchorName'/>

8.Jika sudah ketemu hapus dan ganti dengan code berikut ini

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

9.Klik simpan dan lihat hasilnya...

Box Subscribe For Blog

noreply@blogger.com (Bang Koko) — Sun, 31 Oct 2010 18:22:00 +0800

1.Login Ke Blogger
2.Pada Dasbor Klik Tata Letak ->> Edit Html
3.Kemudian Letakan Code Berikut ini Tepat Di atas Code </head>

<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% "Tahoma",Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>

Save Template

4.Kemudian Silahkan anda copas code dibawah ini dan letakan ke dalam halaman add gadget ->> Html/javascript

<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = "";}" type="text" value="Search..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdIgPz41YYHc0Y7AFAZcTtAwiqXbu2kUt050lpnFPCWwmoNXMvhFQAcYUGn0EcAFzAHvxXDtknNU9B7k78dKFfhgKcca0lBJ0R1cPXrl3qAok4zhSuZcc1N7jg2kTN0uqvhjXG1N0N44-6/" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9VG92yU6RqV8X3jNvgUKI3nWarS9y4dPh2bL7rKVvet99ztaVsfdCRWGbNbDUywBR1UNWIgHcRsmkVJoGa-wiOqIrkfGGoEaEFyNhmDBNNBnSanoXP6C0jGeayqol7k4Eqf7NVcmTOJdf/" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVwjNrFPKoqv4JE_aNp-mVT0s5xynbzQ0y3ru0-vEeBx2siLAMDykN_SmBqO283oMSN9TX_dZC63Vk5IJSXrCNu6EeQ863iCUZYv_onUUaShvr5mBfB_oQOLldM1J1p0b6Xm3uBX-GDGo3/" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirlRXV4Z50OUeU6y3FZgDWe3KjLc7ZZhfVBFSgK1xreRxGxeJK49Kgxbh7dEASJBjDSpHWY6Vxfvu2SUwulGhyZZkgiqZELddXrUaIywaiyepIhJQkr3Dcjd3IAP6M4sQMrGumMPAXIPMG/" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVp6QuJKdeQkuAr1WCKIbDVw9n3wX0dOwr1sJGOCe-N0bIZ8A_RJwQqbeHnZ5W9zepNi1Ma5_pzWtGHspXTI97XENP9ATRgLALuiDIl7qQmMsoms6N2dDz2wMc8wnCSvktghmj2bK-LHE/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2W0zFp7FRYSN2r42GZ8SI_E20m1ZeRDMgTRGsxXpC-gk_1nxUJJrj47GW_F5X9RbtjLqr3r4lNu4x4T4242F7SDdUnlfaYC5pv4INUBlpmz7_1i7HepA1cNFyqy52Xcsjwnz6gaWC-Xs/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmAAyc7UKWdk9K4sk9z4Mt9QGPJBc1Pe0RpMEp0cFzWrrSr2GEHv12Bm6P4PIUIEjmT3Lp0X534uT3YNl9ybymX49FOQVD-nqmQn5JjHCxbg-VOixwgkRWH2-TSMN_XebcU04NW8u2m7c/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ4ik7f6_dN0x9WWF9NqgxmuTkAsv1Pigzvx2uFvUHLMEJlrXvMDBlmADpnHpD75HmEmWaq2rrJzjnv32vaCi8UlSBEotkcdUq03WzslASMUWkhYdt91wwoApp74QXSZvdGHDp_rNG8GU/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlSeN7bY_maQx0tUu2n6WUFsMlZP5ydIXyCBaar6SeXYl6mopcAQOfBTi2Sknb7BAoZiYDEWXtcOYOq-WzOibtS2Ect8crrXuNCw4IqqVcUGhz1Wj_n7oglWPFPo_MZEWSzyt37CID-os/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5yt3AocMsO0EIVadZySZaI1WAn9fSH5iREob9UR_xLoP98Aa80ALRI4RRdoRSh_JOAP4ST0iEK9REXGHpi2b90tGfyDPDVu4wTvoCHeLzR2E8VKgsLKU3Sp1I81HHgY0X32rgdCcgTmM/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWC5BznSgOFeKacL3M0hzMMLP2FMBLA6ZI7ikzpQvnKKDTe_XYZXRz-lg51T98xt2V7v6tUw1jo4T3xBCD-vr-k1p2AE8hKfoHlnlH5ZQbyJ74Qp2adTnDj37YDWo8xy7fJChAxsp61Sw/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>

Ket:jangan lupa ganti code yang berwarna MERAH dengan ID FEEDBURNER-TWITTER-FACEBOOK USERNAME anda
5.Jika Sudah Klik Simpan dan lihat hasilnya

Cara Mudah Membuat Artikel Terkait

noreply@blogger.com (Bang Koko) — Sun, 3 Oct 2010 01:12:00 +0800

Seperti Biasa Kita Langsung Aja Ya.....

Silahkan Ke halaman Edit Html Anda
Kemudian Letakan Code Script Di Bawah Ini Tepat Di Atas Code <div style='clear: both;'/>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<br/>
<h3><center><blink>ARTIKEL TERKAIT</blink></center></h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

Ket: Code yang Berwarna MERAH silahkan Ganti sesusai Dengan Keinginan anda

Blog Bang Koko Mempunyai 2.887 pengunjung unik per hari

noreply@blogger.com (Bang Koko) — Fri, 3 Sep 2010 08:26:00 +0800

Postingan ini saya tulis karena saya merasa heran kenapa bisa ada pengunjung 2.887 Unik per hari di blog saya dan lebih anehnya lagi Pagerank Nya '0'....wahh bikin saya bingung sebenarnya ada apa di balik blog saya ini padahal yang saya lihat tidak ada yang menarik di blog saya....jadi buat teman-teman yang merasa gak percaya atau penasaran silahkan kunjungi ke Situs Ini http://pastebin.com/d/bang-koko.blogspot.com dan baca baik-baik,,,sapa tau mungkin ada yang tau tentang ke anehan yang terjadi pada blog saya ini...

Menu Navigasi Horizontal Dengan Jquery

noreply@blogger.com (Bang Koko) — Wed, 1 Sep 2010 12:31:00 +0800

Jika ada yang tertarik Silahkan Ikuti langkah-langkah Berikut ini:

1.Pertama Sialhakn Login Ke bLogger
2.Pada Dasbor Klik Tata Letak/Rancangan
3.Klik Edit Html->>expand template widget
4.Kemudian Letakan Code Script Di bawah ini Tepat sebelum Code </head>

<style type='text/css'>

ul#topnav {
margin: 0; padding: 0;
float: left;
width: 100%;
list-style: none;
position: relative;
font-size: 1.2em;
background: #383838;
}
ul#topnav li {
float: left;
margin: 0; padding: 0;
border-right: 1px solid #fff;
}
ul#topnav li a {
padding: 10px 15px;
display: block;
color: #f0f0f0;
text-decoration: none;
}
ul#topnav li:hover { background: #1376c9 url() repeat-x; }
ul#topnav li span {
float: left;
padding: 15px 0;
position: absolute;
left: 0; top:35px;
display: none;
width: 100%;
background: #1376c9;
color: #fff;
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {

$("ul#topnav li").hover(function() { //Hover over event on list item
$(this).css({ 'background' : '#1376c9 url() repeat-x'}); //Add background color + image on hovered list item
$(this).find("span").show(); //Show the subnav
} , function() { //on hover out...
$(this).css({ 'background' : 'none'}); //Ditch the background
$(this).find("span").hide(); //Hide the subnav
});

});
</script>

5.Klik simpan Template
6.Langkah Selanjutnya silahkan Klik Add gadget->>html/javascript kemudian Copy code berikut ini dan letakan di kolom Widget html/javascript

<ul id="topnav">

<li><a href="#">Home</a></li>
<li>
<a href="#">Blogger</a>
<span>
<a href="#">Widgets</a> |
<a href="#">Tip And Tricks</a> |
<a href="#">Basic</a>
</span>
</li>
<li>
<a href="#">Tutorials</a>
<span>
<a href="#">HTML</a> |
<a href="#">Java Script</a> |
<a href="#">CSS</a>
<a href="#">jQuery</a>
<a href="#">MooTools</a>
</span>
</li>
<li>
<a href="#">Templates</a>
<span>
<a href="#">1 Column</a> |
<a href="#">2 Column</a> |
<a href="#">3 Column</a> |
<a href="#">4 Column</a> |
<a href="#">Premium</a>
</span>
</li>
<li><a href="#">Subscribe</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">Contact</a></li>

</ul>

7.jika sudah klik Simpan
8.Selesai dan selamat mencoba..

Fade Efek Iner Dengan Jquery

noreply@blogger.com (Bang Koko) — Fri, 27 Aug 2010 21:59:00 +0800

Jika anda Tertarik Silahkan Ikuti Langkah-langkah Berikut ini:
1.Login Ke bLogger
2.Pada dasbor klik Tata letak/rancangan
3.Klik Edit html->>expand template widget
4.Kemudian Letakan Code Script di bawah ini Sebelum Code </head>
DEMO HERE

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>

//<![CDATA[

(function($){$.fn.innerfade=function(options){return this.each(function(){$.innerfade(this,options)})};$.innerfade=function(container,options){var settings={'animationtype':'fade','speed':'normal','type':'sequence','timeout':2000,'containerheight':'auto','runningclass':'innerfade','children':null};if(options)$.extend(settings,options);if(settings.children===null)var elements=$(container).children();else var elements=$(container).children(settings.children);if(elements.length>1){$(container).css('position','relative').css('height',settings.containerheight).addClass(settings.runningclass);for(var i=0;i<elements.length;i++){$(elements[i]).css('z-index',String(elements.length-i)).css('position','absolute').hide()};if(settings.type=="sequence"){setTimeout(function(){$.innerfade.next(elements,settings,1,0)},settings.timeout);$(elements[0]).show()}else if(settings.type=="random"){var last=Math.floor(Math.random()*(elements.length));setTimeout(function(){do{current=Math.floor(Math.random()*(elements.length))}while(last==current);$.innerfade.next(elements,settings,current,last)},settings.timeout);$(elements[last]).show()}else if(settings.type=='random_start'){settings.type='sequence';var current=Math.floor(Math.random()*(elements.length));setTimeout(function(){$.innerfade.next(elements,settings,(current+1)%elements.length,current)},settings.timeout);$(elements[current]).show()}else{alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'')}}};$.innerfade.next=function(elements,settings,current,last){if(settings.animationtype=='slide'){$(elements[last]).slideUp(settings.speed);$(elements[current]).slideDown(settings.speed)}else if(settings.animationtype=='fade'){$(elements[last]).fadeOut(settings.speed);$(elements[current]).fadeIn(settings.speed,function(){removeFilter($(this)[0])})}else alert('Innerfade-animationtype must either be \'slide\' or \'fade\'');if(settings.type=="sequence"){if((current+1)<elements.length){current=current+1;last=current-1}else{current=0;last=elements.length-1}}else if(settings.type=="random"){last=current;while(current==last)current=Math.floor(Math.random()*elements.length)}else alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');setTimeout((function(){$.innerfade.next(elements,settings,current,last)}),settings.timeout)}})(jQuery);function removeFilter(element){if(element.style.removeAttribute){element.style.removeAttribute('filter')}}

//]]>

</script>
<script type='text/javascript'>
$(document).ready(
function(){
$('#news').innerfade({
animationtype: 'slide',
speed: 750,
timeout: 2000,
type: 'random',
containerheight: '1em'
});

$('ul#portfolio').innerfade({
speed: 1000,
timeout: 5000,
type: 'sequence',
containerheight: '220px'
});

$('.fade').innerfade({
speed: 1000,
timeout: 6000,
type: 'random_start',
containerheight: '1.5em'
});

$('.adi').innerfade({
speed: 'slow',
timeout: 5000,
type: 'random',
containerheight: '150px'
});

});
</script>

5.KLik SAVE TEMPLATE
6.Langkah terakhir silahkan menuju ke elemen halaman->>Add gadget->>html/javascript lalu masukan code berikut ini ke dalamnya:

<div style="background-color:#fffeb8;height:50px;padding:5px 1px;border-style:solid;border-width:2px;">

<ul id="news" style="style="list-style-type:none;">

<li><a href="#">Link 1</a></li>

<li><a href="#">Link 2</a></li>

<li><a href="#">Link 3</a></li>

<li><a href="#">Link 4</a></li>

<li><a href="#">Link 5</a></li>

<li><a href="#">Link 6</a></li>

<li><a href="#">Link 7</a></li>

<li><a href="#">Link 8</a></li>

</ul>

</div>

7.jika sudah silahkan klik Simpan

Popup Box Massage(Cbox or shoutmix) With Jquery

noreply@blogger.com (Bang Koko) — Sat, 21 Aug 2010 02:12:00 +0800

Silahkan Ikuti langkah-langkah berikut ini:
1.Silahkan Login Ke Blogger
2.Pada Dasbor klik Tata Letak/rancangan
3.Klik Edit html->>expand template widget
4.Kemudian letakan code script di bawah ini sebelum code </head>
[DEMO HERE]

Jika sudah klik sae template..

Ket: silahkan anda rubah height:200px;
width:350px; sesuai yang anda inginkan...

5.Langkah terakhir GO to Elemen Halaman->>Add gadget->>Html/javascript Kemudian letakan code berikut ini ke dalamnya....

<div id="button"><input type="submit" value="Box Massage" /></div>

<div id="popupContact">

<a id="popupContactClose">x</a>

<h1>Box Massage</h1>

<p id="contactArea">

Code Script CBox or shoutmix anda disini

</p>
</div>

<div id="backgroundPopup"></div>

Ket: Ganti Tulisan Yang berwarna Merah dengan Script Box Massage(Cbox or Shoutmix)anda
6.Klik save template jika sudah selesai dan lihat hasilnya..

Popup Box Contact Me dengan JQuery

noreply@blogger.com (Bang Koko) — Wed, 18 Aug 2010 15:56:00 +0800

Silahkan Ikuti langkah-langkah Berikut ini:

DEMO HERE

1.Login ke Blogger
2.Pada Dasbor Klik Tata letak->>Edit Html->>expand template widget
3.Kemudian Letakan Code Script Berikut ini Sebelum Code </head>

4.Klik Save template

5.Langkah terakhir GO to Elemen halaman->>Add Gadget->>Html/javascript Kemudian masukan code berikut ini ke dalamnya..

<div id="button"><input type="submit" value="Contac Me" /></div>

<div id="popupContact">

<a id="popupContactClose">x</a>

<h1>Contact Me</h1>

<p id="contactArea">

Code Script Contact Me Anda Isi Disini

</p>
</div>

<div id="backgroundPopup"></div>

6.Klik Simpan Jika Sudah Selesai...

Disable Klik Kanan Dengan Jquery

noreply@blogger.com (Bang Koko) — Mon, 16 Aug 2010 15:10:00 +0800

Tips kali ini saya akan menjelaskan ke pada anda bagaimana untuk Menonaktifkan Fungsi Klik Kanan dengan menggunakan Jquery,jika anda tertarik silahkan ikuti langkah-langkah berikut ini

1.Login ke Blogger
2.Pada Dasbor klik Tata Letak/Rancangan
3.Klik Edit Html->>Expand template Widget
4.Kemudian Copy Paste Code Script Di bawah ini lalu letakan sebelum code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});

//]]>
</script>

5.Klik SAVE TEMPLATE jika sudah selesai..

Link External Dengan Menggunakan Jquery

noreply@blogger.com (Bang Koko) — Mon, 16 Aug 2010 14:57:00 +0800

Tips Kali ini saya akan menunjukan Link External anda berbeda dari yang lain,fungsi trik ini semua link External anda akan terbuka di Window baru...DEMO HERE
Jika anda tertarik silahkan ikuti langkah-langkah berikut ini:

1.Login ke blogger
2.Pada Dasbor klik Tata letak/rancangan
3.Klik Edit Html->>expand template widget
4.Kemudian Letakan Code script di bawah ini tepat sebelum code </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
/*

jQuery - External Links
Created by Andrea Cima Serniotti - http://www.madeincima.eu

*/

$(document).ready(function () {

// ---- External Links ----------------------------------------------------------------------------------------------------

$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").attr("target","_blank").attr("title","Opens new window").addClass("external");

});
</script>

<style type="text/css">
.external{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCKhF9pH1BSHgBkICZXZLMys9VKPyQkKXc0rm4QlHArLW9aHDdpMWug-SRDPb_WRBxwl6O9fi_f1zlHvd67AGLOrUAqVjvXeKe9PEPuxR0R4yZfaArosF0mdTP1ydKlynK3LeL6kVCB4s/s1600/external_link.gif) top right no-repeat;padding-right:18px}
</style>

5.sekarang SAVE TEMPLATE anda dan lihat hasilnya...

Jquery Fade Effek Untuk Gambar

noreply@blogger.com (Bang Koko) — Sun, 15 Aug 2010 21:27:00 +0800

Jika anda tertarik Silahkan Ikuti langkah-langkah Berikut ini

1.Silahkan Login Ke Blogger
2.Pada Dasbor klik Tata Letak/Rancangan
3.Klik Edit Html->>Expand template widget
4.Kemudian Letakan Code Script Di Bawah ini Sebelum Code </head>
-[DEMO]

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

5.jika sudah selesai klik SIMPAN TEMPLATE

Cara Membuat Widget Profile Cantik Dengan Mouse Effek Hover

noreply@blogger.com (Bang Koko) — Tue, 3 Aug 2010 17:56:00 +0800

[DEMO HERE]

Pertama silahkan Login Ke Blogger pada Dasbor Klik Tata letak->>edit html->>expand template widget lalu cari code seperti berikut ini ]]></b:skin> jika sudah ketemu silahkan copy code berikut ini dan letakan tepat dia atasnya...

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border:3px solid #848484;
}
.profile-img:hover {
border:3px dotted #FF0000;
}
.profile-data {
margin:0 10px 20px 10px;
padding:0;
font: bold 10pt "ms sans serif", verdana,Arial;
color:#1C1C1C;
line-height: 1.6em;
text-align:left;
text-transform:lowercase;
}
.profile-data:hover {
color:#D8D8D8;
}
.profile-datablock {
margin:.5em 0 .5em;
}

.profile-datablock:hover {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN7-Hku3yHWa4x7Jsbj-W0zg_x2KWgEhCSqOWVlvJCNteJ-66knkoY7dCIUsDEvkjwiE_XEUgUWUY1EEC4pcb53Eb5KYLs6oJCCHqc-yawhwJzwEi_MdprOpoktrx72GJ2A7TtlPd8Gi0/s320/admin.png) no-repeat bottom right ;
}

.profile-textblock {
color:#585858;
margin: 0.5em 0;
line-height: 1.6em;
padding:5px 0 5px 0;
border-top:2px solid #04B4AE;
border-bottom:2px solid #04B4AE;
}

.profile-link {
display:none;
}

Blockquote Cantik Dengan Mouse Effek Hover

noreply@blogger.com (Bang Koko) — Tue, 3 Aug 2010 17:26:00 +0800

Pertama Silahkan Login ke Blogger Pada Dasbor Klik Tata letak/rancangan->>edit html->>expand template widget lalu cari code berikut ini ]]></b:skin> jika sudah ketemu silahkan copy code di bawah ini dan letakan tepat di atasnya.

[[DEMO HERE]]

blockquote {
background: #FFFFFF ;
margin: 0 20px;
padding: 20px 70px 20px 20px;
color:#DF0101;
font: bold 0.9em "comic sans ms", "Times New Roman", Times, serif;
border:5px solid #DDD;
}

blockquote:hover {
background: #BE81F7;
color:#0101DF;
}

blockquote p {
margin: 0;
padding-top:10px;
}

Klik simpan dan lihat hasilnya....:))semoga bermanfaat..:))

Cara Membuat Kotak Komentar Cantik Dengan Effek Mouse Over

noreply@blogger.com (Bang Koko) — Tue, 3 Aug 2010 13:01:00 +0800

[[DEMO]]
Pertama Silahkan Login Ke Blogger Pada Dasbor Klik Tata Letak->>Edit html->>expand template widget Kemudian cari code sperti ini

<div class='comment-form'>

Kemudian jika sudah ketemu silahkan Hapus dan ganti dengan Code Berikut Ini..

<div id='mbt-form'>

Jika sudah sekarang silhakan Cari code ]]></b:skin> kemudian letakan Code Berikut tepat di atasnya...

#mbt-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjATl7GZdvEuCgMcJRJP_4r-zjJ69-NWac3GmLqTW6rNszylEH_X0snu7_F3uWQIOp6qDdhxzT_yP6TdjSAZEbZz-xYQO_m8rs_yiNb_-daWOPb4BLqACkKOgEMJMoTcmXamu9tthbN2EVa/s400/plz-do-not-spam1.gif) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#mbt-form iframe:hover{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0MX2SPMUwXl3A9Js54i6B-57_NZ1aC1882l780KztotrnOPsS41WIufKAf2lYtWuwhJuOSoSVexTwHQtxowPvS-EyEtf5G3EGeJe1rq7LKjzVbVO88g9KBQgNRto0rM0NEUWP_jtP7eZa/s400/plz-do-not-spam2.gif) no-repeat bottom right;
border:7px solid #7EB2AC;
}
#mbt-form a{
color:#7EB2AC;
}

SAVE TEMPLATE dan lihat hasilnya kawanku....pasti menarik hehheee..:)

Cara Mudah Membuat Komentar Show-Hide

noreply@blogger.com (Bang Koko) — Tue, 3 Aug 2010 12:39:00 +0800

Pertama Silahkan Login Ke Blogger Pada DAsbor Klik Tata LETAK/Rancangan->>edit html->>expand template widget kemudian cari code seperti ini </head> Jika sudah ketemu tambahkan code berikut ini tepat di atasnya

<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "[Show Comments]";
}
else {
ele.style.display = "block";
text.innerHTML = "[Hide Comments]";
}
}
</script>

Lanjut Trus silahkan anda cari code seperti ini..

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>

</dl>

Jika sudah ketemu silahkan hapus code tersebut dan ganti dengan code berikut ini..

<a href='javascript:toggle();' id='displayText'>[Show-Hide-Comments]</a>

<div id='toggleText' style='display: none;'>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>

</dl>

</div>

sekilas info:Sebenarnya Trik ini anda hanya menambahkan code yang berwarna merah ...
nah jika sudah selesai Klik simpan template dan lihat hasilnya seperti yang ada di blog saya ini...

Cara Hapus Profile Komentator Di Blog

noreply@blogger.com (Bang Koko) — Tue, 3 Aug 2010 12:03:00 +0800

Ketika Para Pengunjung Blog Meninggalkan Komentar di blog anda,secara otomatis situs anda terhubung ke URL situs tersebut,Nah jika anda tidak ingin Blog anda terhubung ke situs tersebut ini ada trik sederhana untuk menghapusnya silahkan ikuti langkah-langkah berikut ini.

1.Login ke Blogger Pada Dasbor Klik Tata Letak->>edit html->>expand template widget
2.Jika sudah scroll ke bawah lalu cari code seperti berikut ini

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>

3.Kemudian jika sudah ketemu code tersebut silahkan Hapus dan ganti dengan code berikut ini

<data:comment.author/>

4.Klik save template dan selesai......

Cara Membuat Komentar Pengunjung Langsung Muncul Tanpa Perlu Di moderasi

noreply@blogger.com (Bang Koko) — Tue, 3 Aug 2010 11:40:00 +0800

Pertama Silahkan Login Ke Blogger Pada Dasbor Klik setting/pengaturan

Kemudian Pada Tab Pengaturan pilih Komentar

Lalu scroll Ke bawah Pada Moderasi komentar Pilih Tidak Dan Tampilkan verifikasi kata untuk komentar Pilih Tidak lihat seperti gambar di bawah ini

Kemudian klik Save jika sudah selesai dan jadi dech..:)

Cara Berhenti Untuk Pengindeksan Foto Google Di Blogger

noreply@blogger.com (Bang Koko) — Mon, 2 Aug 2010 18:56:00 +0800

1.Login Ke Blogger Pada Dasbor Klik Tata letak->>edit html
2.Lalu cari code <head>
3.Kemudian letakan code berikut ini stelah code tadi

<meta content='noimageindex' name='robots'/>

4.Klik simpan template dan selesai

Multi Color Link Hover Effect Untuk Blogger

noreply@blogger.com (Bang Koko) — Mon, 2 Aug 2010 18:35:00 +0800

Trik Ini Benar-benar mudah untuk kita ikuti hanya dengan menggunakan javascript yang akan menyimpan di dalam template sehinggah tidak ada yang akan menghubungkan eksternal sama sekali,jika anda tertarik ingin memasangnya silahkan ikuti langakah Berikut ini

[[DEMO HERE]]

1.Login Ke blogger TATA LETAK->>EDIT HTML
2.Lalu cari Code </head>
3.Trus letakan code berikut ini tepat di atasnya

<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}

function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}

function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function ChangeColor()
{
objActive.style.color = makeColor();
}

function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>

Ket:anda dapat merubah nilai tingkat Var=20..ini untuk mengontrol kecepatan link berubah warna

Jangan lupa klik save template dan lihat hasilnya...:)

Cara Tambah 4 Kolom Di Bagian Footer

noreply@blogger.com (Bang Koko) — Fri, 30 Jul 2010 15:29:00 +0800

Pertama silahkan login ke blogger pada DASBOR klik TATA LETAK->>EDIT HTML->>EXPAND TEMPLATE WIDGET lalu cari code seperti ini

<b:section class='footer' id='footer'/>

Kemudian Hapus/delete Code tersebut dan ganti dengan code di bawah ini

<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G' type='Text'/>

</b:section>
</div>
<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author' type='Text'/>
</b:section>
</div>

<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader' type='Text'/>
</b:section>
</div>

<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

Lanjut lagi anda cari code seperti ini

]]></b:skin>

Kemudian Letakan Code Berikut Sebelum Code tersebut

#footer-column-container { border: .3px dotted #cccccc;}

.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}

.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}

.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}

.footer-column ul li {
background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}

.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}

Klik SIMPAN TEMPLATE dan lihat hasilnya..:))

Cara Tambah 3 kolom Ke Bagian Footer

noreply@blogger.com (Bang Koko) — Fri, 30 Jul 2010 15:19:00 +0800

Pertama silahkan Login Ke Blogger Pada DASBOR klik TATA LETAK/RANCANGAN->>EDIT HTML->>EXPAND TEMPLATE WIDGET trus cari code seperti berikut ini

<b:section class='footer' id='footer'/>

Jika sudah ketemu silahkan HAPUS/DELETE code tersebut lalu ganti dengan code berikut ini

<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

Masih Pada Tab EDIT HTML lalu cari lagi code seperti ini

]]></b:skin>

jika sudah ketemu silahkan tambahkan code berikut ini tepat di atasnya

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

Klik simpan template dan lihat hasilnya....

Script Pendeteksi Browser Untuk Blogger

noreply@blogger.com (Bang Koko) — Thu, 29 Jul 2010 21:59:00 +0800

Pertama Login Ke blogger Pada DASBOR klik TATA LETAK->>ELEMEN HALAMAN->>ADD GADGET->>HTML/JAVASCRIPT lalu paste code berikut ini ke dalamnya....

<script type="text/javascript">
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);

document.write("Browser name: "+ browser);
document.write("<br />");
document.write("Browser version: "+ version);
</script>

Klik Simpan Jika sudah selesai.....

Cara Menambahkan Icon Sebelum Dan Sesudah Judul Postingan

noreply@blogger.com (Bang Koko) — Wed, 28 Jul 2010 17:04:00 +0800

1.Cara Menambahkan Icon Sebelum Judul Postingan:
-Untuk cara pemasangannya Silahkan Login Ke Blogger Pada DASBOR klik TATA LETAK/RANCANGAN->>EDIT HTML->>EXPAND TEMPLATE WIDGET trus cari code seperti Berikut ini

<b:if cond='data:post.url'>

Jika sdh ketemu silahkan tambahkan Code Berikut ini setelah code di atas

<img src="URL GAMBAR ANDA"/>

Trus klik simpan..

2.Cara menambahkan Icon Setelah judul Postingan
-Untuk cara pemasangannya silahkan anda cari Code seperti berikut ini

<a expr:href='data:post.url'><data:post.title/></a>

jika sdh ketemu silahkan tambahkan code berikut ini setelah code tadi

<img src="URL GAMBAR ANDA"/>

jgn lupa di save jika sudah selesai.....
KET: silahkan Ganti tulisan yg berwarna MERAH dengan URL GAMBAR ANDA

Cara Hapus Link Berlangganan Posting(Atom)

noreply@blogger.com (Bang Koko) — Mon, 26 Jul 2010 14:19:00 +0800

Silahkan Login Ke Dasbor Lalu Klik Tata Letak->>Edit Html->>Expand template Widget Trus Cari Code seperti ini:

<b:include name='feedLinks'/>

Jika sudah Ketemu Silahkan Hapus/Delete Code Tersebut...Gimana Mudahkan Selmat Mencoba Happy Blogging..:)

Cara Membuat Widget Artikel Terbaru Dengan Feed2Js

noreply@blogger.com (Bang Koko) — Mon, 26 Jul 2010 14:05:00 +0800

Pertama Silahkan anda Menuju Ke Feed2Js

jika Sudah Silahkan isi Url Feed anda contohnya seperti ini http://yourblogname.blogspot.com/feeds/posts/default lalu klik Generate javascript lihat seperti gambar di bawah ini

Jika Sudah Silahkan Copy Code Javascript Tersebut dan masukan ke sidebar anda Add Gadget->>html/javascript lalu klik simpan ......selamat mencoba

Cara Buat Feed Label

noreply@blogger.com (Bang Koko) — Mon, 26 Jul 2010 13:23:00 +0800

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

Jika sudah ketemu silahkan ganti dgn code di bawah ini:

<b:loop values='data:labels' var='label'>
<li>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

Lalu Klik save tempalte jika sudah selesai....selamat mencoba happy Blogging

Cara Redirect blogger Feed Ke Feedburner Feed

noreply@blogger.com (Bang Koko) — Mon, 26 Jul 2010 13:00:00 +0800

Login Ke Blogger Pada Dasbor Klik Setting/Pengaturan->>Site Feed kemudian Isi Url Feed Anda Seperti Pada Gambar di bawah ini

Jika sudah Klik Save Setting........selamat mencoba..:)

Cara Buat Comment Feed Untuk Postingan Blog

noreply@blogger.com (Bang Koko) — Sun, 25 Jul 2010 21:15:00 +0800

Hal Ini sangat berguna bagi para pngunjung blog anda untuk berlangganan posting khusus dari blog anda,..nah jika anda tertarik silahkan ikuti langkah² berikut ini.

Pertama Silahkan Login ke blogger pada menu dasbor klik Tata Letak->>Edit html->>expand template widget lalu cari code seperti ini

<data:post.body/>

Jika sudah letakan code berikut ini setelah code tadi...ingat jika anda sudah memakai fasilitas readmore maka letakan code berikut di setelah <data:post.body/> yang ke dua:

<p style='background-color:#ffffc6;'><a expr:href='"http://YOURBLOG.blogspot.com/feeds/" + data:post.id + "/comments/default?alt=rss"'>Comments Feed Untuk Postingan</a></p>

Ket:jgn lupa ganti tulisan berwarna lalu klik simpan template....selamat mencoba..:)

Cara Merubah Berlangganan Posting Atom Dengan Berlangganan Posting Rss

noreply@blogger.com (Bang Koko) — Sun, 25 Jul 2010 21:01:00 +0800

Pertama Silahkan Login Ke blogger Pada Menu Dasbor Klik Tata Letak->>Edit html->>lalu expand template widget trus cari code seperti ini:

<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>

Jika sudah ketemu silahkan ganti dengan code berikut ini:

<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml' target='_blank'><data:f.name/> (RSS)</a>
</b:loop>
</div>
</b:includable>

Klik simpan template jika sudah selesai....selamat mencoba..:)

Box Subscribe Untuk Blogger

noreply@blogger.com (Bang Koko) — Sun, 25 Jul 2010 20:52:00 +0800

Pertama silahkan Login Ke blogger pada dasbor klik Tata Letak->>Elemen Halaman->>Add gadget->>html/javascript kemudian copy code berikut ini dan letakan di dalamnya:

<style type="text/css">
#subscribe-box {
overflow: hidden;
margin: 10px 0 0 0;
}

#subscribe-box a.subscribe-sec {
display: inline-block;
display: -moz-inline-stack;
width: 40px;
padding-top: 38px;
zoom: 1;
}

#subscribe-box a.subscribe-sec:hover {
color: #660000;
}
</style>

<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Tulis Text anda di sini</p><p><input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value='';" /><input value="FEEDBURNER-ID" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p>

<p><div id="subscribe-box">
<a title="Delicious" href="http://delicious.com/DELICIOUS-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTxltgv1jWh4JCVH_PQWZwoAx6I6oj0vo_ISAMm8nhmAB6OB80aRXmN6RPKoiqBYVfdjBquP2JWe3Fbb1cZmdvPDsDa7SGWy9JhpqFdqS2VeJw4H0A4rMTSLmR-uSMArb07Feyd4nq4UNt/s1600/delicious.png) center top no-repeat"></a>
<a title="Twitter" href="http://twitter.com/TWITTER-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFp0U6bpTarhgIz7w-mvca6qsWZOGjpGcfnkF4LIP8cZUltCAYm49ICtrCWKHPy3EdgmIN0W3OmY4tU21HZo8SReejcYpwndqqfBXh23UkQbPpxWeVhEz9AiDkL57SLtG8xf15WTZI-jF1/s1600/twitter.png) center top no-repeat"></a>
<a title="Digg" href="http://digg.com/users/DIGG-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZNftbBk2aQAeVw3-8_IuExSzqQ4FHC_ZpoHwzFVVbc3xSgQH82F3oXEJnc-9NusXUS-SW8lx06sWx1sg6G4E8NCJCXAle4m-AS5jqyCav-7ZWRvB9KlezommP9ca69xNnh8vgTUqNZTmp/s1600/digg.png) center top no-repeat"></a>
<a title="Facebook" href="http://www.facebook.com/FACEBOOK-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ3jGyRZc5lf0vtCOBMyfnMD7MtJvaH0MYwmViN348YG7xm4PRjVudFAY9mL-wOECwsDsGZtv7-YFTIlSVr85IrFR1z6l8Togm_oKRoKEWIge3kr0mlwiVuEhyb20cEMCqaivpKl1wvmy6/s1600/facebook.png) center top no-repeat"></a>
<a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/STUMBLEUPON-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3NQOhaANWJFdjJ_dujYzVxA70zizwGSzkQ_ElOVBBibjjHxIrcMDsp6Gm9imBD-vJnv2jg5JVC_p5VMdr4cvmAQ6JFilcxVFYxe4yRWoY_uuiz6jZXyrTOVBqKr-qrDv2kL-sI9BBxHzO/s1600/stumbleupon.png) center top no-repeat"></a>
<a title="RSS Feed" href="http://feeds.feedburner.com/FEEDBURNER-ID" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrFExoNSCTKe0kzeCenpqnRzHItJsni8Qfe_AWCQGNjATfKfBaVdRvnl9k4PL2iDTOV7fA9ySNqssu8qSOO33p9IbeeR8De501qESvAjOLeYjH6vJao6ui8hywyhqS1wBkKejYq4q8EAV8/s1600/rss.png) center top no-repeat"></a>
</div></p>

</form>

Kemudian Klik Simpan...selamat mencoba happy blogging..:)

Cara Pasang Peta Situs Pengirim Untuk Blogger

noreply@blogger.com (Bang Koko) — Sat, 24 Jul 2010 22:41:00 +0800

Pertama silahkan Login ke blogger pada dasbor Klik Layout->>elemen halaman->>add gadget->>html/javascript lalu paste code di bawah ini ke dalamnya

<script src="http://www.mypagerank.net/services/sn/servicesn_js.php"></script>

klik simpan jika sudah selesai...:)

Cara pasang Index cheker artikel di blogger

noreply@blogger.com (Bang Koko) — Sat, 24 Jul 2010 22:28:00 +0800

Login ke dasbor ->> layout ->> elemen halaman
lalu klik Add Gadget di sedebar kemudian letakan code berikut ini ke dalamnya

<form method ='post' action = 'http://www.seocompany.ca/tool/indexed-pages.php'>
<textarea name ='urls' cols=50 rows = 10></textarea><p>
<input type = 'submit' name = 'submit' value ='Check Now!'>
</form>

trus klik simpan....jadi dech..:)

Cara Ubah Tag Judul Default Di blogger Untuk SEO

noreply@blogger.com (Bang Koko) — Sat, 24 Jul 2010 21:51:00 +0800

Tips Ini Untuk Membantu memperkuat kata kunci yang relevan untuk blog anda yang meningkatkan peringkat mesin pencari blog anda,nah jika anda tertarik silahkan ikuti langkah-langkah berikut ini:

Pertama Login ke blogger anda pada dasbor klik Tata letak->>edit html lalu cari code seperti ini

<title><data:blog.pageTitle/></title>

Jika sudah silahkan ganti dengan code di bawah ini

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

Trus Klik simpan template...selamat mencoba..happy blogging..:)

Refresh Otomatis Buat Blog/Web anda

noreply@blogger.com (Bang Koko) — Sat, 24 Jul 2010 21:36:00 +0800

Pertama Login Ke bLogger Pada Dasbor Klik Tata Letak->>Edit Html Lalu cari Code <head> Kemudian Copy Code di bawah ini dan letakan Tepat Setelah Tag <head>

<meta HTTP-EQUIV='refresh' content='15;URL=http://namabloganda.blogspot.com'/>

Ket: Tulisan Yang warna Merah Dengan Url Blog Anda,15 adalah jangka waktu halaman refresh anda silahkan ganti dengan keinginan anda

jangan lupa klik simpan template..:)

Cara Sembunyikan Judul Header Blog

noreply@blogger.com (Bang Koko) — Sat, 24 Jul 2010 17:09:00 +0800

Pertama Silahkan Anda Menuju Ke halaman Edit Html anda lalu cari code seperti ini #Header h1 lihat gambar di bawah ini

Kemudian Copy Code berikut ini display:none; dan paste setelah code #Header h1 lihat gambar di bawah ini

lalu klik simpan template dan lihat hasilnya...:)

Cara Ubah Tag Post Untuk SEO di Blogger

noreply@blogger.com (Bang Koko) — Sat, 24 Jul 2010 16:58:00 +0800

Post Tag(h1,h2,h3,h4,h5)sangat penting untuk SEO,Jadi semua template Blogger Menggunakan Tag h2 or h3 Untuk Title,Jika anda ingin meningkatkan Situs SEO anda,maka perlu menggunakan Tag h1 Untuk Judul Posting.....nah jika anda tertarik silahkan ikuti langkah-langkah berikut ini:

Pertama silahkan menuju ke halaman Edit html anda lalu beri tanda centang pada Expand template widget lalu cari code seperti di bawah ini:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Ket: jika anda tidak menemukan code di atas ganti Tag h3 menjadi h2

Jika sudah ketemu silahkan ganti code di atas dengan code di bawah ini:

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

Trus cari code ]]></b:skin> lalu copy paste code di bawah ini dan letakan di atas code ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {
border-bottom:0px Dotted #000000;
border-top:0px Dotted #000000;
margin:.25em 0 0;
padding:0 0 4px;
font-size:150%;
font-weight:normal;
line-height:1.4em;
color:#1c3c6f;
}

Klik simpan template dan selesai...selamat mencoba happy blogging..:)

Cara Pasang Link To Share

noreply@blogger.com (Bang Koko) — Sat, 24 Jul 2010 16:22:00 +0800

Pertama Silahkan anda menuju ke halaman Edit html Anda kemudian cari code seperti ini <data:post.body/> Jika sudah ketemu silahkan copy code di bawah ini dan letakan setelah code tadi

<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'>Digg it !!!</a>
<a expr:href='"http://www.stumbleupon.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'>Stumble it !!!</a>
<a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'>Share on Reddit!!!</a>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'>Twit this</a>
<a expr:href='"http://del.icio.us/post?v=4&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'>Share on Delicious</a>
<a expr:href='"http://technorati.com/signup/?f=favorites&Url=" + data:post.url' rel='nofollow' target='_blank'>Share on Technorati</a>

Ket: Jika anda sudah memamkai fasilitas Readmore maka letakan code tersebut di bawah code <data:post.body/> yang kedua.....lalu klik simpan jika sudah selesai....selamat mencoba..:)

Cara Pasang Link Back Artikel

noreply@blogger.com (Bang Koko) — Sat, 24 Jul 2010 16:04:00 +0800

Apakah Anda Tertarik untuk Memasang link Back Artikel di bawah posting blog anda,??Widget Ini akan membantu anda meningkatkan link balik ke situs anda Untuk SEO,,nah jika tertarik silahkan ikuti langkah-langkah berikut ini:

Pertama silahkan anda menuju ke halaman Edit html Anda Lalu cari code seperti ini

<data:post.body/>

Jika sudah ketemu silahkan Tambahkan code berikut ini di bawah code <data:post.body/> Yang kedua jika anda sudah memakai fasilitas readmore,,

<div style='border: 0px solid #646464; padding: 2px 2px; margin:2px 2px;background-color:#ffffff;font-size:11px;'>
<p> Link Back to this article...</p>
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'><a href="<data:post.url/>"><data:post.title/></a></textarea><br/>
</div><br/>

lalu klik simpan template dan lihat hasilnya..:)

Cara membuat Recent Comments Feedburner

noreply@blogger.com (Bang Koko) — Sat, 24 Jul 2010 15:36:00 +0800

1.Pertama silahkan anda Login Ke Feedburner.com Dengan akun anda
2.Kemudian Masukan Url Feed"http://YOUR-BLOG-NAME.blogspot.com/feeds/comments/default" Komentar anda seperti di bawah ini lalu klik Next

3.Lalu masukan nama Feed anda trus klik Next

4.Kemudian Beri tanda centang pada Cliktroughs dan I want more have feedburner stats also track trus klik Next

5.Lanjut lagi klik Publicize->>Buzzboost seperti pada gambar di bwah ini

6.Pada halaman Feed Setting Klik Active lalu pada tulisan Use as widget in Pilih Blogger seperti pada gambar di bawah ini lalu klik GO

7.pada halaman selanjut silahkan klik Menambah widget dan selesai,..;)happy bloging

Cara Membuat Link Warna Warni

noreply@blogger.com (Bang Koko) — Fri, 23 Jul 2010 20:29:00 +0800

Silahkan ke halaman Edit html lalu cari code

</head>

jika sudah ketemu silahkan letakan code berikut ini tepat di atas code tadi

<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}

function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}

function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function ChangeColor()
{
objActive.style.color = makeColor();
}

function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>

jika sudah klik simpan template danlihat hasilnya,,,

Tombol Feedback Untuk Blog anda

noreply@blogger.com (Bang Koko) — Fri, 23 Jul 2010 19:57:00 +0800

Pertama silahkan Login Ke bLogger anda lalu klik Tata letak->>add gadget->>html/javascript kemudian paste code di bawah ini ke dalamnya:

<a style="display:scroll;position:fixed;center:5px;right:5px;" href="Isi link Contac me anda di sini" title="Feedback Please"><img src="http://i34.tinypic.com/2pyz7rm.jpg" /></a>

Cara Membuat Recent Post Dengan Marquee

noreply@blogger.com (Bang Koko) — Fri, 23 Jul 2010 19:34:00 +0800

Pertama silahkan Login Ke blogger anda lalu klik Tata letak->>add gadget->>html/javascript lalu paste code di bawh ini ke dalamnya

<script style="" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/recentpostsscrollerv2.js"> </script><script style=""> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="»"; </script> <script style="" src="http://Yourblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

Ket: silahakn ganti tulisan yang berwarna Orange dgn alamat Blog anda,

Cara menampilkan hanya judul dalam Blog Archieve dengan Tanggal

noreply@blogger.com (Bang Koko) — Fri, 23 Jul 2010 19:10:00 +0800

Pertama silahkan Login ke blogger anda lalu klik Tata letak->>Edit html trus cari code seperti ini

<b:include data='post' name='post'/>

jika sudah ketemu silahkan ganti dengan code berikut ini:

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<li><a expr:href='data:post.url'>
<data:post.title/></a></li><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

lalu klik simpan template....semoga bermanfaat..:)

Dynamic Meta tags Untuk Blogger

noreply@blogger.com (Bang Koko) — Fri, 23 Jul 2010 18:16:00 +0800

Fungsi Meta tag umtuk memperkenlakan Blog anda ke mesin pencari,ini sudah menjadi keharusan untuk setiap Web/Blog,ini ada code sederhana untuk mengoptimasi proses untuk menempatkan deskripsi meta dan tag kata kunci untuk setiap halaman blog anda,meskipun tidak sangat efektif,tetapi sedikit meningkatkan visibilitas halaman anda di Mesin pencari,ini adalah Meta tag Dinamis yang memiliki code yang sama tetapi berbeda untuk menampilkan konten halaman yg berbeda,sebenarnya fungsi code ini untuk menunjukan nama blog dan judul posting di meta deskripsi/kata kunci konten,nah jika anda tertarik silahkan ikuti langka-langkah berikut ini:

Pertama silahkan Login KE Blogger anda lalu klik Tata Letak/rancangan->>Edit html Lalu cari code berikut ini:

<b:skin><![CDATA[

jika sudah sisipkan code di bawah ini di atas code tadi

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Keywords'/>
</b:if>

lalu klik simpan template....

Cara Menambahkan Meta Tag dan Kata Kunci Untuk Setiap Posting Anda

noreply@blogger.com (Bang Koko) — Fri, 23 Jul 2010 17:55:00 +0800

Perlu di ketahui bahwa GOOGLE dan Mesin Pencari lainnya sekarang mencari peringkat halaman setiap artikel itu terpisah,sehinggah sangat di perlukan untuk mendapatkan PAGE RANK untuk setiap postingan anda,nah bagi yang berminat silahkan ikuti langkah-langkah berikut ini:

Pertama Silahkan anda Menuju ke halaman Edit Html Anda,jika sudah silahkan cari code

<head>

lalu tambahkan code berikut ini di bawahnya

<b:if cond='data:blog.url == "http://URL POST NEW ANDA.html"'>
<META NAME="keywords" CONTENT="KEYWORDS ANDA" />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>

jika anda ingin menambakan Descripsi dan Tag meta Penulis Silahkan tambahkan code berikut ini di bawahnya

<META NAME="description" CONTENT=" DESCRIPTION HERE" />
<META NAME="author" CONTENT="NAMA ANDA" />

KET: silahkan ganti tulisan yang berwarna merah...selmat mencoba semoga bermanfaat...

Widget Bookmark Share For Sidebar

noreply@blogger.com (Bang Koko) — Wed, 21 Jul 2010 20:45:00 +0800

[DEMO HERE]
Pertama Silahkan Login ke bLogger lalu klik Tata Letak/rancangan->Add Gadget->Html/javascript kemudian paste code berikut ini ke dalamnya:

<center><tr>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD9WFpwh5bKtU4zCypIee9OuMaWGixlQTBqll2r506HmVNyhPTOF-bh9IgWBT-gZEutsO2I66OpSNg3RVgTY9Wza0H6qyg9gsdfU-gjBFZ-kfL-RKYTGjxHisdPlO32XfrgxMvCctDZGA/s400/FACEBOOK.png" height="25"/></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlDQL-G6QxtWmUygGOofKAcJrASGxXOp-CFnejmLhrxcnxYPtd6sT4ryKZB0gISUiW-7FlJxlDkldtS7l_sviUrUgFsuY6-4vwYT094uwSsrpWzjNOKaBUJkVZBHgXbirpgiTL5443lmQ/s400/TWITTER.png" height="25"/></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http://YOUR-BLOG-NAME.blogspot.com">Share on Twitter</a></td>

</tr>

<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJsGvSlg5sVprZtkpN-uIjWok_xjuwKn9AcehTo24vsVkQ5u-wonmUhTnyNOJesynfO7KJAXm6ddB_rHxDGHdvCcjOF62X2YP32S970Ree9hEeUcIVl7qil4puKregLciZZ-nEZKE6Kp4/s400/STUMBLE-UPON.png" height="25"/></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqUGKJpZ1O20QtGa1AN0MeZ80SLkwX6Ho6o-nKLuP9PwH850PR0DUz5HK8ZmqZBW550VS7t0A40jHkXv1uufbTwFbpcnTO_TiTj5KFNlf-EnMAZgu00XiYe3ynGRxw2ILjNHkfLZOw3M/s400/DELICIOUS.png" height="25"/></td>
<td height="30"><a href="http://del.icio.us/post?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr>

</tbody>

</table>
</td>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLQYeGbQ0-sD57JEHHFJqU2QXhVuCSGBbwY9qBHX-VmjzgpQZIYU1oKc7ZYSqPrZPP3iFFs0znAG03DGsL-noVFTmdAzjRVzIWwRwLFiEU8xPVWhZseLi75naqGaEWuHEekIDq7RxtZuo/s400/DIGG.png" height="25"/></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr>

<tr>
<td height="30"><img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwJe_q60cf1i2h4I69JqNPCbZYLf-ZDbCbalZRAjpG0KAyrc9i_i1BmyIxm5irE4-WgSsBRtPD415m03v6dQgzX6czKYsAEypOhdkQYRLiWNRz8cqrSef6iOJHmuyR5ULp_oTv481uQNU/s400/Google-icon.jpg" height="22"/></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td>
</tr>
<tr>
<td height="30"><img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcm0plaenbkohFMfU8GLqJBAsxjWyCD22VkEdIC0t3GRyJTotkHqiDDbPaosOPuo2bi_co4NUisCHaHEOrvz-PCN3392o99Lroeq5YWA6RRpDZnB6O3jClcpmivW9_7HaEGDWMMSGkFBBl/s400/Email+Orange_128.png" height="22"/></td>
<td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=tutorialblogbangkoko" target="_blank" rel="nofollow">Receive Email Updates</a>
</td>
</tr>
</tbody>
</table></td></tr></center>

Ket:Ganti Tulisan Yang Berwarna Merah Dengan Url Blog anda dan yang berwarna biru dengan Url Email Subscription Anda...kemudian klik simpan dan lihat hasilnya,,lihat contoh di sebelahkanan sidebar blog saya...

Cara Membuat Kotak Followers Untuk RSS,TWITTER dan FACEBOOK

noreply@blogger.com (Bang Koko) — Wed, 21 Jul 2010 20:12:00 +0800

pertama silahkan login ke blogger kemudian klik Tata Letak->Add Gadget->Html/javascript lalu copy code berikut dan masukan ke dalamnya:

<style>
.rss-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpAjv2jdwt0X8zvhBJgE2tr-7RQrrGutpetAhJofROv8o9CNA5d9ii_GH5XlckNNO-xVv8Dx3kSL4fCG-phkrRU3YqrQmZXkDUG_BDmqLizHVsJzC30TAXqeZWgLDkBcb4TGMim2-deGQ/s800/RSS1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}

.twitter-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipBFJf8v39jQlWq9vsWQ1n3VLMTPlMHUl_lYPoWEA9oexW76tUnPX_o09VHE6JBMVFJYhmQgpkKpHQamFEYjyPswFjBNaEDzJU0B2jVKa45VLqb_vaOGQrCaIqCa-hy6KE08ZVcREtS7s/s800/TWITTER1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}

.facebook-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbLrpOZB0awgY8RodEUwVNyMASdnknMuKxEolK7WxwvE4DiOrwhpb0gQAekbMT2z_12M1Pca2Trq636HjbtAMjuoUMKZl9pdgrO4rg8wxNV47ziuur3TgEBp3d3zvipr-ArorFEOhKM4s/s800/FACEBOOK1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}

.follower-rss, .follower-twitter, .follower-facebook {
font-family: Georgia, sans-serif, Times;
font-size: 1.1em;
font-style:italic;
color:#289728;
}

.follower-rss span {
font-size: 1.9em;
font-weight: bold;
font-style:italic;
color:#FFB93C;
}

.follower-twitter span {
font-size: 1.9em;
font-weight: bold;
font-style:italic;
color:#6DB6E6;
}

.follower-facebook span {
font-size: 1.9em;
font-weight: bold;
font-style:italic;
color:#3889BA;
}

</style>

<div class="rss-mbt">
<div class="follower-rss"> <span>515</span> loyal readers
</div>
<a href="ADD-RSS-FEED-URL-HERE" rel="nofollow">RSS feed</a>
| <a href="ADD-RSS-EMAIL-FEED-URL-HERE" target="_blank" rel="nofollow">E-mail</a>
</div>

<div class="twitter-mbt"><div class="follower-twitter"><span>1058</span> followers</div>
<a href="ADD-YOUR-TWITTER-URL-HERE" target="_blank" rel="nofollow" title="I definitely follow you back">Follow us on Twitter!</a>
</div>

<div class="facebook-mbt">
<div class="follower-facebook"><span>260</span> followers </div>
<a href="ADD-YOUR-FACEBOOK-URL-HERE" target="_blank" rel="nofollow">Join us on Facebook!</a>
</div>

Kemudian klik simpan .......

Cara Pasang Avatar Pada Komentar Postingan

noreply@blogger.com (Bang Koko) — Wed, 7 Jul 2010 18:44:00 +0800

1.Silahkan anda klik Edit html
2.Kemudian Beri tanda centang pada Expand template widget
3.Jika sudah silahkan anda cari code seperti ini ]]></b:skin> kemudian letakan code di bawah ini tepat di atasnya

.avatar-image-container img{ background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat; height:35px; width:35px; }

4.cari lagi code seperti ini <dl id='comments-block'> atau <div id='comments-block'> Jika sudah ketemu silahkan ganti dengan code berikut ini

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

5.masih pada edit html cari lagi code seperti ini <a expr:name='data:comment.anchorName'/> jika sudah ketemu Hapus code tersebut dan ganti dengan code di bawah ini

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

6.Klik simpan template dan lihat hasilnya...

Cara Membuat Navbar Auto Hide Transparent

noreply@blogger.com (Bang Koko) — Wed, 7 Jul 2010 18:12:00 +0800

Dengan adanya berita akan di hapus blog yang menghilangkan Navbar maka untuk menjaga-jaga tidak ada salahnya kita pasang Navbar Blogger,nah biar gak kelamaan ikuti langkah-langkah berikut ini

1.silahkan Menuju ke halaman Edit Html
2.Kemudian silahkan anda cari code seperti di bawah ini

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

3.Jika sudah ketemu Delete/hapus Code tersebut dan ganti dgn code berikut ini

<style id='page-skin-1' type='text/css'< >!--
*{margin:0;padding:0;}
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}

4.Kemudian Klik save template dan lihat hasilnya....