cara memasang fans page facebook tersembunyi di blog

halo sahabat blogger... kali ini saya update lagi... ya itu tentang cara memasang fans page facebook tersembunyi di blog...

udah pada tau kan ?? hal ini udah harus di masukkan ke blog lohh... sekalian untuk promosi juga.. hehe :D

seperti ini nihh

lahh kok logo FBnya beda...
tenang... itu emk bisa di ganti... tapi kali ini saya akan memberikan yg ini
http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png

----------------------------------------------------------------------------------

berikut cara2na ...


bagian I :

1. buka blogger
2. masuk template > edit HTML
3. cari  kode </head> (cari menggunakan ctrl + F untuk memudahkan)
4. letakkan kode berikut tepat diatas kode </head>

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

kemudian klik save...


bagian II :

1. pergi ke tata letak...
2. klik tambah gadget...
3. pilih HTML/javascript

4. masukkan kode berikut

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>

perhatikan tanda huruf yg berwarna merah ganti tulisan tersebut dgn link url halaman page sobat...


klau yg warna biru ... itulah gambar yg akan muncul di blog... jika kalian ingin menggantinya silahkan... tapi klau nggak yahh nggak usah...

5. terakhir klik save..


nahh itulah cara2nya SEMOGA BERMANFAAT !! :D

Read More »

Add Comment

Label: About Blog, Facebook

cara menambahkan saving mode di blog

Saving Mode ?? ada yg nggak tau...

ituloh yg seperti klau kita tinggalkan kompi kita dgn waktu agak lama... lalu muncul gambar atao apalah... yg tepatnya mungkin seperti screen saver..

nahh... sekarang kalian mau menambahkan itu ke blog anda... bisa...

Caranya ?? cekidot :

- buka Blogger
- masuk template...
- klik Edit HTML.. >> lanjutkan
- cari tulisan </head>

(tips : cari munggunakn ctrl + F) Lanjut !!

- taruh link ini tepat di atas kode tersebut !!

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>

atau kalau yg di atas kgk bisa... bisa di coba yg ini :

<script src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

- lalu klik save ..

Selesai mudah2an bermanfaat..

Read More »

Add Comment

Label: About Blog

cara menambahkan translate google icon di blog

kali ini d4rk r3dr0ck update lagi.. yee...

ok serius... kali ini saya akan memposting tentang cara menambahkan translate icon..

langsung ke TKP:

1. buka blogger

2. tata letak..

3. add gadget >> pilih HTML/JavaScript

kasih script di bawah ini :

<center>
<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>

