Cara Membuat Recent Koment Dengan Gambar Avatar

?? ~_~ ywdh admin posting aja ini Cara Membuat Recent Koment Dengan Avatar :) hmm kalian tau fungsi nya ?? klo sudah tau pasti tau fungsinya (emang pasti tau -_-) kwwkwkwkwk klo yg blom tau oke amdin ceritakan Sedikit Fungsinya :

Recent Koment Berfungsi sebagai pembertahuan siapa yg berkomentar di postingan kita jdi kita dengan mudah juga melihat siapa yg berkomentar heheheh Contoh Nya Kyk Punya Admin ini lohh !! hehe Screem Shot Nya bsa di lihat di sampin klo gk bsa loihat brarti buta wakwkakwkakw !! kidding om ckckckckckkc Kemarin Admin Posting Tentang Tips Memasang Tombol Button Dengan Animasi Bubble Dengan CSS Sudah Di coba ?? Sudah Di Pratekin ? klo sudah Silahkan Beri Komentar ya agar dapat backlink otomatis dri saya wkwkwwkwkwk oke gk usah lama² ngebacod nya langsung saja masuk ke tuturial Cara Membuat Recent Koment Dengan Avatar Let's Go To TKP :

1 Login Akun Blogger

2. Masuk Ke Rancangan

3. Klik Tambah Gadget

4. Ambil Javascript/HTML

5. Pastekan Script Ini di kotak besar yg di sediakan

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarImage:hover{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/26002010100/recent-comment-by-rendy-aprizia-prayoga.js"></script>
<script type="text/javascript" src="http://www.cheatermaninjau.net/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Keterangan :

• Yang Warna Merah Kamu ganti Dengan Url Blog Kamu

Selesai Deh !!!

Bila ada yang di tanyakan Tolong Berkomentar

Read More ->>

Cara Buat Gambar Postingan Berputar Saat Di Sorot Mouse

Hehe Udh Lama Ya gk Post XD Pasti Lagi nungguin Postingan Baru Dari XT ya ?? XD hhehehe Kemarin Admin Pusing Mau Posting apa :v karna bnyk yang nanya cara buat gambar postingan berputar saat di sorot mouse ya udh deh admin aja ixixixixix Kemarin admin posting Cara Membuat Recent Coment Dengan Gambar Avatar kan ? udh di pratekin blom ?? heheh klo sudah jangan lupa tinggalkan komentar nya , bilan ingin rank alexa mu naik :) klo gk mau sih ,  gpp hehehe admin ,  gk maksa kok :3 kwwkwkwk oke gk usah panjangan lebar langsung aja ke tuturial cara buat gambar postingan berputar saat di sorot mouse Let's Go to TKP :
1 login akun blogg
2. masuk ke rancangan
3. masuk ek EDIT HTML
4. Cari Kode </head> Letakkan script ini di atas kode </head>

<b:if cond='data:blog.url == data:blog.homepageUrl'><style>.post img{margin:10px;padding-left5px;width:100px;height:100px;text-align:center;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-webkit-background-clip:padding-box;-webkit-box-shadow:0 0 0 3px #000cff;-moz-box-shadow:0 0 0 3px #000;box-shadow:0 0 0 3px #000cff;-webkit-border-top-left-radius:60px;-webkit-border-bottom-left-radius:60px;-moz-border-radius-topleft:60px;-moz-border-radius-bottomright:60px;border-top-left-radius:60px;border-bottom-right-radius:60px;-o-border-top-left-radius:60px;-o-border-bottom-right-radius:60px}.post img:hover{box-shadow:1px 1px 10px 3px rgba(0,0,220,0.6);border-radius:0;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
</style></b:if>

Script bisa kamu Edit Sendiri ya :D

Bila ada yang di tanyakan Harap berkomentar Thanks !!

Read More ->>

Cara Membuat Backlink Please Di Bawah Postingan

Turun Deh :'( hahahaha jdi bila ingin melihat postingan baru nya bisa lihat di sni XD Judulnya Cara Membuat Backlink Please Di Bawah Postingan Sbnr nya Admin Males Post Tutorial Ini Tapi Dari Pada Gk posting Nnti nya Rank Alexa X-T turun lg hihihi Oke Berikut Tutorial nya :D

• login blogger
• Masuk Ke Rancangan
• Masuk Ke Edit HTML
• Centang "EXPAND TEMPLATE WIDGET"
• Lalu Pastekan CSS ini Di atas ]]></b:skin>

