Cara Membuat Anti Clik Kanan Di Blog

Akhir nya bisa posting dehhh uhhhhh bahagia rasa nya adit malam ini karena laptop adit sudah kembali seperti semula alias sudah dapat obat nya hehehehehehe oke deh mungkin kali ini adit akan mempersingkat waktu demi ke nyamanan dan ke amanan diri masing-masing di karenakan juga hari sudahlah malam mata juga sudah ngantuk... yukk mariii kite simak sama-sama :

ikuti langkah-langkah berikut ini :
1. Masuk ke Blog sobat
2. Klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript
6. Pastekan script di bawah ini ke halaman conten HTML/JavaScript tersebut
<script>
var message="Maaf, Klik Kanan Saat Ini Di Larang";
///////////////////////////////////
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>
6. Silahkan ganti script yang berwarna hijau dengan kalimat pilihan sobat
7. Klik Simpan
8. Selesai
Selamat mencoba, semoga bermanfaat

Rezky Nabil Anwari

Rezky Nabil Anwari - Nama saya Rezky Nabil Anwari, akrab dipanggil Nabil. Tinggal di Malang,, Indonesia. saya juga bekerja sebagai Internet Marketer di amazon.com. Sekarang saya duduk di sekolah menengah atas (SMA) kelas XI dan mengambil jurusan IPA. untuk hobi, saya sangat menyukai olahraga catur (raga bagian mana coba yang diolah?)

Saya memiliki beberapa Hobi seperti main catur, main game online, blogging, coding, tidur, makan, belajar, solat (kalau ini mah kewajiban hehehe) Ingin kenal lebih jauh? sayangnya saya tidak ingin mengenal anda lebih jauh (hahaha just kidding) add my facebook => http://www.facebook.com/rezkynabil.sangwebmaster - Rezky Nabil Anwari

Rating Artikel : 5
Jumlah Voting : 1 Orang

Cara Membuat Menu Drop Down

Malam sahabat blogger sebelum adit mulai membahas tenteng "cara-cara membuat menu drop down" kira-kira ada yang bisa kasih solusi untuk adit enggak ya... karena masalah ini bagi adit sangat menghambat dalam kerja adit. hemm ini sebenarnya sahabat blogger masalahnya, aditkan lagi cari tugas kuliah tu di internet ehh tiba-tiba laptop adit mati kemudian enggak mau tampil bios dan juga gak mau login ke windows nya udah adit coba tekan F10,F12,Ins,Esc,F2,Esc+Ctrl dll tapi tetep aja gk mau tampil adit jadi bingung apa adit harus update bios nya atau adit harus otak-atik di jumper mainbord laptop adit tapi adit harap sahabat-sahabat adit ada yang bisa kasih solusi selain itu mungkin ada yang kasih software khusus untuk update bios oya laptop adit Toshiba Sattelite L645, oke deh untuk mempersingkat waktu adit langsung aja bahas tetang cara membuat menu drop down.

Untuk membuat menu dropdown,selain membuat situs lebih rapi,dan juga sambil belajar bersama ya hehehehe
Untuk kodenya copy paste kode di bawah ini :

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu><option value=0 selected>Kata Pertama Yang Muncul/Judul</option>
<option value="Alamat Link tujuan">Isi Text Yang Di Tampilkan</option>
</select></form>

Contoh :

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option>Link</option>
<option value="http://www.youtube.com">Youtube</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.co.id">Google</option>
</select></form>


Dan hasilnya seperti di bawah ini sahabat :


Hemmm Mudah ya sahabat blogger hehehehe
selamat berkarya & mencoba sahabat blogger

Membuat Read More Part 02

Selamat siang sahabat blogger
hemmm badan rasa nya masih pegel-pegel dan capek banget, karena habis kerja seharian hehehe mumpung ada luang waktu jadi adit pergunakan sejenak untuk memposting sebuah artikel tentang membuat readmore wahhh belum selasai agaknya hehehehe wah ini yang ke dua sahabat untuk yang auto read more.. oke langsung untuk masalah pembahasan ini kita lanjut ke TKP....

Langkah-langkahnya:
1. Masuk ke dahboard >> Design/Rancangan >> Edit HTML. Jangan lupa centang 'Expand Widget Templates'. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.

2. Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F)Untuk pencarian cepat:

