Klik Hacking

Cara Mengatasi Warning: Missing required field updated Warning: Missing required hCard author

Klik.Hacking@gmail.com (Muhammad Refa'i) — Mon, 2 Jul 2012 19:10:00 -0700

Hai sob Mr.Hack bingung bagaimana cara mengatasi Warning: Missing required field "updated". Warning: Missing required hCard "author". Dan akhirnya saya sanagt bingung sekali cara mengatasi. Usut boleh usut saya mencari konci masalahnya dan bagaimana cara mengatasina. Dan akhirnya saya menemukan tips jitu bagaimana Cara Mengatasi Warning: Missing required field "updated". Warning: Missing required hCard "author". mau tau bagaimana di simak sob.

Pertama login ke blog sobat.
Selanjutnya download dulu templatenya, hal ini dilakukan untuk mengantisipasi bila terjadi kesalahan
Pada menu pilih Rancangan ➨ Edit HTML.
Pada Edit Template jangan lupa untuk mencentang Expand Template Widget,
Jika sudah sekarang sobat cari Kode <b:if cond='data:post.hasJumpLink'>
Jika sudah ketemu selanjutnya sobat copy kode berikut dan pastekan di atas kode tadi.

<div class='vcard' id='hcard- Nama Blog'>
<span class='fn n'>
<span class='given-name'>Posted by: Nama Blog</span>
</span>
<a class='updated' href=' http://awaspinter.blogspot.com/ ' rel='bookmark'> nama blog, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
</div>

Terakhir Simpan dan Cek apakah sudah bisa mengatasi Error Warning: Missing required field "updated" dan Warning: Missing required hCard "author"
Klik DISINI untuk cek

Tukar Link

Klik.Hacking@gmail.com (Muhammad Refa'i) — Mon, 2 Jul 2012 07:09:00 -0700

Inilah Kumpulan Dari Blog Teman Klik Hacking

Untuk Tukar Link Pasang Script Berikut Di Blog Maupun Website Anda

Untuk mencantumkan Link Blog Sobat, isi form yang tersedia, link yang baru di cantumkan akan segera saya kunjungi, pastikan Sobat telah memasang Link Blog ini di Blog Sobat.

Terima kasih telah tukar link, kunjungi kembali http://klik-hacking.blogspot.com.

Cara Menambahkan Emotion Keren Robot

Klik.Hacking@gmail.com (Muhammad Refa'i) — Mon, 2 Jul 2012 05:41:00 -0700

Hai sobat bloger semua kali ini saya ingin berbagi bagai mana cara memasukan emotion keren ke Chat box sobat terutama emotion keren robot. Sesuai dengan tema posting saya kali ini saya beri judul Cara Menambahkan Emotion Keren Robot. Ok langsung disimak sob bagimana langkah-langkahya :

Masuk atau login ke akun chatbox sobat.
lalu pilih menu options Lalu pilih menu smilies seperti gambar di bawah ini

Lalu masuk ke link ini sobat Emotion Robot
Arahkan kursor dan copas kode yang direct Link seperti pada gambar

Masuk kembali ke akun chatbox sobat
Lalu klik New Rows

Masukan kode yang telah di copy td.
lalu pilih save.

Semoga dapat membantu sob. Maaf jika sulit di pahami. slahkan beri komentar jika anda bingung bagaimana caranya. salam Blogers

Cara Membuat Tombol Berlangganan Facebook

Klik.Hacking@gmail.com (Muhammad Refa'i) — Fri, 29 Jun 2012 08:07:00 -0700

Hai sobat kali ini saya ingin memosting bagaimana cara membuat kotak berlangganan di facebook. Saya sanagt bingung tadinya bagimana cara membuatnya. Saya cari Mbah Google namun tidak saya temukan juga. disini saya kan berbagi bagaimana caranya dengan mudah dan gampang. Dan posting saya kali ini saya beri judul Cara Membuat Tombol Berlangganan Facebook. Langsung disimak sob langkah - langkahnya :

Pertama kalian harus masuk ke alat ini sob FacebookDevelopers

Setelah masuk akan muncul seperti gambar di atas langsung saja sobat pilih menu Subscribe Button
Kemudian akan muncul gambar seperti di bawah ini

Masukkan USERNAME sobat sebagai contoh http://www.facebook.com/muhammad.refai
Setelah sobat selesai mengatur pengaturan tampilanya sobat klik tulisan Get Code lalu pilih code yang HTML5

Copas kode tersebut lalu
Login ke blog sobat
lalu masuk ke menu rancangan ---> Elemen Laman ---> Tambah Gadget --- > Html/Javascript
Masukkan kode yang kalian copas tadi sob

Semoga bermanfaat. Demikian dulu tutorial blog kita kali ini semoga bermanfaat salam bloggers indonesia.

Cara Membuat Chat Box Auto Hide dan Cara Membuat Chat Box Melayang

Klik.Hacking@gmail.com (Muhammad Refa'i) — Fri, 29 Jun 2012 06:33:00 -0700

Hai sobat Bloggers semua. Kali ini saya akan posting bagaimana cara pasang cahat box atau shout mix melayang. maupun cara membuat chat box atau shout mix auto hide. Kita akan membahas ini semua denagn cara komplit dan detail. Disini kita akan membahas ini semua dengan tuntas dan dengan cara seksama. hehe. Ok ssobat langsung saja kita bahas ini semua dan posting saya kali ini saya beri judul Cara Membuat Chat Box Auto Hide dan Cara Membuat Chat Box Melayang. Panjang ya biarin lah tak mengapa karna saya mau membuat sobat blogger semua mengerti dengan tuntas tanpa batas. Ok sobat langsung saja kita bahas dan ingat sobat blogger jangan sampe ketinggalan kata demi katanya ya. Ni langkah demi langkahnya :

A. Chat Box Auto Hide.

Login dahulu ke blog sobat
lalu masuk ke menu rancangan ---> Elemen Laman ---> Tambah Gadget --- > Html/Javascript
Masukkan kode di bawah ini sob

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i46.tinypic.com/15np343.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

Masukkan Kode Chatbox Atu Shoutmix Anda Disini Sob

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://klik-hacking.blogspot.com/2012/06/cara-membuat-chat-box-auto-hide-dan.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

KETERANAGN :
Ganti tulisan yanng berwarna BIRU dengan kode chatbox maupun soutmix sobat

Langsung Save sob dan lihat hasilnya sob.

Cara Menghilangkan Kotak Komentar Blog

Klik.Hacking@gmail.com (Muhammad Refa'i) — Thu, 28 Jun 2012 21:24:00 -0700

Salam hangat sahabat blogger. Stelah saya belajar posting di blok kali ini saya mulai pinter bagai mana memodifikasi tempalate maupun html. juga saya sudah coba belajar memodifikasi gadget. Kali ini saya ingin berbagi bagimana cara menghilangkan kolom komentar. Saya inigin bercerita sedikit mengapa kolom komentar blog saya hilangkan. Saya sangat kesal sekali karena klom komentar blog saya selalu kosong alias tidak ada komentar. akhirnya saya menyiasatinya dengan Cara Membuat Kolom Komentar Facebook dan akhirnya berhasil. Sesuai dengan diskripsi diatas. Maka posting saya kali ini saya beri judul Cara Menghilangkan Kotak Komentar Blog Mau tau bagaimana caranya..? ada 2 cara sob langsung di simak langkah-langkahnya sob :

A. Langkah Mengedit Template :

Pertama login ke blog sobat.
Selanjutnya download dulu templatenya, hal ini dilakukan untuk mengantisipasi bila terjadi kesalahan
Pada menu pilih Rancangan ➨ Edit HTML.
Pada Edit Template jangan lupa untuk mencentang Expand Template Widget,
Cari kode di bawah ini

<p class='comment-footer'>

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

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

<b:include data='post' name='comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

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

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</p>

Hapus kode HTMl yang ada di atas sob .

B. Dengan Menyetel Pengaturan

Pertama login ke blog sobat.
Lalu masuk setting / Pengaturan

Pilih tab comment/komentar

Pada manu comments/komentar centang "Hide/Sembunyikan"

Semoga bernmanfaat sob

Cara Membuat Tombol Show Hide Blog

Klik.Hacking@gmail.com (Muhammad Refa'i) — Thu, 28 Jun 2012 05:59:00 -0700

Kita sekarang inigin berbagi kembali sob. karna bagi saya tiada hari tanpa berbagi. kita kali ini akan membahas bagimana cara membuat tombol show and hide. Sesuai dengan judul posting kali ini Cara Membuat Tombol Show Hide Blog. ini contohnya sob. :

<div>

<input value="Show" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.
</div>
</div>
</div>

Kodenya di atas sob. semoga bermanfaat ya sobat blogger .

Cara Pasang Emotion Yahoo Untuk Di Blog

Klik.Hacking@gmail.com (Muhammad Refa'i) — Thu, 28 Jun 2012 05:13:00 -0700

Salam Blogger, kali ini saya sedikit mengulas trik lama yaitu tentang pemasangan emoticon yahoo pada komentar blog, namun tidak semua template bisa berhasil menggunakan cara ini. Kebanyakan cara ini berhasil pada template standar, karena saya coba di template saya tidak berhasil, Trik ini berhasil saya terapkan pada template standar,. Kalau untuk template saya mungkin masih butuh banyak belajar lagi untuk otak-atik scriptnya songongnya haha. Dan posting saya kali ini saya beri judul Cara Pasang Emotion Yahoo Untuk Di Blog

Baiklah, bagi sobat blogger yang ingin mencoba ataupun berminat untuk memasang emoticon yahoo pada komentar Silakan ikuti langkah-langkah berikut ini:

Ada tiga langkah, untuk menambahkan emoticon yahoo pada komentar blog :

Penambahan kode CSS
Penambahan kode HTML

A. Menambahkn Kode CSS

Pertama login ke blog sobat.
Selanjutnya download dulu templatenya, hal ini dilakukan untuk mengantisipasi bila terjadi kesalahan
Pada menu pilih Rancangan ➨ Edit HTML.
Pada Edit Template jangan lupa untuk mencentang Expand Template Widget,
Copy code dibawah ini di atas code ]]></b:skin>

.ysmileyreezeet {
    background: none repeat scroll 0 0 #EFF5FB !important;
    font-size: medium !important;
    padding: 10px !important;
    text-align: left !important;
    font-weight:bold !important;
    font-size:11px !important;
    margin-top:-35px;
}
img.bhacksmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}

B. Menambahkan kode HTML:

Cari kode ini :

<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>

Tambahkan kode di bawah ini, diantara kedua kode tadi.

<div class='ysmileyreezeet'>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-}
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
<img alt='' class='bhacksmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!
</div>

Selesai. Demikianlah Cara Menambahkan Emoticon Yahoo Pada Komentar Blog, semoga bermanfaat ya sobat.

Cara Membuat Kotak Admin di Bawah Posting

Klik.Hacking@gmail.com (Muhammad Refa'i) — Thu, 28 Jun 2012 02:10:00 -0700

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, atu juga yang paling banyak orang bilang adalah kotak kolom admind. fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.

Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat di bawah ini. :

Dan posting saya kalini saya beri judul Cara Membuat Kotak Admin di Bawah Posting tertarik. langsung saja kita simak sob langkah- langkahnya :

Pertama login ke blog sobat.
Selanjutnya download dulu templatenya, hal ini dilakukan untuk mengantisipasi bila terjadi kesalahan
Pada menu pilih Rancangan ➨ Edit HTML.
Pada Edit Template jangan lupa untuk mencentang Expand Template Widget,
Copy code dibawah ini di atas code ]]></b:skin>

.admin-tulisan{
width:auto;
background:#dldldl;
border:3px solid #ffffff;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#fffff;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

Cari code <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> - Tutorial Blogspot, Tutorial Hack, Tutorial Internet</h4>
<div class='kontainer'>
<img alt='Christian angkouw' src='http://i50.tinypic.com/11uhkiq.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://klik-hacking.blogspot.com/2012/06/cara-membuat-kotak-admin-di-bawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

Klik save dan lihat hasilnya.

Keteranagn :

Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )

Semoga bermanfaat sob. Demikian posting saya kali ini tentang Tutorial Blog. salam blogger.

Cara Mudah Mengetahui ID Facecook

Klik.Hacking@gmail.com (Muhammad Refa'i) — Thu, 28 Jun 2012 00:09:00 -0700

Id facebook adalah satu hal pokok yang sangat penting. Kenap sangat penting karena suatu saat sangat di butuhkan. baik dalam dunia blog maupun dunia website. Saya mengetahui karena sangat banyak yang mengetahui bagai mana cara mengetahui Id facebook. Namun tak jarang sobat kita yang tidak mengetahuinya. Oleh karena itu saya akan membantu sobat yang tidak mengetahui. namun jika sobat sudah tau kasih komend aja sob. Dan posting saya kali ini saya beri judul Cara Mudah Mengetahui ID Facecook. Mau tau caranya langsung di simak aja sob langkah-langkahnya :

Cara ini sangat mudah dan sampai saat ini masih Valid .

Copy link berikut: https://graph.facebook.com/username
Ganti username dengan username facebook anda. Contoh facebook.com/wanbloggers
Copy/paste ke browser anda -> Klik Enter.
Nomor yang paling atas adalah nomor id fb anda. Lihat gambar seperti diatas.

Ganti tulisan yang berwarna merah dengan username facebook anda. demikian posting saya kali ini semoga dapat membantu. Sebaiknya id facebook anda di simpan baik-baik sob karna suatu saat pasi di butuhkan kembali. sekian dan terima kasi .

Cara Membuat Kolom Komentar Facebook Berdampingan Denagn Blog

Klik.Hacking@gmail.com (Muhammad Refa'i) — Wed, 27 Jun 2012 23:56:00 -0700

Posting kembali sobat blogger saya mendapatkan ilmu ini dari blog saya yang lama Muhammad Refai itu nama blognya yang ingin berkunjung langsung di klik aja sob. Dan posting saya kali ini saya beri judul Cara Membuat Kolom Komentar Facebook Berdampingan Denagn Blog. Seperti ini sob nanti jadinya :

Sudah lihat dan tertarik sob. saya jelasin \sedikit denagn adanya komentar facebook ini sekaligus mempermudah pengomentaran kita. Apa bila ada yang berkunjung ke blog kita dan ia tertarik ingin berkomentar di kolom facebook otomatis posting kita masuk di akun si pengomentar. langsung saja deh begini langkah- langkah untuk memasangnya :

Pertama login ke blog sobat.
Selanjutnya download dulu templatenya, hal ini dilakukan untuk mengantisipasi bila terjadi kesalahan
Pada menu pilih Rancangan ➨ Edit HTML.
Pada Edit Template jangan lupa untuk mencentang Expand Template Widget,
Jika sudah sekarang sobat cari kode <div class='comments' id='comments'> pada template sobat.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>

<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>

<fb:comments-count expr:href='data:post.url'/> Comments

</div>

<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>

<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments

</div><div class='clear'/>

</div>

<div class='comments-page' id='fb-comments-page'>

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

<div id='fb-root'/>

<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>

</b:if>

</div>

<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='Masukan ID Fb anda disini' property='fb:admins'/>

<script type='text/javascript'>

function commentToggle(selectTab) {

$(".comments-tab").addClass("inactive-select-tab");

$(selectTab).removeClass("inactive-select-tab");

$(".comments-page").hide();

$(selectTab + "-page").show();

}

</script>

<style>.comments-page { background-color: #f2f2f2;}

#blogger-comments-page { padding: 0px 5px; display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;}</style>

Jika sudah ketemu langsung copas kode di atas tepat di bawah kode <div class='comments' id='comments'>

Keterangan :
Jika sobat semua menemukan 2 kode <div class='comments' id='comments'> yang sama, silahkan sobat pastekan ke kode yang kedua.

Simpan Templatenya dan lihat hasilnya.

Semoga berman faat sobat.. Kalo masih bingung bagai mana cara membuat ID FACEBOOK dan mau tau bagaiman cara membuatnya langsung saja baca Tutorial Blog terkait yang berjudul Cara Mudah Mengetahui Id Facebook.

Cara Membuat Teks Mellingkar Mengikuti Mous

Klik.Hacking@gmail.com (Muhammad Refa'i) — Wed, 27 Jun 2012 23:23:00 -0700

Mbah google memberi saya ilmu kembali. setelah blog wolking saya melihat sutu hal yang menarik yakni ada tulisan melingkar yang mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan ditampilkan dapat diatur sesuai keinginan.Dan posting saya kali ini saya beri judul Cara Cara Membuat Teks Mellingkar Mengikuti Mous. Tanpa panjang lebar lagi langsung saja kita simak langkah- langkahnya :

Pertama Login ke blog sobat dahulu
Langsung saja masuk menu tata letak
Lalu klik Tambah Gadget
Pilih html/javascript

/* Circle Text Styles */

/*http://klik-hacking.blogspot.com/2012/06/membuat-teks-mellingkar-mengikuti-mous.html*/

#outerCircleText {

/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */

font-style: italic;

font-weight: bold;

font-family: 'comic sans ms', verdana, arial;

color: #000;

/* End Optional */

/* Start Required - Do Not Edit */

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}

#outerCircleText div {position: relative;}

#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

/* End Required */

/* End Circle Text Styles */

</style>

/* Circling text trail- Tim Tilton

Website: http://www.tempermedia.com/

Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts

Modified Here for more flexibility and modern browser support

Modifications as first seen in http://www.dynamicdrive.com/forums/

username:jscheuer1 - This notice must remain for legal use

;(function(){

// Your message here (QUOTED STRING)

var msg = "Welcome to my blog!";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions

// Set to number of desired pixels font size (decimal and negative numbers not allowed)

var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval

// Other numbers & decimals can have interesting effects, keep these low (0 to 3)

var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters

// (decimals allowed, not negative numbers)

var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval

// (decimals allowed, not negative numbers, some rounding is applied)

var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)

var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!

// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)

var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');

var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,

ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],

o = document.createElement('div'), oi = document.createElement('div'),

b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){

e = e || window.event;

ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position

xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position

makecircle = function(){ // rotation/positioning

if(init.nopy){

o.style.top = (b || document.body).scrollTop + 'px';

o.style.left = (b || document.body).scrollLeft + 'px';

};

currStep -= rotation;

for (var d, i = n; i > -1; --i){ // makes the circle

d = document.getElementById('iemsg' + i).style;

d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';

d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';

};

drag = function(){ // makes the resistance

y[0] = Y[0] += (ymouse - Y[0]) * speed;

x[0] = X[0] += (xmouse - 20 - X[0]) * speed;

for (var i = n; i > 0; --i){

y[i] = Y[i] += (y[i-1] - Y[i]) * speed;

x[i] = X[i] += (x[i-1] - X[i]) * speed;

};

makecircle();

init = function(){ // appends message divs, & sets initial values for positioning arrays

if(!isNaN(window.pageYOffset)){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

} else init.nopy = true;

for (var d, i = n; i > -1; --i){

d = document.createElement('div'); d.id = 'iemsg' + i;

d.style.height = d.style.width = a + 'px';

d.appendChild(document.createTextNode(msg[i]));

oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;

};

o.appendChild(oi); document.body.appendChild(o);

setInterval(drag, 25);

ascroll = function(){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

window.removeEventListener('scroll', ascroll, false);

};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){

window.addEventListener('load', init, false);

document.addEventListener('mouseover', mouse, false);

document.addEventListener('mousemove', mouse, false);

if (/Apple/.test(navigator.vendor))

window.addEventListener('scroll', ascroll, false);

}

else if (window.attachEvent){

window.attachEvent('onload', init);

document.attachEvent('onmousemove', mouse);

};

})();

</script>

Copas kode di atas si dalam menu html/javascript

Keterangan :
Ganti kode yang berwarna biru Welcome to my blog! Dengan tulisan yang sobat suka .
Demikain dulu sobat semoga bermanfaat ya. salam blogger indonesia .

Cara Menganti Warna Burung Twitter

Klik.Hacking@gmail.com (Muhammad Refa'i) — Wed, 27 Jun 2012 07:25:00 -0700

Berbagai ecam jenis blog Membuat saya ingin berbagi bermacam-macam warna burung twitter yang pasti sesuai dengan blog sobat. dan posting saya kali ini saya beri judul Cara Menganti Warna Burung Twitter Langsung di simak ya :

Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah di posting Cara Membuat Burung Twitter Terbang Di Blog dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj98CSYEbHrUP5ZvRJeG5jp_-kmvq5y3WAfY9MxHEoq5t33N3WwZQyGKxgT7njOySd5dUjBCxqR7nM3HKGp67THU6XwQzaQqShfnO2TfZZGm1OjVb2dTAd5GYhYK2Gtyn9sBR62Y-Mhgho/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0hf77cFRm5LKe-MfeBen8DMhmNdiIZILYqM1lR-w0ySEw9Kpl4yiPpWGYxu5erAraTf0NSrxvjCk_MehyjsuBFDezKbpSNa5AGMBRmgksx2J0DlSVPz4YLEHeoL2D1HHQidTnL5qWeP4/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNv-UBzW9iOUMY-pxVuNV91d6gXllibadJcE33n2amh3jZefgmRSnYrptwnJz-MS7lqrzaKN9-f_llGBkzNy__tlVXAx25ZDxZ167sLE6JurykKpcvARB2dzpLUKI96P5mrePJyX5Adps/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZN8AinxE_OfSMda4V1WSaDGVEuN6nLAbLO7Ta9qga5NNv8fVs1FK_CaHEEFBLGrR0D1ieED9na4veW17UtFVvjDft9iQ-2OhKg57a3uqXhJunHtRNd0UwK8pyL8UP4dxWT5Hk6U8q4r0/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOBVsoSguIjbHgAWP985uknuGX6JboTw6pDIw5EiJJYblfGHiOgtBnTxW44jRAnXSdcX_nt41f_hwotTTQqTdD-q1BB77ElRyP4vcfhIohwKeNcnH3mTMcBEAnpbk917kZUaAZB-_BGJs/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQT_KsalLgxFfGtOlVOZyoZFQyjERIf8gonZruSTI9PrJu9QOd_wrkafoZhgwqBdKFj6f1ov1_iezE4mpxa9B16BxZYWE3bkHiEBYg7l9F3EFKqrvogtmDEa2YDt4-PLrQWzYDrJVUs9o/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8FNU4MtlQ3lOX9gtlcNfDKaSqN4FQH0MTn9ZEu3eWepXE7TqYkTiJ7TaGyP3sYfAYQlByy_GIh62dKaUJKZK3mDKOs0dd3pRnwEm2y7Nkc6WjGGb4JlnxrwriFZzN0DJyOEilMOrNb7Y/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0rQAv3F77imkdq-5gMVEY_B5ARF73BQMFbEb8TY_9RtGPe9cBLyM5suW0FT-10GT2nSQJEdPoegp22sr2nPJfGlwqo0o3K8xriNpo5TUpC9uHxMyaBracIhJbkeMF3MYbr4_ktXnt1pU/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Cara Membuat Burung Twitter Terbang Di Blog

Klik.Hacking@gmail.com (Muhammad Refa'i) — Wed, 27 Jun 2012 07:17:00 -0700

Dapat apapun yang penting kita shere ke blog tersayang. Agar mempercantik blog kita Kali ini saya akan shere bagaimana cara membuat burung twittet terbang kesana kemari di blog. Posting saya kali ini saya beri judul Cara Membuat Burung Twitter Terbang Di Blog. ok simak dahulu ya.

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

Klik Design > Page Element > Add Gadget > Html/Javascript
Copy paste kode di bawah ini ke kolom Html/javascript

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCRxdqHUYHAEpQiqtj-V8xzG7MDQeBEUUQz4HyF_iUh0HG9eIGtDn8j_BNGRzSVvfmcH6zsDnRvsU2FmL2BLFlglkteTR-1ecX4eGwiWCTD3WxRDTPJnBBo_W523cttcc9G6kJL3sCzcU/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

Ganti kode yang berwarna biru dengan akun Twitter sobat
Simpan dan lihat hasilnya

Bagi temen- yang mau menganti warna burung twitter baca saja Tutorial blog yang berjudul Cara Mmenganti Warna Burung Twitter

Cara Membuat Tombol Follow Twitter di Blog

Klik.Hacking@gmail.com (Muhammad Refa'i) — Wed, 27 Jun 2012 05:45:00 -0700

Sobat kali ini saya ingin shere cara bagimana pasang tombol follow twitter. dan posting ini saya beri judul Cara Membuat Tombol Follow Twitter di Blog seperti blogspot ataupun wordpress caranya sangat mudah dan gampang. bagi sobat yang ingin mencobanya saya persilahkan dan untuk contohnya sobat bisa lihat di blog saya. Apa sih fungsinya tombol button twitter ini ? ya jelas saja fungsinya agar orang bisa dengan mudah follow twitter kita. jadi bagi anda yang ingin banyak follower nya ya silahkan saja di pasang. Baiklah berikut cara memasangnya :

Agar lebih mudah dan cepat silahkan sobat log in dulu ke akun twitter sobat.
Setelah itu kunjungi situs resmi button twitter DISINI .
Pilih follow di antara banyak pilihan untuk membuat tombol follow dan ambil kode scriptnya ke blog.
Cara copy paste ke blog log in ke akun blogger.com > pilih rancangan atau design > pilih add gadget > pilih html javascript dan copas script tadi di kotak yang besar dan save dan tidak usah di kasih judul mau dikasih judul juga gag papa.

Ini contohnya sekalian follow yaa :
Follow @reezeet

Yang di atas punya admin. kalo blog yang ini :
Follow @KlikHacking

Sekian dan terima kasi. semoga bermanfaat sob. Jika ada yang ingin di tanyakan silahkan langsung komentar aja sob.

Cara Membuat Tombol Like Tweet Dan Google+

Klik.Hacking@gmail.com (Muhammad Refa'i) — Wed, 27 Jun 2012 04:57:00 -0700

Malam sahabat blogger semua tiada hari tanpa posting bagi saya. Ok langsung saja kali ini kita akan membahas bagaiman cara memasang tombol tweet, google+, dan like facebook. Posting saya kali ini saya beri judul Cara Membuat Tombol Like Tweet Dan Google+. langsung saja di simak langkah-langkahnya :

Pertama login ke blog sobat.
Selanjutnya download dulu templatenya, hal ini dilakukan untuk mengantisipasi bila terjadi kesalahan
Pada menu pilih Rancangan ➨ Edit HTML.
Pada Edit Template jangan lupa untuk mencentang Expand Template Widget,
Copy code dibawah ini

<div style='float:left;width:80px'>
<a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<div style='float:left;padding-left:10px;width:60px'>
<g:plusone size='medium'/>
</div>
<div style='float:left;padding-left:10px;width:90px'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light"' frameborder='0' height='20' scrolling='no' style='border:none;overflow:hidden; '/>
</div>

Cari kode <data:post.body/> jika di Blog anda ada banyak kode seperti itu, pilih kode yang kedua.
Simpan kode di atas setelah kode <data:post.body/> atau jika anda ingin memasang tombol Tweet, Google + dan tombol like Facebook di atas postingan, simpan kodenya sebelum <data:post.body/>
Save template dan lihat hasilnya.

NB :

Jika tombol Google + tidak muncul, copy kode <script type="text/javascript"src="https://apis.google.com/js/plusone.js"></script> di atas kode </head>
Jika tombol Tweet, Google + dan Like tidak ingin ditampilkan di halaman Home atau hanya ingin ditampilkan di halaman postingan saja, cukup tambahkan kode <b:if cond='data:blog.pageType == "item"'> dan </b:if> diantara kode tombol tadi. menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
< Kode tombol Tweet, Google + dan Like... >
</b:if>

Sekian dan terimakasih. semoga bermanfaat jika ada kesalahn silahkan langsung saja berkomentar sob. biar saya dapat memperbaikinya. Trimakasi

Cara Memasang Tombol Like Facebook di Blog

Klik.Hacking@gmail.com (Muhammad Refa'i) — Wed, 27 Jun 2012 01:20:00 -0700

Hai sahabat bloger semua, lagi - lagi kita posting masalah tutorial blog, yah tak mengapa lah namanya juga pemula jadi inngin memperbaiki tampilan blog ini agar semua nyaman dengan apa yang saya bagikan nantinya. Kali ini kita akan membahas tentang Cara Memasang Tombol Like Facebook di Blog . Ok langsung saja di simak langkah- langkahnya :

Tutorial cara memasang tombol like facebook di blog sebagai berikut:

Pertama login ke blog sobat.
Selanjutnya download dulu templatenya, hal ini dilakukan untuk mengantisipasi bila terjadi kesalahan
Pada menu pilih Rancangan ➨ Edit HTML.
Pada Edit Template jangan lupa untuk mencentang Expand Template Widget,
Copy code dibawah ini

Letakkan kode diatas ditempat yang kamu inginkan. misal dibawah postingan kamu cari kode <data:post.body/> dan letakkan kode no 4 tepat dibawah kode <data:post.body/>

Simpan template kamu.

NB: Kode standard bisa kamu ubah dengan button_count
dan kode light dengan kode dark, sesuaikan dengan blog kamu. nah mudah kan? sekian dulu tutorial Blog kali ini . salam bloger .

Cara Membuat Related Post

Klik.Hacking@gmail.com (Muhammad Refa'i) — Tue, 26 Jun 2012 23:52:00 -0700

Hai sahabat bloger.. saya habis otak atik mbah google ni. dan akhirnya saya dapat tutorial blog yang sanat menarik. kali ini saya beri judul Cara Membuat Related Post. oke tanpa panjang berbicara langsung saja kita simak langkah - langkahnya :

Pertama login ke blog sobat.
Selanjutnya download dulu templatenya, hal ini dilakukan untuk mengantisipasi bila terjadi kesalahan
Pada menu pilih Rancangan ➨ Edit HTML.
Pada Edit Template jangan lupa untuk mencentang Expand Template Widget,
Jika sudah sekarang sobat cari kode <data:post.body/> atau <p><data:post.body/></p>
Jika sudah ketemu selanjutnya sobat copy kode berikut dan pastekan di bawah kode tadi.

Keterangan: Jika sobat sudah memasang readmore dan ada dua atau tiga kode <data:post.body/> atau <p><data:post.body/></p> pilih yang kedua, ok langsung aja copas ni code :

<b:if cond='data:blog.pageType == "item"'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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('albri').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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

NB:
Untuk merubah judul Related Post dengan Articles Terkait atau lainnya, sobat cukup rubah kode pertama yang bewarna biru Related Post dengan kata-kata sobat sendiri.

Masih belum selesai sob, masih di dalam kota Edit Template, sekarang kita akan memasukkan kode modifikasinya, untuk itu sobat cari kode ]]></b:skin> jika sudah ketemu copy kode berikut dan pastekan di atas kode ]]></b:skin&gt;.

/*-- modifikasi related posts by http://klik-hacking.blogspot.com--*/
.rbbox{border: 1px solid #D8D8D8;padding: 5px;
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}

Simpan. Dan sekarang sobat bisa lihat sendiri perubahan di bagian bawah postingan sobat.

NB: Jika sobat ingin mengganti background related post seperti gambar di atas sobat cukup rubah background-color: #E0F8E0 mejadi background:url(http://letakkan Url gambar sobat disini)

Cara Membuat New Link Tab Otomatis Blog

Klik.Hacking@gmail.com (Muhammad Refa'i) — Tue, 26 Jun 2012 20:48:00 -0700

Ok sahabat blogger judul posting kali ini Cara Membuat Link New Tab Otomatis Blog, cara ini sangat membantu bagi para visitor blog untuk menjelajah isi blog tanpa harus menutup riwayat kunjungan nya pada saat membuka suatu link dan juga sangat berguna buat blog .

Cara kerja Link New Tab Otomatis Blog yaitu pada saat link di klik maka secara otomatis akan terbuka tab baru tanpa menutup riwayat kunjungan terakhir pada blog lihat demo DISINI

Bagaimana cara memasang di blog ?? silahkan ikuti cara nya dibawah ini :

Login ke blogger
Rancangan --> Design --> Edit HTML
download/back up template lengkap seandai nya terjadi kesalahan
centang expand widget template yang berada di pojok kode HTML
cari kode <head> dengan menggunakan control F atau F3
Tambahkan kode <base target='_bank'/> setelah kode disamping <head>
Lalu klik Save/Simpan template

Silahkan lihat hasil nya , kalau gagal tolong laporkan kesalahan kode di kotak komentar untuk perbaikan. sekian dulu sahabat blooger Tutorial Blog kali ini .

About Klik Hacking

Klik.Hacking@gmail.com (Muhammad Refa'i) — Tue, 26 Jun 2012 19:47:00 -0700

Saya disini ingin berbagi seputer masalah hack menghack, baik berupa hack software, hack komputer, hack blog, dan masih banyak lagi yang ingin saya bagikan keteman-teman semua, ini semua adalah pengalaman saya yang belajar banyak dari google search angine. Didalam kehidupan saya penuh dengan masalah hack meng hack, posting saya kali ini hanya sekedar diskripsi mengapa saya memasang atau mengambil tema hacking pada blog saya ini. semoga apa yang akan saya postingkan nanti dapat membantu kalian semua para hecker,dan mohon maaf kepada hack master apabila posting kalian nantinya saya kutip dan saya posting ke blog saya, tenang saja apa bila saya kutip pasti saya akan memberi umpan balik untuk link blog hack master semua, dan insyaallah saya akan tetap mempertahankan ORIGINAL posting blog saya. demikianlah perkenaln dalam posting pertama saya ini dan demikian perkenalan tentang blog Klik Hacking ini. salam Bloger Indonesia