Kamis, 04 Maret 2010

Ubah Lebar Ruangan Komen

Mengubah lebar ruangan komen bagi sesbuah blog dapat memberi ruang yang lebih banyak kepada pengunjung (yang suka komen panjang²) dan juga dapat membuatkan ruangan komen kelihatan sama besar dengan ruangan entri.

Tutorial ini akan menunjukkan cara untuk melebarkan ruangan komen, dan tutorial ini hanya untuk blog yang menggunakan embedded comment (komen yang terletak pada bahagian bawah entri)
.
Sebelum
Ubah Lebar Ruangan Komen


Selepas
Ubah Lebar Ruangan Komen


Berikut adalah langkah-langkah yang diperlukan untuk mengubah lebar ruangan komen pada blog.

1. Login akaun blogger anda, dari dashboard > layout > edit html, kemudian klik pada expand widget templates.

2. Pda keyboard anda, klik ctrl + f untuk menghidupkan fungsi find kemudian cari kod berikut.

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>



Penerangan : Tukar nilai 100% kepada nilai pixel untuk lebar yang anda kehendaki.
contoh, jika anda mahu lebar 500px, kodnya adalah

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='500px'/>



3. Save hasil kerja anda dan lihat hasilnya.:)

Selasa, 02 Maret 2010

Ketahui Bilangan Pengunjung Online Dalam Blog

Berapakah bilangan pelawat yang berada dalam blog anda ketika ini.?
Mungkin amat sukar untuk anda menjangkakannya (tidak boleh rasanya.:)
Kalau anda mempunyai statistik blog, mungkin anda tahu mengikut hari ataupun jam,
tetapi anda tidak tahu berapa bilangan pengunjung dalam keadaan masa sebenar.
Bilangan Pengunjung Online Dalam Blog


whous.amung.us menawarkan widget yang dapat menunjukkan bilangan pengunjung yang online pada masa sebenar.
Antara kelebihan menggunakan widget ini adalah paparan yang menarik, dan juga cara pasang pada blog dengan mudah. Boleh lihat demo widget ini dipasang di blog, DISINI.

Berikut adalah langkah yang diperlukan untuk meletakkan widget ini didalam blog anda.


1. Buka web http://whos.amung.us/

2. Pilih kedudukan widget yang dikehendaki (widget akan berada dalam keadaan statik dalam blog anda), selepas itu copy code yang tersedia.
Bilangan Pengunjung Online Dalam Blog


3. Setelah copy code, pastekan di dalam html/javascript yang terdapat dalam page element blog anda.
Dashboard > layout > page element > add a gadget > html/javascript.
Bilangan Pengunjung Online Dalam Blog

Jika masih tidak faham, sila rujuk disini.

4. Save, dan lihat hasilnya..:)

Senin, 01 Maret 2010

Tukar Ayat Asal Linkwithin

Bagi sesiapa yang menggunakan linkwithin pada blog, sememangnya akan muncul satu ayat yang telah di'set'kan secara automatik semasa meletakkan gadget tersebut.

Bagi bahasa melayu, akan keluar ayat, "Anda mungkin juga meminati" dan bagi english "You may also like these stories"..

Ini adalah yang biasa,
Tukar Ayat Asal Linkwithin

Dan ini pula yang agak kurang biasa.:)
Tukar Ayat Asal Linkwithin


Anda ingin tukar ayat ini mengikut kehendak anda.?

Ikuti tutorial yang sangat mudah ini.:)


1. Login akaun anda, kemudian dari dashboard > layout

2.Dari page element yang dipaparkan, cari element untuk Linkwithin kemudian klik edit
Tukar Ayat Asal Linkwithin


3. Daripada kod yang dipaparkan, tambah kod ini dibahagian atasnya

<script>linkwithin_text='AYAT ANDA DISINI'</script>



Penerangan : Tukarkan "AYAT ANDA DISINI" dengan apa-apa yang anda kehendaki.:)

Kod anda sepatutnya kelihatan seperti ini.
Tukar Ayat Asal Linkwithin


4. Selepas selesai, klik save untuk lihat kesannya..

Senang bukan.:)

Buat Read More Dalam Blog : Cara 2

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
cara Buat Read More Dalam Blog


6. Save template anda dan lihat hasilnya.:)


-----------------------------


Anda juga boleh melihat tutorial versi english di sini.
http://www.google.com/support/blogger/bin/answer.py?answer=154172

thanx kepada -•»Á®ÐZMÀ®Ñ«•- kerana inform pasal ni.

Minggu, 28 Februari 2010

Cara Letak Linkwithin Dalam Blog

Linkwithin antara blog yang berguna untuk memaparkan post yang berkaitan dalam sesebuah blog. Link within ini berbeza dengan 'related post' biasa kerana linkwithin memaparkan thumbnail bagi entri yang berkaitan.

Contoh:

