Buat Read More Dalam Blog

Tutorial ini akan menunjukkan lagi cara untuk buat read more bagi sesebuah blog.
Sebenarnya kaedah ini  sudahpun agak lama wujud dalam blogger.com, tetapi mungkin pengguna blogspot tidak perasan  Dan bagi blogger yang menggunakan template asal daripada blogger.com, kaedah ini amat mudah untuk diaplikasikan.


Berikut tutorial ringkas untuk buat read more yang sudah tersedia dalam blogger.com


1. Login ke akaun blogger anda, kemudian daripada dashboard klik new post.


2. Kemudian taipkan beberapa patah perkataan, kemudian diselangi oleh kod berikut. (Ini untuk test template anda sudah tersedia dengan kod penuh atau belum)

<!-- more -->

contoh: anda boleh copy dan paste bawah ni ke dalam new post anda.

Ini ayat sebelum perkataan 'read more'
<!-- more -->
Ini ayat selepas perkataan 'read more'

3. Kemudian klik pada publish, dan tengok dari paparan muka hadapan blog anda samada read more ini berjaya atau tidak. Kalau berjaya, kerja anda sudah siap.:)

Kalau tidak berjaya,
(biasanya melibatkan bukan template default dari blogger), sila ikuti sedikit penambahan berikut.

1. Dari dashboard, klik pada layout > edit html

2. Backup template anda, kemudian klik pada expand widget templates

3. Menggunakan keyboard, tekan ctrl + f (untuk membuka fungsi find), kemudian cari kod berikut

<data:post.body/>

4. Copy dan paste kod ini dan letakkan dibawah kod tadi.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

5. Kod anda sepatutnya kelihatan seperti dibawah


6. Save template anda dan lihat hasilnya.:)

Link Dalam Blog Warna-Warni (Rainbow Link)

Rainbow link merupakan salah satu trick yang diaplikasikan kepada link yang ada dalam sesebuah blog. asalkan cursor mouse dilalukan pada sesuatu link, link tersebut akan berubah menjadi warna-warni dengan warna yang tertentu.

Tutorial untuk menjadikan blog anda juga mempunyai link berwarna-warni adalah seperti berikut.

1.) Copy code di bawah ini.

<script src="https://sites.google.com/site/unwanted86/javascript/rainbowlink.js" type="text/javascript">
</script>

2) Buka dashboard blog anda, kemudian pergi ke layout > page element > add a gadget


3) Cari HTML/javascript. Kemudian apabila sudah buka, paste code kat situ.


4) Siap dan save. Itu sahaja. Senang bukan.:)

Disable Right Click (larangan copy paste)

Adakah anda tidak suka orang lain mengambil apa sahaja kandungan dalam blog anda.?
Dan pada masa yang sama anda tidak suka dengan kod² yang berserabut yang perlu di edit dalam 'edit html'. Kini ada cara mudah untuk realisasikan hasrat anda.:)

Kenapa Perlu Disable Right Click.?
Kebiasaannya,seseorang pemilik blog akan menggunakan fungsi ini untuk megelakkan orang lain mengambil apa yang ada dalam blog mereka. Samada tidak senang ayat mereka ditiru bulat² (copy paste), ataupun untuk mengelakkan bandwidth habis digunakan. Kebiasaan alasan yang aku selalu baca adalah kerana ada orang yang copy entri mereka bulat².

Berikut adalah contoh msg yang akan keluar apabila anda aktifkan disable right click

Berikut adalah cara yang mudah untuk menggunakan fungsi ini.

1. Copy kod ini.

<script language=JavaScript>
<!--

//edit by unwanted


var message="Masukkan Mesej Anda Disini";

///////////////////////////////////
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>

2. Paste pada "HTML/javascript" dalam blog anda.
Dashboard >Layout>Add gadgett >html/javascript.

Apabila sudah siap, save dan lihat kesannya pada blog anda.:)