Tutorial Blog for Stylish Blogger: Agustus 2009

Bagi sobat blogger yang membutuhkan tools dan aplikasi buat memperindah blognya BEN_TOOLS

Buat kawan yang mau pasang iklan Silahkan hubungi pada halaman kontak yah...xixixi.

Tempatnya free download mp3 terlengkap Fortysix Mp3 dan bisa pesan pula. Pokok`e top margot top

Your ads here!!!

Assalamu'alaikum Wr Wb - Selamat datang di Blog berat dan aneh ♥ Semoga tidak mengurangi sobat untuk menjamahnya. Sssttt...MOZILLA pakainya yah...! Eit!!! Mampir lagi ya huehuehue. This is blog looks better in FIREFOX. Get MOZILLA™ Happy blogging - Wassalamu'alaikum Wr Wb ☺

▼ ▲

Hidden Sidebar & Widget

0 Komentar

Nah waktu itu saya udah mostingin expand/collapse. Iyah bener yang ini Expand/Collapse. Waktu itu kan aku menerangkannya versi Annie. Nah sekarang aku keliling-keliling, eh dapet deh yang serupa dengan teknik itu loh. Bagaimana nih...tertarik nggak nih !!! Kalau tertarik siap-siap deh, yuk kita mule (halah Mule). Oke sekarang coba kalian masuk ke Layout ---> Edit/HTML ---> centang bagian ---> Expand Widget Templates.
Sip...kalau udah cari deh kode berikut :

<b:widget id='HTML8' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget>
Yang berwarna biru adalah kode awal kawan, dan yang merah adalah akhir dari kode kawan. Gimana? udah ketemu blon, gunakan dengan menekan "Ctrl + F" pasti ketemu deh :D Setelah itu coba kawan perhatikan pada script yang tulisannya : <h2 class='title'><data:title/></h2>. Buat apa diperhatikan ??? Yaaa discript itulah kita akan menambahkan kode-kodenya :p Ganti dengan kode berikut :

Kalau sudah, tarik napas dahulu...huuuffff...ah. Setelah itu kawan harus meletakan script berikut ini :

<script type='text/javascript'> /* <![CDATA[ */ document.write('</div>'); /* ]]> */ </script>
Letakan script diatas tersebut, sebelum kode : </b:includable>
Kalau sudah tinggal disave deh. Contoh di blog aku tuh yang bertitlekan teman's dan friend's yang disebelah kanan. Kalo gak berhasil coba terus... ;) perhatikan dibagian ini :
<b:widget id='HTML8' locked='false' title='teman's' type='HTML'>
Udah ah capek. Happy blogging :) Ada yg lupa...sumbernya Gampang kok

▼ ▲

Okek's aku mau mostingin teknik ini. Sudah siap blon nih, sudah blon nih...euh aku bilang udah siap ato blon malah diem terus. Maksud aku tuh sudah siap kopi ama cemilannya blon nih. Banyak sih yang mosting tentang teknik ini, tapi aku mau coba dengan gaya bahasa aku. Semoga kawan bisa mengerti dan paham yaa. Teknik ini berfungsi untuk menyembunyikan link², widget jadi, gambar/file, dan masih banyak lagi. Kalo contoh di blog aku tuh yang seperti :

yang pake image tersebut kawan², dg diklik maka akan muncul apa yg ada didalamnya. Terserah kawan² sih, mo pake image ato nggak jg (dg tulisan jg bisa) [berkreasilah dg image kawan masing²]. Mau mosting rumusnya juga males ginih BEU !!! Mulai : (Tak perlu diceklis expand widgetnya)

1. Expand/collapse buat Label. Ingat yaa L A B E L

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
Cari kode diatas dengan memencet CTRL + F. Setelah ketemu kodenya, ganti dengan rumusan dibawah ini :

<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('</a>');
//]]>
</script>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>

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

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

<script type='text/javascript'>
//<![CDATA[
document.write('</div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Beres. Save dan lihat hasilnya. [+/-] <-- ini bisa diganti dg kreasi kawan masing².

2. Expand/collapse buat didalam postingan. Ikuti langkah-langkah tentang bagaimana expand / collapse buat Label. Nah untuk menampilkan fungsi expand / collapse tersebut didalam postingan kita tinggal menambahkan rumus berikut :

<a aiotitle="click to expand" href="javascript:togglecomments('UNIQUE NAME')">+/-</a><div class="commenthidden" id="UNIQUE NAME"><p>LETAKAN TEKS/LAIN2 YANG MAU DISEMBUNYIIN DICINIH</div>

Beres. Save dan simpan hasilnya. NB : Ingat dan harus sama dalam memberikan UNIQUE NAME. Ocret ^.^

Teknik tersebut bisa diapresiasikan dimana saja, tergantung daya kreatip kawan² sampe mana mau mengapresiasikannya.

Terima kasih kepada Annie. Klik link tersebut untuk melihat berbagai macam teknik expand/collapse. Good Luck !!!

▼ ▲

Tidak Bisa Klik Kanan Dan Ctrl + Copy ???

1 Komentar

Kawan-kawan mungkin sudah tau bagaimana trik tidak bisa diklik kanan. Yesss...itu yang kalo orang keju bilangnya No Right Click dengan pesan yang beraneka ragam. Disini aku ingin berbagi trik tersebut, tetapi dengan tambahan ~~TIDAK BISA DIKLIK KANAN DAN TIDAK BISA DIKOPI (CTRL + COPY)~~. Hasil dari ngubek-ngubek tutorial blog kesana kemari...wuekekekekkk. Bagaimana ini bisa bekerja !!! Tentunya dengan bantuan Javascript sih. Oke deh tanpa basa-basi-busuk, kita lanjut dengan caranya (wokeh).

<script language="JavaScript1.2"> //Disable select-text script (IE4+, NS6+)- By Andy Scott //Exclusive permission granted to Dynamic Drive to feature script //Visit http://www.dynamicdrive.com for this script function disableselect(e){ return false } function reEnable(){ return true } //if IE4+ document.onselectstart=new Function ("return false") //if NS6 if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script> <script language="JavaScript">curPage=1; document.oncontextmenu = function(){return false} if(document.layers) { window.captureEvents(Event.MOUSEDOWN); window.onmousedown = function(e){ if(e.target==document)return false; } } else { document.onmousedown = function(){return false} } </script>
Kopi kode diatas, dan letakkan sebelum tag </body>. Auk deh tag itu dimana...wkwkwkwk (maaf bkn ahli tutorial, cuma ahli otodidak). Diulik-ulik ajah yah dimana tag body itu kawan....xixixixi. Kawan² perlu bukti? Klik blogspot ini (new tab) Turkish Hotels dan cobalah untuk klik kanan dan menggrab sebagaimana kopi paste. Dah ah capek nulisnya juga...-__-'.
Thanks Kelly for her amazing poem ! Eh lupa, thanks juga buat Smartbloggerz

Script anti klik diatas gaya punya ;)) ;) :)) Jika mau seperti diatas, dan lebih ekstrim lagi...ternyata ada yg simpel banget. Cari tag <body> lalu bubuhkan menjadi...<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>Dijamin sampai Ctrl + U juga tidak berfungsi :))

Anti klik kanan karya salah satu sahabat blogger ini menggunakan image sob. Jadi warning windows yg keluar biasanya berupa kata-kata gitooo, kalau ini berupa gambar yg imut² kayak Beben :D

Disable Right jQuery Plugin

<script type='text/javascript'>
$(document).ready(function(){
    $(document).bind("contextmenu",function(e){
        return false;
    });
});
</script>

▼ ▲