Meletak Gambar Sebelah Tajuk Entri

on Saturday, September 1, 2012

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

Memasang fungsi Signature Dalam Blog

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