/* X-T CSS BackLinks */
#XTbacklinks{overflow:hidden;margin-top:5px;border:3px solid #0c00ff;border-radius:5px;height:50px;width:565px;-webkit-transition:all 0.4s ease-in-out;}
#XTbacklinks:hover{border:3px solid #0c00ff;height:235px;-webkit-transition:all 0.7s ease-in-out;}
.XTbkl{margin-top:3px;float:left;color:black;width:495px;border:1px solid #0c00ff;background:#fff;-moz-border-radius:3px;transition:all .9s ease-in-out;}
.XTbkl:hover{color:black;border:1px solid #0c00ff;background:#fff;}#XTbacklinksTitle{border:3px solid #0c00ff;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 2px #000;color:#0c00ff;font-size:20px;font-familly:Arial;text-align:center}

 Nanti Kamu Edit Sendiri Warna Border Nya ya ??

• Lalu Cari Kode <data:post.body/> Pastekan Html Ini Di bawah nya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='XTbacklinks' style='margin-top:30px;'>
<div id='XTbacklinksTitle'>
<a expr:href='data:post.url'><data:post.title/></a>
</div>
<div id='XTbacklinksTitle'>
Backlinks Please Thanks ^_^
</div>
<table border='0' height='140' style='margin-left:7px;' width='260'>
<tr><td>URL<br/><input class='XTbkl' expr:value='data:post.url' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr>
<tr><td>Code For Forum<br/><input class='XTbkl' expr:value='&quot; [URL=&quot; + data:post.url + &quot;]&quot; + data:post.title + &quot;[/URL] www.cheatermaninjau.net&quot;' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr>
<tr><td>HTML Code<br/><textarea class='XTbkl' onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea></td></tr>
<tr><td><script src='#' type='text/javascript'/></td></tr>
</table>
</div>
</b:if>

Bila <data:post.body/> di template sobat ada 2 maka Plih Yang Kedua Bila Ada 1 Pilih Yang Ke 1

Simpan Dan Lihat Hasil nya :D

Read More ->>

Cara Membuat Read More dan Add Comment keren Dengan CSS

Tentang Tutorial Blog ?? XD karna admin lg banyak urusan jdi maaf ya klo jarang posting :) oke kini kita membahas tentang Read More Kamu Tau kan Fungsi Read More Untuk Blog ?? heheh .. tpi klo Read biasa pasti letakk nya di bawah kan ?? hehe klo readmore ini letakk nya di tengah² postingan blog ;) mau tau tutorial nya ?? oke cekidot !!

• Login Blogger Sobat
• Masuk Ke Rancangan
• Masuk Ke Editing Html
• Centang Expand template widget
• Cari Kode ]]></b:skin> Pastekan Css Di bawah Ini Di atas Kode Tersebut

/* CSS Read More */

a.XTREAD{opacity:1.0;float:right;font-size:23px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:257px;position:center;padding:5px;border:3px solid #000;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all .9968s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}a.XTREAD:hover{opacity:1.0;float:right;font-size:23px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:257px;position:relative;padding:5px;border:3px solid #000;-moz-box-shadow:0 0 29px #0003cf;-webkit-box-shadow:0 0 29px #0003cf;box-shadow:0 0 29px #0003cf;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all .9968s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}a.XTADD{opacity:1.0;float:right;font-size:20px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:60px;position:relative;padding:5px;border:3px solid #000;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all .9968s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}a.XTADD:hover{opacity:1.0;float:right;font-size:20px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:60px;position:relative;padding:5px;border:3px solid #000;-moz-box-shadow:0 0 29px #0003cf;-webkit-box-shadow:0 0 29px #0003cf;box-shadow:0 0 29px #0003cf;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all 1s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}

Sisa nya Kamu Edit Sendiri Ya ??

• Dan Cari Kode <data:post.body/> ( bila ada 3/2 pilih yang pertama ) 
• Pastekan Script ini Di bawah nya 

<b:else/><b:if cond='data:blog.pageType != &quot;item&quot;'><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>

<div style='float:right'><a class='XTREAD' expr:href='data:post.url'> Read More </a></div><div style='float:right; margin-right:8px'><b:if cond='data:post.allowComments'> <a class='XTADD' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </b:if></div>

</b:if>

Sisanya Juga Kamu Editing Sendiri

Oke Sekian Tutorial nya :)

Bila ada yang perlu di tanyakan Harap Berkomentar oke :) 

Read More ->>

Cara Membuat Petunjuk Chat Box

Ketemu Lagi Yah Di blog XT XD
Soory admin jarang Ngepost :v karna lg Mempelajari Tampilan Baru Blogger :) hahaah udh 2 hari admin gk Ngepost Tentang Tutorial Blog :) oke lah admin akan member tutorial blog yaitu : Cara Membuat Petunjuk Chat Box Dengan Gambar Monyet XD haahha pengen liat contoh nya ?? Lihat Di gambar di atas itu :)

Mau tutorial nya ??
Oke Let's Go :

