Memasukkan Ruangan Komen DiBawah Entri

on Saturday, September 1, 2012

Memasang ruangan komen untuk setiap entri dapat memudahkan pengunjung blog untuk memberi komen/pendapat atau pertanyaan bagi setiap post yang diterbitkan di blog anda.
Secara asasnya, blogger sudah menyediakan cara mudah untuk membolehkan sistem komen dalam blog anda muncul seperti ini.

Apa yang perlu dilakukan adalah enablekan sistem komen ini cara berikut.

1. Login akaun blogger anda, dari dashboard> settings>comments
Pada comments form placement, pilih 'embedded below post'



2. Save setting dan lihat hasilnya..

JIKA tidak berjaya.

3. Klik pada design>edit html>Expand widget templates
4. Backup template anda dengan klik 'download full template'.

5. Tekan ctrl + F untuk mencari kod dibawah.
<b:include data='post' name='comments'/>


6. Letakkan kod ini dibawah kod yang anda jumpa pada langkah 5.
<b:include data='post' name='comment-form'/>


7. Save template anda.

Memasukkan Kesan Salji Ke Dalam Blog

Jom memeriahkan blog korang dengan kesan salji
Untuk tutorial ini akan diletakkan 2 kod iaitu untuk salji putih dan salji hitam(ada juga salji hitam ye.:)

Demo untuk salji bewarna hitam boleh dilihat disini. DEMO

Cara untuk meletakkan salji dalam blog adalah seperti berikut.
1)Login ke akaun blogger anda,dashboard>Design>Page Element>Add a Gadget>HTML/Java Script
2) Copy salah satu kod berikut kemudian paste dalam ruangan html/javascript

Kod untuk salji putih (sesuai untuk background hitam)

<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>


Kod untuk salji hitam (sesuai untuk background putih)
<script type="text/javascript" src="http://www.yourjavascript.com/03441140321/snow-black.js"></script>
3) Done :)

Meletak Gambar Sebelah Tajuk Entri

Tajuk entri adalah antara perkara yang pertama dinilai oleh seseorang pengunjung yang mengunjungi sesebuah blog. Disamping mempunyai tajuk-tajuk entri yang gempak², kehadiran penghias juga dapat menambahkan lagi seri pada entri tersebut.

Antara salah satu perkara untuk menambahkan seri tajuk entri adalah dengan meletakkan gambar disebelah tajuk entri.

Contoh:
Berikut adalah langkah-langkah yang perlu dilakukan.


1.Login akaun blogger, dari dashboard >layout > edit html > expand widget templates

2.Tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian cari kod berikut.

<a expr:href='data:post.url'><data:post.title/></a>



3. Letakkan kod dibawah antara kod <a expr:href='data:post.url'> dan kod <data:post.title/></a>

<img src="url gambar"/>


Contoh kod sepatutnya kelihatan seperti ini
Letak Gambar Sebelah Tajuk Entri

Nota:
a. Tukarkan 'url gambar' dengan url gambar yang anda kehendaki
b. Saiz gambar yang biasa digunakan adalah dalam lingkungan 20x20 hingga 30x30.


4. Done
(Tutorial by unwanted86)

Ketahui Bilangan Pengunjung 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.
 3. Setelah copy code, pastekan di dalam html/javascript yang terdapat dalam page element blog anda.

Dashboard > Design > page element > add a gadget > html/javascript.

Bilangan Pengunjung Online Dalam Blog


4. Done

Tutorial kredit to unwated86

Menukar Ayat Asal Pada 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"..
 jika ia ditukar menjadi seperti dibawah rasanya lagi cool..betul x?
Untuk menukar ayat seperti diatas sangatlah senang

1)Login akaun blogger anda,kemudian pilih dashboard>Design>Page Elements
2)Cari elemen untuk LinkWithin dan kemudian klik edit
3) Daripada kod yang dipaparkan, tambah kod ini dibahagian atasnya
<script>linkwithin_text='AYAT ANDA DISINI'</script>

Kod anda sepatutnya seperti ini
4)Done







Daftar dan letak linkwithin

untuk memaparkan post yang berkaitan di blog,salah satu cara yang popular adalah dengan menggunakan servis dari linkwithin.Dengan menggunakan linkwithin ianya nampak lebih menarik kerana memaparkan paparan thumbnail untuk entri yang berkaitan.
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.

Cara untuk memasing linkwithin ke blog adalah seperti berikut :-
1)Buka laman www.linkwithin.com
 2)Selepas itu,isikan maklumat yang diperlukan
3)Klik pada Get Widget!
4)Klik install widget

 5)Pilih blog yang anda ingin masukkan dengan linkwithin
 6)Klik save pada page elements anda.Done
 

Meletakkan Website lain Ke Dalam Blog

Tutorial ini sangat berguna bagi anda yang mempunyai idea untuk memasukkan website lain ke dalam blog anda tanpa meninggalkan blog anda.seperti gambar dibawah
meletakkan website lain kedalam blog boleh dilakukan cuma dengan menggunakan javascript

contoh demo blog anda boleh klik disini

Tanpa membuang masa,jom kita lihat cara-cara untuk meletakkan website lain ke dalam blog kita

1)Macam biasa,login ke dalam akaun anda,di dashboard>Design>Page Elements>Add a gadget
2)pilih HTML/javascript
3) Copy code dibawah ini
<!--CHANGE LINKS BELOW TO YOUR OWN-->
<a href="javascript:jumpto('http://mediasiber.blogspot.com')">mediasiber</a> |
<a href="javascript:jumpto('http://mediasiber.blogspot.com/search/label/tips')">tutorial blog</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://mediasiber.blogspot.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>



nota :
warna biru : gantikan dengan nama yang anda mahu
warna jingga : gantikan dengan url