KUMPULAN GAMBAR VESPA GEMBEL

motor drag modifikasi motor jupiter z satria fu modifikasi cb100 modif cara merawat body mega pro stiker motor stiker motor stiker motor setting langsam angin karbu motor mio bore up djarum black kontes kia picanto modifications pembalap perempuan jeni momo road racing champion honda gl100 full tiger nuansa cb100 hubungan superkips dengan pengapian kumpulan motor ninja pelek jari modif vixion setting karburator mio soul model-modek cat gaya balap buat jupiter mx harga spare part honda cbr 250 vs ninja suzuki satria ru modifikasi harga motor yamaha byson bekas airbrush tangki motor dijual suzuki satria baru bisa kredit murah dealer hyosung bosowa karburator mio GAMBAR Scooter Electric YANG ASIK

Read More

Cara Memasang Widget Related Post dengan Gambar dan Jumlah Komentar

Cara Memasang Widget Related Post dengan Gambar dan Jumlah Komentar - Kali ini saya akn membahas bagaimana Cara Memasang Widget Related Post dengan Gambar dan Jumlah Komentar. Dulu saya pernah membahas Cara membuat Related Post dengan Gambar (linkwithin). Nah, sekarang related postnya agak sedikit di modifikasi, selain judul dan gambar, saya juga menambahkan jumlah komentar.

Berikut Cara Pemasangannya :

1. Login ke Blogger sobat

2. Pilih menu Rancangan > Edit HTML > Centang Expand Template Widget

3. Cari kode ]]></b:skin>, lalu Copy kode dibawah tepat diatas kode ]]></b:skin>

#related-posts{float:left;height:160px;margin-bottom:10px; outline: 1px solid #fff;border: 1px solid #ddd;background: #f9fafb;}
#related-posts h3{font-family: Francois One;font-size:20px;font-weight:400;color: #222222;margin-bottom: 0.5em;margin-top: 0.5em;margin-left: 0.5em;padding-top: 0em;}
#related-posts ul{margin:5px;width:613px;padding-left:17px;list-style:none;display:block;}
#related-posts ul li{list-style:none;position:relative;float:left;border:0 none;margin-right:11px;padding:2px;width:86px;}
#related-posts ul li:hover{z-index:100}
#related-posts ul li:hover img{border:3px solid #BBB}
#related-posts ul li:hover div{font-size:7px;text-transform:capitalize;position:absolute;top:20px;left:-15px;margin-left:0;width:130px}
#related-posts ul li img{border:3px solid #DDD;width:80px;height:80px;background:#FFF;display:block;}
#related-posts ul li div{position:absolute;z-index:99;margin-left:-999em}
#related-posts ul li .title{text-align:center;border:1px dotted #CCC;background:#fff;padding:5px 10px

4. Selanjutnya Cari kode <data:post.body/>, lalu Copy kode dibawah ini tepat dibawah kode <data:post.body/>

<b:if cond=data:blog.pageType == &quot;item&quot;>
<div id=related-posts>
<script type=text/javascript>var ry=&#39;<h3>Baca Juga:</h3>&#39;;rn=&#39;<h3>No Related Posts </h3>&#39;;rcomment=&#39;Comment&#39;;rdisable=&#39;Comments off&#39;;commentYN=&#39;yes&#39;;</script>
<script type=text/javascript>
//<![CDATA[
var nothumb=http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/no-image.png;dw=;titles=new Array();titlesNum=0;urls=new Array();time=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(thr$total in d){commentsNum[titlesNum]=d.thr$total.$t+ +rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;if(media$thumbnail in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]=nothumb};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;time=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+=<ul>;while(b<titles.length&&b<20&&b<maxresults){if(commentYN==yes){comments[c]= - +commentsNum[c]}else{comments[c]=};dw+=<li><a href="+urls[c]+" rel="nofollow"><img alt="+titles[c]+" src="+thumb[c]+"/></a><div class="title"><a href="+urls[c]+" rel="nofollow"><h2>+titles[c]+</h2></a><span>+time[c].substring(8,10)+/+time[c].substring(5,7)+/+time[c].substring(0,4)+comments[c]+</span></div></li>;if(c<titles.length-1){c++}else{c=0}b++}dw+=</ul>};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById(related-posts).innerHTML=dw};
//]]>
</script>
<b:loop values=data:post.labels var=label>
<script expr:src=&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot; type=text/javascript/>
</b:loop>
<script type=text/javascript>var maxresults=6;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
</div>
<div style=clear both/>
</b:if>

Ket:  yang warna merah, ganti dengan kata2 sesuai kesukaan sobat

yang warna biru, ganti dengan jumlah related post yang akan ditampilkan

5. Simpan Template. Dan lihat hasilnya :D

Semoga Bermanfaat !! 

Read More

Membuat Gambar Melayang Di Pojok

Hallo sobat negeri semua, apayang akan kita bahas hari ini. Mari kita mencoba ngebahas gimana cara membuat gambar yang berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. taugak maksud saya. Itu lho contoh whos.amung.us yang saya pasng di bawah sebelah kiri. Oke langsung saja menuju saja ya sobat.

Ikuti langkah berikut ini :

Cara Pertama :

1.  Login ke blogger trus klik "Layout -->> Edit HTML

2.  Cari kode ini ]]></b:skin>  kalau dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3.  Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4.    Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>

Catatan :

*  "http://.blogspot.com" adalah link. ganti dengan link kamu.
*  "http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5.   Simpan dan lihat hasilnya sobat.

Semoga berhasil ya

Read More