• Login blogger
• klik tanda panah ke bawah dekat tulisan 'Lihat Blog'
• Pilih Template
• Pilih Edit HTML
• Lalu Klik Lanjutkan
• Cari Kode ]]></b:skin> Letakkan CSS ini Dia atas nya

ul#XTchat{position:fixed;margin:0;padding:0;top:150px;left:0;list-style:none;z-index:9999}ul#XTchat li{width:0}ul#XTchat li a{;display:block;margin-left:-142px;margin-top:105px;width:195px;height:60px;font-family:Cooper Std,cursive;font-size:10px;text-align:center;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;background-image:url(http://www.laymark.com/l/m/m120.gif);border:4px solid transparent;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;box-shadow:0 0 15px #fff;opacity:.9;filter:alpha(opacity=90);background-repeat:no-repeat;background-position:right;background-size:50px}ul#XTchat li a:hover{;display:block;margin-left:-55px;margin-top:105px;width:195px;height:60px;mememaker.net font-size:10px;text-align:center;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;background-image:url(http://www.laymark.com/l/m/m120.gif);border:4px solid #cbcbcb;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;box-shadow:0 0 15px #fff;opacity:.9;filter:alpha(opacity=90);background-repeat:no-repeat;background-position:right;background-size:50px}ul#XTchat

Kamu Edit Sendiri Ya Semua nya :)

• Lalu Cari Kode <body> Letakkan HTML ini Di bawah nya 

 <ul id='XTchat'>

<li class='Chat'><a href='http://www.cheatermaninjau.net/p/blog-page_07.html' title='Chat'><h3>Chat Box</h3></a></li></ul>

Sblm nya Klik Pertinjau klo berhasil Simpan Bila Tidak Harap Berkomentar :)

Read More ->>

Cara Hack Jumlah Pengunjung Blog

Cara Hack Jumlah Pengunjung Online dengan menggunakan Widget online Visitor Whos Amung Us.Maksud Penulis yakni bagaimana Mengakali Jumlah Pengunjug yang sedang Online saat ini Di Blog Sobat, Sobat blogger pasti rata-rata sudah tahu dengan Widget satu ini karena rata-rata sudah Pasang diblog masing-masing.
Oke kali ini kita akan Meng-Hack nya Agar Jumlah Visitor Nampak Ramai,Nanti Blog sobat akan nampak keren dan kemungkinan besar pengunjung tidak akan tahu.
Mari kita lakukan ikuti langkah-langkah berikut :
Bila Sobat akan menambah widget ini ke blog pasti akan menaruh  code html ini pada blog :

<script type="text/javascript" src="http://widgets.amung.us/colored.js"></script><script type="text/javascript">WAU_colored('aycw41907oxu', '000000f7efff')</script> 

Nah..kode yang berwarna merah itu adalah yang mau kita hack. Ganti kode yang berwarna merah itu dengan kode ini : 

e3ku0gzti42i

Oke sekarang Blog Sobat akan terlihat seolah-olah berpengunjung sampai 438 lebih!!!
Selamat Mencoba

Read More ->>

Cara Membuat Kotak Admin Di Bawah Postingan

Hay Sob ?? hmm sebenar nya admin tdi mau share ini tpi gk jadi² wkwkwkkw oke lah sekarang admin akan posting tutorial Cara Membuat Kotak Admin Di Bawah Postingan :D Oke lah gk usah panjang lebar !! langsung aja ke tutorial nya 
1 llogin Ke Blogger kamu :D
2.Masuk Ke rancangan
3 Klik Edit Html Dan Centang Expand Template Widget
4. Cari Kode ]]></b:skin> Letak kan CSS di bawah ini di atas kode tadi

    .admin-tulisan{
    display:block;
    width:auto;
    background:#CFE2E0;
    border:2px solid #fff;
    box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#222;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#0004b1;
    border:none;
    border-bottom:1px solid #699019;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Arial,Sans-Serif;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:#0000ff;}
    .admin-tulisan img{
    width:81px;
    height:68px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #0004b1;
    padding:2px;
    background:#0004b1;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

5 Kemudian Cari Kode Ini <div class='post-footer'> atau <div class='post-footer-line post-footer-line-1'>
dan letakkan Script ini Di atas kode yg km cari tadi

<!-- Kotak Admin by Rendy -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Anda</h4>
<div class='kontainer'>
<img src='URL GAMBAR KAMU'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Terima Kasih !
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://www.cheatermaninjau.net/2012/08/cara-membuat-kotak-admin-di-bawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin by Rendy --> 

6 Simpan Template Dan Lihat Hasil nya :D

Read More ->>

Trik Membuat Older And Newer Post Melayang

Hay Sobat X-T ~
hahahay XD admin Lgi Galau Nih Jdi bngung Mau Postinga apa XD wkwkwk jdi nya Posting Ini Aja Deh Trik Membuat Older And Newer Post Melayang XD kyk yg punya Admin Ini :* ahahhay #Ninnn ninn XD Kemarin admin Posting Auto Follow Favorite And Retweet Twitter XD udh pada cobain blom ?? klo blom Mending Is Dead Aaja XD wkwkwk Bercanda Om Kan Kalian Tau Admin Orang nya Humoris LOL~ oke lah gk usah Basa Basi Lg Msuk Ke Trik Membuat Older And Newer Post Melayang

Trick nya :
Seperti Biasa Login Ke blogger Sobat
Masuk Ke Rancangan
Lalu Klik Edit HTML
Cari Kode ]]></b:skin> Copy CSS ini Pastekan Di atas kode ]]></b:skin>