<!-- Auto read more script - http://blog-t4belajarku.blogspot.com/- Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script - http://blog-t4belajarku.blogspot.com/- End -->


Yang berwarna merah adalah jumlah dan ukuran tampilan, summary_noimg=jumlah karakter tanpa gambar, summary_img=jumlah karakter dengan gambar, sedangkan img_thumb_height dan img_thumb_width adalah ukuran gambar (dalam pixel). Ubahlah sesuai dengan keinginan.

3. Kemudian cari <data:post.body/> (gunakan Ctrl+F untuk pencarian cepatnya), dan GANTI dengan:

<!-- Auto read more -http://buka-rahasia.blogspot.com- Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<a class='more' expr:href='data:post.url'>Read More...</a>
</b:if>
</b:if>
<!-- Auto read more -http://buka-rahasia.blogspot.com- End -->

Ganti Read More... dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan Read More tersebut dengan code dibawah ini:
<img border='0' src='url (direct link) gambar readmore'/>
Ganti url (direct link) gambar readmore dengan alamat url dimana anda mengupload dan menghosting gambar.

Baiklah sahabat blogger tercinta kiranya cukup segitu dulu deh yang adit kasih hari ini karena adit akan melanjutkan sebuah pekerjaan yang harus di selesaikan hari ini juga hemmm karena belum kelar merakit komputer nya mana lagi banyak yang pesan serta service jadi pusing deh kepala nya harus membagi waktu sana dan sini hehhehe

Selamat berjuang dan berkarya untuk seluruh sahabat blogger sejati di tanah air indonesia ini.

Membuat Widget Daftar Isi Di Blog

Kemarin adit udah posting tentang cara membuat read more / baca selengkapnya di blog dan untuk sekarang adit akan melanjutkan postingan adit tentang membuat widget daftar isi di blog sobat blogger pasti nya udah tau yaa untuk cara-cara membuat widget daftar isi di blog... hehehehe maaf ya sobat adit hanya pemula yang lagi belajar blogger, kasih semangat nya dong sobat blogger buat adit biar semakin kenceng untuk lari nya hehehehe maksud nya biar tambah pengalaman, dan tata letak kata dalam berposting sobat blogger.... hembb oke deh tanpa banyak kata adit akan langsung bahas tentang "Cara membuat Widget Di Blog" :

Langkah 1
Login ke Blogger

Langkah 2
Masuk ke "Tata Letak - Elemen Halaman"

Langkah 3
"Tambah Gadget" baru dengan type "HTML/JavaScript"

Langkah 4
Tambahkan kode dibawah ini:

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://hensblog.googlecode.com/files/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

Langkah 5
Simpan Gadget

Keterangan:

border: 1px solid #000 : Ubahlah border sesuai dengan keinginan anda

height: 220px : Ubah nilai 220px untuk mengatur tinggi widget daftar isi

Jika ingin menampilkan daftar isi sesuai dengan label/kategori tertentu silahkan tambahkan kode /-/Label sehingga menjadi seperti kode dibawah ini (ganti Label dengan kategori yang ingin ditampilkan):

<script src="/feeds/posts/default/-/Label?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>

Selamat mencoba semoga berhasil Sobat Blogger Dan Jangan Lupa Tinggalin Komentarnya Sobat Blogger.

Membuat Read More atau Baca Selengkapnya Di Blog Part 01

