Background Dalam Entri

on Friday, August 31, 2012


Berikut adalah tutorial untuk memasang customize backgroud dalam blog anda.

Apabila anda login pada blog anda, letakkan kod ini dalam new post anda. (pastikan semasa kod ini di paste, new post anda dalam keadaan 'edit html' bukan 'compose'- ini untuk mengelakkan code warna dicopy sekali.:)
<div style="background:url(Link gambar disini) no-repeat;">
Taip segala entri untuk blog anda disini.
</div>
- Letakkan link gambar pada tulisan biru (kalau anda upload dalam blog kemudian copy url gambar lagi bagus.:)
- jika anda menggunakan gambar bersaiz kecil, sila buang no-repeat.
-Taip apa sahaja entri anda seperti biasa dalam kawasan merah. Atau kalau hendak lebih mudah, buat apa sahaja entri, tetapi ending mesti ada </div>


kredit tanpa prejudis kepada unwanted86 


Memasang Disable Right Click Pada Blog

Tutorial kali ini juga diambil dari laman unwanted86 melalui blog tutorialuntukblog.
mungkin ada sesetengah dari anda yang tidak suka terjadinya masalah copy paste dari blog anda tanpa memberikan sebarang kredit ataupun backlinks.

jika anda ingin disabled right click seperti dibawah,berikut adalah langkah-langkah,sangat senang untuk dipasang

1)Copy kod dibawah
<script language=JavaScript>
<!--

//edit by mediasiber


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 >Design>Add a Page element >html/javascript. 


4)Tekan save dan selesai 

Bagaimana Meletakkan Iklan Nuffnang Secara Statik

Bagi anda yang sudah mempunyai blog sendiri sudah tentu ingin menjana sedikit pendapatan dari hasil blogging,biarpun anda blogging sebab minat semata-mata tapi jika mendapat sedikit suntikan duit dari pihak nuffnang sebagai contoh sudah tentu dapat menjimatkan kewangan anda terutamanya untuk membayar bil streamix mahupun bil broadband.

 Tutorial hari ini akan mengajar anda semua bagaimana cara untuk memasang iklan nuffnang(skysscraper) secara statik diblog anda walaupun entri telah di skroll ke bawah.

sebelum tu. Mungkin ada yang bertanya 'Letak iklan statik tidak menyalahi terma dan syarat Nuffang ke.?'

So ini jawapan dari nuffnang sendiri.


Yes, it is allowed for a blogger to place his ad unit static as shared by you. That position is no doubt desirable and advertisers would love to advertise on such placement.

However, bear in mind that the desirability for a Skyscraper ad unit is the same if it\'s placed;
- the top gadget of a sidebar
- visible upon loading of the page
- visible at all time (static ad)

As such, it doesn\'t really make a big difference, but nevertheless, advertisers will pay more attention to blogs which embed the ad units as a static ad.

Cheers,
Robb Chew
Blogger Relations Executive

Nuffnang Sdn Bhd


Cara-cara untuk memasing iklan secara statik adalah seperti berikut :-

1)Login ke akaun nuffnang dan copy kode iklan nuffnang untuk skyscrapter.
2) Copy kod di bawah, kemudian letakkan di HTML/javascript dalam blog anda
( Dashboard >Design > Page elements > Add a gadget > HTML/javascript )


<div style='display:scroll; position:fixed; bottom:5px; right:5px;'>Letak Kod Nuffnang Sini</div>

Penerangan :
i.) Nilai 5px boleh diubah. Nilai ini menentukan jarak dari bawah dan jarak dari kanan.
ii.) Masukkan kod iklan Nuffnang yang diambil dari step 1. (pastikan kod adalah untuk Skyscraper)







 

Buat gambar Bergerak (scrolling Image)

Pergerakan setiap gambar bergerak boleh diubah sama ada dari kiri ke kanan,bawah ke atas serta kanan ke kiri.anda juga boleh mengubah kelajuan pergerakan gambar tersebut.

Contoh kod scrolling image adalah seperti berikut,sila tukarkan perkataan yang berwarna merah dengan url gambar apa yang anda ingin masukkan.

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>


kod kredit to blog tutorialuntukblog

Penerangan:

Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.


contoh scrolling image adalah seperti dibawah



Bagaimana Menukar Template Blog Anda

Mungkin anda sudah bosan dengan rupa blog anda yang suram,untuk menyelesaikan masalah ini,apa kata anda mencari template yang baru dan upload template baru sebagai rupa bentuk baru rumah anda,untuk mencari senarai laman web yang menawarkan senarai template percuma untuk dimuat turun,anda boleh rujuk disini -->

Senarai laman Web Untuk Muat Turun Template Blog

Berikut adalah langkah-langkah untuk menukar template blog anda.

1)Login ke akaun blogger anda,di dashboard kemudian pilih design dan kemudian klik pada edit HTML.
2) klik pada browse dan cari lokasi file template *.xml dari pc/laptop anda,dan klik open dan seterusnya upload

 3)Klik upload
4)apabila upload proses berlaku,paparan seperti dibawah akan keluar dan pilih 'keep widget'.

5)Selesai dan anda boleh view blog anda yang sudah berwajah baru.

Senarai laman Web Untuk Muat Turun Template Blog

Berikut adalah senarai laman web untuk perkongsian bagi anda yang masih tercari-cari dimanakah tempat yang sesuai untuk mencari template yang menjadi idaman hati,ingin dimaklumkan,ada beribu-ribu laman web yang menwarkan servis ini tetapi saya cuma senaraikan beberapa laman.

Untuk pengetahuan bersama,template sesebuah blog adalah dalam format *.xml,sekiranya ada memuat turun file yang dalam bentuk zip/rar,sila extract dulu file tersebut dengan menggunakan program percuma seperti 7zip sebagai contoh.

http://www.freecsstemplates.org/
http://www.4templates.com/website-templates/
http://html5up.net/
http://templated.org/
http://www.freewebtemplates.com/
http://www.themesbase.com/
 

Backup Template Blog

Template bagi sesebuah blog boleh diibaratkan sebagai tiang atau tulang belakang,fungsi blog dan juga kebanyakan trick untuk sesebuah blog akan dilakukan di template(Edit HTML).

Oleh itu adalah perlu untuk seseorang blogger akan backup dahulu template blog sebelum melakukan sebarang pengubahsuaian ataupun sebelum menukar template baru.
Tujuan backup template adalah untuk backup jika sebarang perubahan kod yang diaplikasikan tidak menjadi.

Tutorial untuk backup template bagi blog adalah seperti berikut.

1) Login seperti biasa,kemudian dari dashboard klik design.

2)Pada menu design,klik pada edit HTML

3) selepas itu,klik pada download full template.

 
4)Keluar paparan dibawah,dan klik save

5) Selesai