Memasang fungsi Signature Dalam Blog

on Saturday, September 1, 2012

Ada sesetengah dari blogger yang suka meletakkan signature diakhir post,tutorial kali ini akan mengajar anda untuk meletakkan fungsi signature disetiap post dalam blog anda dengan sekali pasang sahaja.

1)Buka web http://www.mylivesignature.com/ untuk create signature anda.
Nota:pada bahagian terakhir untuk selesai signature anda, pilih 'want to download this signature'
2.Setelah selesai signature anda, uploadkan untuk dapat url seperti berikut sebagai contoh
http://www1.picturepush.com/photo/a/9124409/640/9124409.png

Cara pasang dalam Blog
1. Login kepada blog anda, kemudian dari dashboard, Design > Edit Html > Expand Widget Templates (Backup template anda untuk langkah keselematan)

2. Pada keyboard anda, tekan ctrl + F untuk menghidupkan fungsi find kemudian cari kod dibawah

<p><data:post.body/></p>
3. Copy code ini dan paste di bawah kod tadi.
<p><div align="left"><img src="URL gambar/signature anda"/></div></p>
 Penerangan :
left : kedudukan signature boleh ditukar kepada center ataupun right
URL gambar/signature anda : Masukkan url gambar/signature


4. Selepas selesai letak code, klik preview dan jika anda berpuas hati, klik save.:)

Menukar ikon Pada URL Blog

Mempunyai ikon tersendiri dapat membezakan identiti anda dengan blog2 yang lain,sebab jika kita menggunakan default URL ikon untuk blogger,ianya menggunakan ikon B yang berwarna oren putih.

Tutorial hari ini akan mengajar anda bagaimana cara untuk menukar ikon pada url blog anda.

1)pilih ikon kegemaran anda
pilih dulu ikon yang ingin anda jadikan sebagai ikon url blog anda..jika tidak mempunyai idea bolehlah melawat laman web ini untuk panduan pemilihan ikon

http://www.freeiconsweb.com/index.html
http://www.gifanimations.com/

2)Upload ikon yang anda save tadi ke laman penyedia upload image
Saya ambil contoh picture2push.com sebab tidak memerlukan pendaftaran akaun





Selepas upload,sila pastikan anda mempunyai direct link untuk dimasukkan kedalam kode
3)Login ke akaun blogger anda,seterusnya dari dashboard klik design>Edit HTML dan seterusnya tick pada expand widgets templates seperti dibawah
4)untuk mengelakkan sebarang masalah,anda dinasihatkan backup terlebih dahulu template anda,iaitu dengan cara diruangan backup/restore template,anda klik pada download full template dan simpan ke dalam hard disk anda.
5)Seterusnya,gunakan ctrl+F untuk shortcut kemenu find.Dalam bahagian kotak dibawah, taipkan 
< /head>
6)Selepas itu,copy kode dibawah ini dan digantikan dengan url ikon yang anda upload tadi.untuk keterangan lanjut sila rujuk gambar dibawah
salin kod dibawah
<link href='MASUKKAN DIRECT LINK ICON ANDA DISINI' rel='shortcut icon' type='image/x-icon'/>
 
 
 Seterusnya klik preview untuk melihat ikon anda,jika berjaya klik save.done

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.