Antara kelebihan menggunakan linkwithin adalah:
1.Paparan dengan thumbnail yang lebih menarik perhatian pengunjung
2.Cara yang mudah untuk letak dalam blog tanpa memerlukan ubahan yang kompleks.

Berikut adalah cara ringkas untuk meletakkan linkwithin dalam blog.

1. Buka web www.linkwithin.com

2. Pada paparan yang muncul, masukkan maklumat yang berkaitan.
Cara Letak linkwithin Dalam Blog

Jika background anda gelap,tick pada kotak kosong kecil tu, dan pastikan anda masukkan bilangan yang sesuai dengan lebar blog anda.

3. Klik pada install widget
Cara Letak Linkwithin Dalam Blog


4. Pilih blog anda ingin masukkan linkwithin(pilih jika anda ada lebih dari 1 blog, kemudian klik add widget
Cara Letak Linkwithin Dalam Blog


5. Apabila sudah selesai, klik save pada page element anda. Dan boleh lihat hasilnya.:)
Cara Letak Linkwithin Dalam Blog


Jumat, 26 Februari 2010

Letak Website Lain Dalam Blog

Pernahkah anda terpikir untuk meletakkan satu ruangan website lain dalam blog anda.?
Seperti anda meletakkan website google, yahoo dan pelbagai lagi dalam blog anda.
Ini membolehkan pengunjung blog anda melayari web lain tanpa meninggalkan blog anda.:)
Letak Website Lain Dalam Blog


Meletakkan website dalam blog masih boleh dilakukan dengan hanya menggunakan kod html/javascript

Klik disini untuk lihat demo website yang diletakkan dalam blog.

Berikut adalah langkah-langkah untuk tutorial ini.

1. Login akaun blogger, kemudian dari dashboard > layout > add a gadget
Letak Website Lain Dalam Blog


2. selepas klik pada add a gadget, pilih HTML/javascript
Letak Website Lain Dalam Blog


3. Copy code di bawah kemudian pastekan dalam ruangan html/javascript


<!--CHANGE LINKS BELOW TO YOUR OWN-->
<a href="javascript:jumpto('http://www.google.com')">Google</a> |
<a href="javascript:jumpto('http://www.yahoo.com')">Yahoo</a> |

<script language="javascript">
<!--


//Specify display mode (0 or 1)
//0 causes document to be displayed in an inline frame, while 1 in a new browser window
var displaymode=0
//if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown
var iframecode='<iframe id="external" style="width:99%;height:400px" src="http://www.google.com"></iframe>'

/////NO NEED TO EDIT BELOW HERE////////////

if (displaymode==0)
document.write(iframecode)

function jumpto(inputurl){
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=inputurl
else if (document.all&&displaymode==0)
document.all.external.src=inputurl
else{
if (!window.win2||win2.closed)
win2=window.open(inputurl)
//else if win2 already exists
else{
win2.location=inputurl
win2.focus()
}
}
}
//-->
</script>



Penerangan :
-Google: Gantikan dengan nama yang anda mahu
-www.google.com: Gantikan dengan website yang anda mahu


4. Save, klik preview dan jika berpuas hari, klik save.:)

Kamis, 25 Februari 2010

Letak Signature Dalam Blog

Mempunyai signature dapat menambahkan lagi trademark bagi seseorang blogger. Signature terletak pada bahagian akhir untuk sesuatu entri yang di post oleh blogger.
Letak Signature Dalam Blog


Signature boleh jadi apa sahaja samada gambar, icon, dan juga nama anda dengan font yang dirasakan sesuai untuk signature.

Tutorial ini akan menerangkan cara-cara meletakkan signature pada blog dengan menggunakan signature yang di'generate' daripada kaedah online.

Laman web yang paling sesuai untuk create signature online adalah http://www.mylivesignature.com/.Laman web ini dicadangkan kerana ianya dapat menghasilkan signature yang anda mahu dengan lebih senang. Masa anda pun jimat.:)


CREATE SIGNATURE.

1.Buka web http://www.mylivesignature.com/ untuk create signature anda.
Letak Signature Dalam Blog


Nota:pada bahagian terakhir untuk selesai signature anda, pilih 'want to download this signature'.
tutorial Letak Signature Dalam Blog


2.Setelah selesai signature anda, uploadkan untuk dapat url, (boleh guna imageshack.us atau upload pada blog anda sendiri)
contoh url:http://2.bp.blogspot.com/_CEj8AwvwSNM/S4PotCOwq7I/AAAAAAAAD9A/jC8qDqdmR78/signature.png


CARA LETAK DALAM BLOG.

1. Login kepada blog anda, kemudian dari dashboard, Layout > 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>


Cara Letak Signature Dalam Blog


3. Copy code ini dan paste di bawah kod tadi.

<p><div align="left"><img src="URL gambar/signature anda"/></div></p>


kod anda sepatutnya kelihatan seperti ini.(contoh)
Cara Letak Signature Dalam Blog


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.:)