/* Older , Newer post Melayang */
#blog-pager a{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;height:80px;opacity:.4;overflow:hidden;position:fixed;text-indent:-9999px;top:40%;width:155px;z-index:9;margin:0 0 0 5px}.blog-pager-older-link{background:url(http://i.imgur.com/4xeyg.png) no-repeat scroll 0 0 transparent;right:5px;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.blog-pager-newer-link{background:url(http://i.imgur.com/aAdXO.png) no-repeat scroll 0 0 transparent;left:0;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}#blog-pager a:hover{opacity:1}

Keterangan :
Tulisan Yang Warna Merah Itu Ganti Dengan URL GAMBAR KAMU (Newer Post)
Tulisan Yang Warna Kuning Ganti Dengan URL GAMBAR KAMU (OLDER POST)

-= FINISH =-

Read More ->>

Cara Buat Gambar Postingan Berputar Saat Di Sorot Mouse

Hay Sobat X-T~
Hehe Udh Lama Ya gk Post XD Pasti Lagi nungguin Postingan Baru Dari XT ya ?? XD hhehehe Kemarin Admin Pusing Mau Posting apa :v karna bnyk yang nanya cara buat gambar postingan berputar saat di sorot mouse ya udh deh admin aja ixixixixix Kemarin admin postingCara Membuat Recent Coment Dengan Gambar Avatar kan ? udh di pratekin blom ?? heheh klo sudah jangan lupa tinggalkan komentar nya , bilan ingin rank alexa mu naik :) klo gk mau sih ,  gpp hehehe admin ,  gk maksa kok :3 kwwkwkwk oke gk usah panjangan lebar langsung aja ke tuturial cara buat gambar postingan berputar saat di sorot mouse Let's Go to TKP :
1 login akun blogg
2. masuk ke rancangan
3. masuk ek EDIT HTML
4. Cari Kode </head> Letakkan script ini di atas kode </head>

<b:if cond='data:blog.url == data:blog.homepageUrl'><style>.post img{margin:10px;padding-left5px;width:100px;height:100px;text-align:center;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-webkit-background-clip:padding-box;-webkit-box-shadow:0 0 0 3px #000cff;-moz-box-shadow:0 0 0 3px #000;box-shadow:0 0 0 3px #000cff;-webkit-border-top-left-radius:60px;-webkit-border-bottom-left-radius:60px;-moz-border-radius-topleft:60px;-moz-border-radius-bottomright:60px;border-top-left-radius:60px;border-bottom-right-radius:60px;-o-border-top-left-radius:60px;-o-border-bottom-right-radius:60px}.post img:hover{box-shadow:1px 1px 10px 3px rgba(0,0,220,0.6);border-radius:0;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
</style></b:if>

Script bisa kamu Edit Sendiri ya :D

Read More ->>

Cara Membuat Backlink Please Di Bawah Postingan

Hmmm Dah Lama Ya Admin Gk POosting lagi Tentan Blog XD saking lama nya Rank Alexa Blog Ini Turun Deh :'( hahahaha jdi bila ingin melihat postingan baru nya bisa lihat di sni XD Judulnya Cara Membuat Backlink Please Di Bawah Postingan Sbnr nya Admin Males Post Tutorial Ini Tapi Dari Pada Gk posting Nnti nya Rank Alexa X-T turun lg hihihi Oke Berikut Tutorial nya :D

• login blogger
• Masuk Ke Rancangan
• Masuk Ke Edit HTML
• Centang "EXPAND TEMPLATE WIDGET"
• Lalu Pastekan CSS ini Di atas ]]></b:skin>