Malem sobat blogger wahhh maaf ni agak lambat postingnya karena kemarin lagi sibuk dengan pekerjaan rumah yang harus cepat di selesaikan, hehehehe
oya kabar sobat blogger pada sehat semuakan.... heeemmmm oke langsung aja kali ini adit mau coba posting dan mengulas tetang "read more" atau yang biasa di bilang "baca Selengkapnya"/"selanjutnya" dan seterus nya hehehehe :D (becanda Sobat) kapan nue bang adit mulai bahas nya ngoceh mulu bang adit ni hehehehe oke kita langsung aja deh ke inti pembahasan yukksss mariii,.
Langkah awal yang sobat lakukan harus :
  • Login dengan ID blog sobat
  • Masuk Pada Menu Dashbord kemudian clik Rancangan
  • Pilih Edit HTML
  • Lalu centang di bagian expand widget
  • Download atau back-up template sobat untuk menghindari kerusakan pada kode-kode yang bikin pusing kepala itu. hahahahaha

    Kalau sobta sudah menyesaikan tugas-tugas di atas sobat langsung bisa cari code berikut ini untuk mempercepat pencarian sobat bisa tekan atau

    <p><data:post.body/></p>

    gimana sobat sudah ketemu code nya.

    kalau sudah ketemu code yang di atas bisa ganti kode yang di atas dengan code yang ada di bawah ini :

    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/></p>
    <a expr:href='data:post.url'>Read More......</a>
    </b:if>

    Tulisan "Read More....." itu bisa sobat rubah, misalnya jadi "Baca Selengkapnya" "selanjutnya" "selebihnya" "Sekurangnya" ya apa aja deh yang sobat suka.hehehehe

    Kemudian Coba sobat Simpan Template Terlebih dahulu sebelum kita melanjutkan pembahasan.

    Kemudian Pilih menu Setelan Atau Setting Pilih Lagi menu Format
    Perhatikan pada menu yang paling bawah banget ada kotak kosong yang nama menu nya kotak post templat atau bahasa lain nya Templat Entri. tetapi sebelum itu sobat copas alias copy-paste dulu deh code berikut.

    <span class="fullpost">


    </span>

    Sudah di copy-paste belum sobat, kalau sudah mulai deh sobat taruh code yang sobat copy tadi pastekan di kotak Templat Entri atau Kotak post templat hemmm kemudian simpan dehhhhh....

    Bim salabim aba kadabra.... wek..wek..wek dan liat hasil nya.....
    Selamat mencoba dan berkreasi di blogger sobat....

    akhir kata adit mengucapkan banyak biru maaf bila ada kesalahan dalam penempatan kata ataupun dalam berbicara serta tingkah laku mohon di maafkan.

    #Salam Blogger
    UPPSSSS Jangan lupa tinggalin komentar nya ya...

Elemen Halaman Mempunyai Fungsi Scroll

Aduh malam ini adit lagi bingung banget mau posting apa karena badan lagi sedikit enggak fit alias lagi enggak enak badan di tambah banyak tugas yang harus adit selesaikan, oke deh sebelum adit melanjutkan pembahasan yang akan kita ulas sampai tuntas ini, adit harap untuk para master bisa membantu peningkatan dalam blog ini ya kasih sedkit komentar,kritik ataupun saran, karena saran dan kritik para master bagi adit adalah masukan yang menginspirasikan blog ini agar bisa lebih baik lagi... kemudian adit harap bila ada kesalahan dalam cara adit berposting ini tolong di maaf kan yaaaa.....:D

oke kita langsung lanjut ke pembahasan tentang ELEMEN HALAMAN MEMPUNYAI FUNGSI SCROLL
mungkin sobat sekalian sudah mulai terbayang tentang judul di atas,,, hemmmm gimana udah belum bayangin nya hehehehehe Langsung deh kita ke TKP....

Untuk membuat ELEMEN HALAMAN MEMPUNYAI FUNGSI SCROLL sobat bisa copy-paste code berikut ini yang ada di balik tombol Tampilkan di bawah ini :



<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<li><a href="LINK Posting">Judul Posting</a></li>
</div>




udah jelas belum klo belum saya akan jelaskan sedikit.

Didalam kode tersebut, yang berperan besar adalah kode yang ada dalam style. Dengan style itulah kita bisa membuat apa yang kita inginkan. dan di bawa inilah adalah perintah-perintah yang di pakai.

overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).

height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.

padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;

border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.

Selain kode-kode tersebut, tentu saja anda bisa menambahkan berbagai variasi sesuai dengan keinginan, misalkan backgroundnya berbentuk gambar, fontnya yang berbeda atau apa saja sesuai dengan keinginan anda

Isi dari halaman tersebut tentu saja bukan hanya berisi link saja, tapi anda bisa mengisinya dengan yang anda inginkan. Misalkan tulisan biasa, gambar, iklan atau apa saja.

masih bingung di mana nyimpen kode di atas seperti biasanya, anda tinggal masuk ke halaman dashbord » Rancangan » Elemen Halaman » Tambah Gadget » Pilih untuk JavaScript/HTML » Masukan kodenya » Simpan » dan selesai dehhhhh. hehehe

Sumber : Blog Kang Rohman