<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT0z4C7X1ljIIUz3iofcdBegbHFWWCtIy5PxgpVb5MiRapnJe57VghipJznym83_iSVUJSXKhxhpSxVs25XcA8h7JU6AEsnQ5PDItzuiCIjghUo7cDpZuvdYKApLv_jXKrcsLeUFZBeDOc/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjciI6iTP3Y360cQIh06SZBWQfic39hJR8IiaXTvQv8vHhXh1S1WMV-quev2lAkjxJ_70fZ7Gc5Pkiwd1SjLmGkkhTY_q0cjqohZ3w10mTR_dDopOJH4UdV1Lpm8hOcTkFgV27JCMvMuj6S/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIJ5dGTp34nPZej6C3pW6t3yB_Hj8Vb9qm-1U6xDbGAUEmjMjY1qcN1nN8evfMp6tsN62IckhBVflDBszSYaI8yr1giTdfimG7Z5zDaPfsqx-3zAYAude3gZVQq6e8np8vGcdInBoLZTdb/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJXUHzBNB1TC-g8_pbsdVNJt_ID9BuRSrH7PFVkVs-Z5OIvfluprr4NwXtGllvRgOc2RRATLcpfOOeGeincpmwGjEwCbMGBTRizDuqkHkqtXOfuDQ50AN2601CYQ7fc0ZMeBliT9ZurYaO/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUCh_MmmYTCPHSODnmXsN01FZcgfsOSMRrRcM0lu_LrhpJNzFz3HpigP3-azRXkB1HpEKkVg9Ut0cahjRcAQCGm_SRunptx0WwLnVb5ozSMbxth8tiUlKUSvmxvQi85Ay6HIbdlpCD44Vz/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFz-qdKmFFlC5u_0xMLHQCTjcwfTnahT7XIq80amEoqsfiA9I4lzT8e5PWBikBtD9_mfR-TooBHxQ6LX13m9RwJO3LNKmbm_4nxAxzH-10devKMdZ1ZX3588RO4l2t6Fxes7VzAEN4gpHR/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtASvnpRprpDZR1c_9q9IMXYkBOEm8-Sh_8Yfx4ART0QaGKP_u6CpULJSUEN0lY24PReaYUt2FQP_3fOk78GVYFBp7_SrwOzBQdDe8vwlYIqmMTLea9m4zhVjpegaaYBFbkphZEHnADGfm/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji6qG0LwSzatdpnTtxv4gYtCaA9_-Avkukx_Ltvt6VJ28AXRPggL4NxPWontjHexo3QRrtA7G4mdB9c96pzO94Uw8ZG1qKr8cNqfL8BwiB7aML4crmhG1w7A0bx_gqDiRtbG8Xuoibn31D/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglUKjoXtqdZaRZWIwE_dkzyBQK0-hIG5ZGH4USrIYewcJifR2tsosiMa7WlaZE_4SwNPp9MHlwpT8ATMcQneX1w_Q5VYXgm5BOoaeBYWDEWhRRcsKRWS_J19Gf-3tiiYMqjSrarjunqqeV/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLGSugwmjTk3rG2Q5nB0OrRNd27QxP2xf5oDdIHRpq3B0s10JiqEUZVRvRsjoo4cnMwpNrf5-9n62rHripj4t8K-U8hY9vsMgL-s77eB6Z2wG3hu1v2AFcTu2pS6sYbiN0DlSPV948R-2f/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7R9OZfkUKjZyy3XMpBd9ORkLDI0bzpuQ-mvvOCJhdkX5E1aiXE0mTjQ26zCbfGiL1QoccQBvthVVUH0ITWAyNr4n__BkkWDTOFYfCNKjTJNM6LhfivQTVDYjZOdg_ZA0xb4k9JsMJ3bmn/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHeg9p7cCSsIx4NMYWiKGcqpzrs_23WpX6pRoy-vNI744J7_2jvCsCBO9D-KSaVDanij05mNukkDjseyzfVnpLprQYWQDjF8OVg9Fu5b_V-66HwK0UWcIT_dFwMg9wSv4G1PE3sywditoO/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div></center>

kmudian Save... selesai...

Read More »

Add Comment

Label: About Blog

Cara Mengetahui Peringkat Blog

Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by Page Rank Checker service

Setiap situs dan blog memiliki ranking. Peranan ranking ini sangatlah penting untuk memperbesar penghasilan dari internet. Semakin bagus ranking suatu blog atau situs kemungkinan pengunjung akan sering mampir ke kita. 

Disamping tukaran link (baca artikelnya) untuk menaikkan peringkat Page rank juga sangatlah penting karena menggambarkan nilai dan peringkat sebuah halaman situs atau blog berdasarkan mesin pencari google.

Silahkan cek situs atau blog anda di halaman atas. Bagi blog atau situs baru mungkin belum terlalu banyak terindex di google. sehingga masih bernilai 0 ( 0 - 10 ). Sampai tapi saat inipun web saya  nilainya 0 hehehehe.

Read More »

2 Comments

Label: About Blog

membuat style border pada tulisan postingan Blog (Bingkai)

membuat style border pada tulisan postingan Blog (Bingkai) !! itu lahh postingan yang kali ini say aakan bahas...

Banyak cara mempercantik tulisan di blog dan salah satunya dengan memberikan bingkai. Bingkai tidak saja dipakai di foto, namun di tulisan juga. Trick kali ini membuat bingkai pada tulisan yang bisa di taruh di sidebar atau posting. Banyak hal yang bisa anda lakukan dengan bingkai ini, semisal membuat catatan, peringatan, pengumuman, dll.
Banyak bentuk bingkai yang bisa anda pakai dan dibawah adalah contoh-contoh bentuk bingkai beserta kodenya yang support di WordPress.com.

penasaran ?? yukk langsung le TKP !!

1. Solid

<div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

2. Dashed

<div style="border: 1px dashed #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

3. Dotted

<div style="border: 1px dotted #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

4. Double

<div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

5. Groove

<div style="border: 4px groove #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

6. Outset

<div style="border: 4px outset #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

7. Ridge

<div style="border: 4px ridge #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

Keterangan:

• border: tebal tipisnya, jenis dan warna bingkai.
• background-color: warna latar bingkai.
• padding: jarak antar bingkai dengan tulisan.
• width: lebar bingkai.

Kira2 begitu saja yang bisa ane sampein... Semoga berhasil !!

Read More »

1 Comment

Label: About Blog