/* X-T CSS BackLinks */
#XTbacklinks{overflow:hidden;margin-top:5px;border:3px solid #0c00ff;border-radius:5px;height:50px;width:565px;-webkit-transition:all 0.4s ease-in-out;}
#XTbacklinks:hover{border:3px solid #0c00ff;height:235px;-webkit-transition:all 0.7s ease-in-out;}
.XTbkl{margin-top:3px;float:left;color:black;width:495px;border:1px solid #0c00ff;background:#fff;-moz-border-radius:3px;transition:all .9s ease-in-out;}
.XTbkl:hover{color:black;border:1px solid #0c00ff;background:#fff;}#XTbacklinksTitle{border:3px solid #0c00ff;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 2px #000;color:#0c00ff;font-size:20px;font-familly:Arial;text-align:center}

 Nanti Kamu Edit Sendiri Warna Border Nya ya ??

• Lalu Cari Kode <data:post.body/> Pastekan Html Ini Di bawah nya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='XTbacklinks' style='margin-top:30px;'>
<div id='XTbacklinksTitle'>
<a expr:href='data:post.url'><data:post.title/></a>
</div>
<div id='XTbacklinksTitle'>
Backlinks Please Thanks ^_^
</div>
<table border='0' height='140' style='margin-left:7px;' width='260'>
> <tr><td>URL<br/><input class='XTbkl' expr:value='data:post.url' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr>
<tr><td>Code For Forum<br/><input class='XTbkl' expr:value='&quot; [URL=&quot; + data:post.url + &quot;]&quot; + data:post.title + &quot;[/URL] www.cheatermaninjau.net&quot;' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr>
<tr><td>HTML Code<br/><textarea class='XTbkl' onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea></td></tr>
<tr><td><script src='#' type='text/javascript'/></td></tr>
</table>
</div>
</b:if>

Bila <data:post.body/> di template sobat ada 2 maka Plih Yang Kedua Bila Ada 1 Pilih Yang Ke 1

Simpan Dan Lihat Hasil nya :D

Read More ->>

Cara Membuat Efek Bintang Pada Link

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Carilah kode a:link{ atau a:visited{
4. Lalu letakkan kode dibawah ini dibawah kode tadi

a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfbXQQW6SNuBS-ErJjzvL7jedowphppKufqJvSGwjAwwK0MN_EEYt4vI0y6gsUa0-beAFaOuoLxusyreR8jw10-jXWUNacJawBzphggcf4s8tTbezW4jUYvjR-NLA-ZMn0OImQL_vNECE/s1600/stars.gif);}

Link akan mengeluarkan gambar seperti ini:

5. Simpan template anda lalu lihat hasilnya

Jika sobat kurang menyukai efek animasi gambar diatas maka sobat tinggal ganti dengan url gambar yang lain. Selamat mencoba!

Read More ->>

Cara Membuat Label Untuk Postingan

Label adalah cara mudah untuk membuat kategori untuk setiap postingan. Kalau boleh saya ibaratkan, misalkan kita mempunyai sebuah perusahaan sebut saja perusahaan Honda. Kemudian kita mengeluarkan beberapa produk sepeda motor yang berbeda. Apakah semua sepeda motor yang akan kita distribusikan tersebut tetap kita sebut Honda? Tentu saja tidak, pasti kita akan membuat Label atau Merk buat sepeda motor tersebut. Kalau jenis ini, kita kasih nama Vario, jenis ini kita kasih nama Supra, kalau jenis ini kita kasih nama Beat. Seperti itulah Fungsi label disini.

Label akan sangat berguna buat blog kita apabila konten dari blog kita beranekaragam. Dengan menambahkan label buat blog kita, pengunjung akan lebih mudah dalam melakukan navigasi setiap konten blog kita berdasarkan label tersebut.

Pertanyaan yang sering muncul seputar Label Post adalah "Apakah boleh satu postingan, kita kategorikan ke dalam beberapa label?" Ya, satu artikel atau satu postingan yang kita buat bisa kita masukkan ke dalam beberapa label. "Berapa batas label yang bisa kita gunakan untuk satu postingan?" Untuk pertanyaan ini, belum ada keterangan pasti dari blogger.com. Tapi, berdasarkan pengalaman saya, saya buat satu postingan kemudian saya masukkan ke dalam lima Label, hal itu tidak menimbulkan masalah buat postingan saya.

Cara membuat Label untuk Postingan :

• Selesai menulis postingan di blogger.com
• Lihat Post Settings sebelah kanan. Di atas Schedule terdapat tulisan Labels, Klik Labels

• Tulis Label yang sesuai dengan postingan sobat. Kalau sobat ingin membuat postingan tersebut menjadi beberapa label, pisahkan dengan tanda koma

• Kalau sudah membuat Label buat postingan sobat, Klik done

Sebuah postingan dengan Label akan terlihat apabila sobat blogger sudah mempublikasikan postingan tersebut. Semoga tutorial blog ini bermamfaat buat sobat blogger 

Read More ->>

Mematikan / Disable Klik Kanan di Blog dengan Peringatan

Mematikan / Disable Klik Kanan di Blog dengan Peringatan - Hai sobat, Yusuf Afif Fauzan akan share tentangtutorial / trik dasar blogger, yaitu cara mematikan / disable klik kanan di blog dengan peringatan, cara ini dilakukkan untuk berjaga-jaga agar tidak terjadi pembajakan konten blog atau biasa disebut 'copy paste / copas'. Yuk ikuti langkah-langkahnya.

Disable klik kanan denan peringatan | Check This on:
1. Masuk Ke Dashboard blogger
2. Klik 'Tata Letak' lalu klik 'Tambah Gadget'
3. Klik HTML / Javascript, lalu masukkan kode berikut ini:

<script>var message="http://1sfgate.blogspot.com";///////////////////////////////////function clickIE4(){if (event.button==2){alert(message);return false;}}function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}document.oncontextmenu=new Function("alert(message);return false")</script>

keterangan: ganti teks yang berwarna merah dengan kata-kata peringan kamu
4. Klik Simpan 
5. Buka Blog kamu lalu coba klik kanan pada mouse dan lihat hasilnya, klik kanan sudah tidak bisa lagi :)

keyword: cara memasang anti klik kanan di blog, disable klik kanan di blog, anti klik kanan di blog dengan peringatan, memasang disable klik kanan di blog dengan peringatan, tutorial blog

Read More ->>

Widget Untuk Mengganti Warna & Ukuran Teks

Banyak Pengunjung yang mengeluh karena warna teks dan ukuran teks tidak sesuai yang diinginkan. Mungkin ini juga termasuk penyebab pengunjung yang pergi begitu saja. Dengan adanya Widget ini maka pengunjung dapat memilih warna teks tersebut.


Widget ini juga cukup simple dan juga tidak terlalu berat.


Langsung saja ikuti langkah - langkah berikut :


1. Login ke Blogger
2. Masuk ke Template --->>> Edit HTML
3. Cari Code </head> Agar mudah gunakan "ctrl + F"
4. Pastekan Code di Bawah ini.. Di atas code </head>



<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

Memasang Widgetnya :


1. Buka Tata Letak -->> Tambah Widget / Gadget
2. Pilih yang " Html/javascript
3. Isikin Dengan Code Html ini :


<!-- Code Begins -->

<!-- http://TheUnnecessaryWorld.co.cc -->

<style type="text/css">

/** TUW Font Color and Size Change widget begins **/

#tuw-font-change-widget {width: auto;}

#tuw-font-change-widget h2 {margin: 0 0 8px 0 !important;font: 12px Tahoma !important;font-weight: normal !important;border: 0 !important;}
#tuw-font-change-widget ul {width: auto; overflow: hidden;margin: 0 0 20px !important;padding: 0 !important;list-style; none !important;}
#tuw-font-change-widget ul li {width: 20px !important;height: 20px !important;overflow: hidden;margin: 0 10px 0 0 !important;padding: 2px !important;display: block !important;float: left !important;border: 1px solid #CCCCCC !important;}
#tuw-font-change-widget ul li a {width: 20px !important;height: 20px !important;display: block !important;line-height: 18px !important;text-align: center !important;color: #FFFFFF !important;font-size: 11px !important;font-family: Tahoma !important;text-decoration: none !important; outline: 0 !important;}
#fcw-black { background: #000000 !important; } #fcw-red { background: #FF0000 !important; } #fcw-orange { background: #ffa500 !important; } #fcw-yellow { background: #FFFF00 !important; } #fcw-white { background: #088A08 !important; } #fcw-blue { background: #0066CC !important; } #fcw-gray { background: #666666 !important; }
#fcw-color a { text-indent: -999px !important; }
#fcw-size a { text-indent: 0 !important; background: #333333 !important; }
/** TUW Font Color and Size Change widget begins **/
</style>
<script type="text/javascript">
$(document).ready(function(){
// Change Font Color -- begins
$(" #fcw-color #fcw-black ").click(function() {
$(" .post-body ").css({ color: "#000000" });
return false;
});


$(" #fcw-color #fcw-red ").click(function() {
$(" .post-body ").css({ color: "#FF0000" });
return false;
});


$(" #fcw-color #fcw-orange ").click(function() {
$(" .post-body ").css({ color: "#ffa500" });
return false;
});


$(" #fcw-color #fcw-yellow ").click(function() {
$(" .post-body ").css({ color: "#FFFF00" });
return false;
});


$(" #fcw-color #fcw-white ").click(function() {
$(" .post-body ").css({ color: "#088A08" });
return false;
});


$(" #fcw-color #fcw-blue ").click(function() {
$(" .post-body ").css({ color: "#0066CC" });
return false;
});


$(" #fcw-color #fcw-gray ").click(function() {
$(" .post-body ").css({ color: "#666666" });
return false;
});
// Change Font Color -- ends


// Change Font Size -- begins
$(" #fcw-size #fcw-10 ").click(function() {
$(" .post-body ").css({ fontSize: "10px" });
return false;
});


$(" #fcw-size #fcw-12 ").click(function() {
$(" .post-body ").css({ fontSize: "12px" });
return false;
});


$(" #fcw-size #fcw-14 ").click(function() {
$(" .post-body ").css({ fontSize: "14px" });
return false;
});


$(" #fcw-size #fcw-16 ").click(function() {
$(" .post-body ").css({ fontSize: "16px" });
return false;
});


$(" #fcw-size #fcw-20 ").click(function() {
$(" .post-body ").css({ fontSize: "20px" });
return false;
});


$(" #fcw-size #fcw-24 ").click(function() {
$(" .post-body ").css({ fontSize: "24px" });
return false;
});


$(" #fcw-size #fcw-30 ").click(function() {
$(" .post-body ").css({ fontSize: "30px" });
return false;
});
// Change Font Size -- ends
});
</script>
<!-- TUW Blogger Change Font color and size widget begins -->
<div id="tuw-font-change-widget">
<div class="tuw-fcw">
<h2> Ganti warna tulisan </h2>
<ul id="fcw-color">
<li> <a id="fcw-black" href="#">black</a> </li>
<li> <a id="fcw-red" href="#">Red</a> </li>
<li> <a id="fcw-orange" href="#">Orange</a> </li>
<li> <a id="fcw-yellow" href="#">yellow</a> </li>
<li> <a id="fcw-white" href="#">green</a> </li>
<li> <a id="fcw-blue" href="#">blue</a> </li>
<li> <a id="fcw-gray" href="#">gray</a> </li>
</ul>
</div>


<div class="tuw-fcw">
<h2> Ganti ukuran tulisan </h2>
<ul id="fcw-size">
<li> <a id="fcw-10" href="#">10</a> </li>
<li> <a id="fcw-12" href="#" title="Default Size">12</a> </li>
<li> <a id="fcw-14" href="#">14</a> </li>
<li> <a id="fcw-16" href="#">16</a> </li>
<li> <a id="fcw-20" href="#">20</a> </li>
<li> <a id="fcw-24" href="#">24</a> </li>
<li> <a id="fcw-30" href="#">30</a> </li>
</ul>
</div>
</div>
<!-- TUW Blogger Change Font color and size widget ends -->
<!-- Code ends -->



4. KOSONGKAN JUDUL
5. Simpan

Read More ->>

Cara Membuat Chat Box Melayang

Hallo sobat Blogger hari ini saya akan membahas tentang cara membuat Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.

Ok langsung saja ke Cara Membuat Chat Box di bawah, atas, kanan, kiri Blog :

• Login terlebih dahulu ke blog sobat
• Klick Design -> Pilih tata letak -> Tambah Gadget -> Pilih HTML/Java Script.

Copy Code di bawah ini setelah itu paste di HTML/Java Script .

Klik show untuk melihat 

<style type="text/css">
#at{
position:fixed;
right:35%;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:0px;
width:0px;
float:top;
cursor:pointer;
background:url(url);
}
.atcontent{
float:left;
border:2px solid #fff;
background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll;
-moz-border-radius:10px;
padding:10px;
}
.atcontent:hover{
border:2px solid #fff;
background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url(http://i53.tinypic.com/oiu4n9.gif) no-repeat;">
Strip kode cbox sobat
</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png" alt="close" title="Tutup Cbox" /></a></div>
</div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.bottom = (-200-at.offsetWidth).toString() + "px";
</script>

Keterangan :

• Kode warna merah adalah warna gambar, silakan sobat sesuaikan sendiri sesuai selera bila ingin mengganti gambarnya
• Kode warna kuning adalah penepatan dimana cbox akan muncul, bila sobat ingin cbox muncul dari atas ganti kode tersebut menjadi TOP, dari sebelah kiri LEFT, dari sebelah kanan RIGH, dari bawah Bottom .
• Kode berwarna biru adalah jarak cbox dari sebelah kanan. Silakan sobat sesuaikan sendiri.
• Texts berwarna hijau adala tempat untuk menaruh strip kode cbox sobat (atur cbox sobat agar backgroudnya transparant untuk hasil yang lebih sempurna).

Keterangan : cara mendapatkan kode cbox sobat supaya bisa di atur sobat bisa ke sini : http://cbox.ws/ . Dan login terlebih dahulu, bagi yang belum punya akun bisa sigup , atur cbox sobat di Look & Feel di bagian Menu. setelah di atur tinggal sobat klick apply. dan sobat tinggal copy kodenya di Publish!.

Selanjutnya adalah cara membuat tombol cbox (tombol untuk menampilkan cbox)

• Setelah cara diatas sudah selesai sobat bisa memilih Tombol cbox sobat sendiri.
• Masih HTML/Java Script. Copy kode dibawah ini dan letakan di bawah kode diatas.

Klik show untuk melihat 

<div style="position: fixed; top: 55px; RIGHT: 5px;width:30px;height:100px;"><a href="javascript:void(0);"onclick="showHideAT()"/><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPw7fMpHkZzAI4Ey_J0AAgXPiqZgSdGTFegZjzVF49oFn5QEYvayjIPhIoioDaBf9kW8E1bAlLxpn8LsZrB5SOMpO06p5RwnNonZyZAp-K7AN-9m42-wEq0UhqJxq8bzHxtUWjo_gsix0/s1600/Bukutamu6.gif " alt="cbox" title="Buka Chat Book"/></a></div>

• Kode berwarna merah adalah gambar tombol, bisa sobat ubah sesuai selera..!, sobat bisa memilih gambar tombol dengan kode di bawah ini.
• Kode warna kuning adalah dimana tombol akan ditempatkan, TOP untuk menempatkan tombol di atas, BOTTOMuntuk menempatkan tombol di bawah, LEFT untuk menempatkan tombol di sebelah kanan, Right untuk menempatkan tombol di sebelah kiri blog.

Bagi sobat yang ingin mengganti tombol Cbox bisa lihat kode nya Dibawah sini! :

	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgNmICV-k9mXxssprFV4yRUfKNwNssBEEmvLuMQHCzCLBPWqhj0Xz1f4isHmqaegSCUWGpa-g5d3y0-r16hyROztCQ4ZJlyxgcWfYZ_zcFrVwwnRKADoOKDDxQwNUhMhoTIi-_oWDiVW4/s1600/Chatbox.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmtVi_yXZ2Nk0XIRxIbFFfmr4GQbkl2DfYa2t6gcxDAJ9ItRruZryh1boZ2bFxg5IhX4SHdfTQ5MsF5VpO_cPmvjqTc2eth6yfNACv2U4TMxo0_MnqHNyVHc_Tdk8X-u1UYnToZan7g-U/s1600/Bukutamu3.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw6DeSYM962MDpXWu8E8S3Zas0FEGwM8tq1ciUug2KNzqBxdK8m2zQeAY_WGoAF1JO8wWPczRSdwGXrdn2g1wJsfSC13ygtMb0560xw6gvBBVau5dpzJofm9R38RftXAkaE8iqs0OOcvk/s1600/bukutamu2.gif
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj56G5rzjUAN2-xutC-EqZxroPZamT9Me2bPzwf0H4Bpaps7Aq90eg037u6L8ozCFxbMW-TbjcPtvl_9WUeGVfgv9dJTpWd8VuddV_wpEX5vmeOeXcLQ7XucTB6ne68pS2euffQH8lwJTA/s1600/bukutamu5.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil-Ref8nsN5wBGy8kgMQVABAgrzBQZGfbrXpm1yPx9-2Nzp69x5hhZ9W6-_iumDu-pTQqMRuePan8PmoPC99Kvamn-lfng1gE8Z43PaYCHzZ-DURepk4ZlnYRtoawsRYYHWH2CtVuYQ8s/s1600/2131wkl.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ROHlHNe6DA9yWv72PH134PXvkJKuDS_80f0voCf46vzATaV8i3kxhVbUNODFuwb8YkaJJrGCDEqgPLrWRj0dvkq_7w83DFXutCwwjQWGGgZF64ApyZs9GVCRg6ukAOLer0Vm7ePihR4/s1600/bukutamu4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgqBvZMRCZVkQ_gK1PrhMvTl9PAUHRsBlXpAd8pnNJdoE2asQKQD1wEIw5YoLQM0dV4kD0dDz5UJRoRpp_XnvK7FTdoXxQ22F30tKkwWuYzwcznPjIHLj-bCUGzEx7DeS9syhaG1d3VY/s1600/BukuTamu1.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPw7fMpHkZzAI4Ey_J0AAgXPiqZgSdGTFegZjzVF49oFn5QEYvayjIPhIoioDaBf9kW8E1bAlLxpn8LsZrB5SOMpO06p5RwnNonZyZAp-K7AN-9m42-wEq0UhqJxq8bzHxtUWjo_gsix0/s1600/Bukutamu6.gif

•  Klick Simpan / Save dan lihat hasilnya.

Read More ->>