Pages

Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

8/6/11

Tutorial tukar template blog

Menukar template blog dapat mengubah rupa blog asal kepada paparan yang lebih menarik.
Adalah biasa bagi seseorang pemilik blog inginkan blognya tampil menarik berbanding template asal.
cara tukar template blog


Bagaimana Letak Kod HTML/javascript

Apabila memasuki dunia blogging, antara perkara yang tidak dapat dielakkan adalah untuk menghias blog sendiri. Terdapat beberapa cara untuk menghias blog samada menukar template, memasang widget yang telah disediakan oleh blogger.com ataupun meletakkan sumber² lain dari luar yang biasanya melibatkan kod html/javascript.
Selain untuk menghias blog, kod html/javascript juga mempunyai fungsi² lain bergantung kepada tujuan apa kod itu dihasilkan.

Bagaimana Letak Kod HTML pada blog


Penambahan yang ingin dilakukan biasanya akan melalui perkara yang sama iaitu kod yang diperolehi perlu di 'paste'kan di ruangan html/javascrip.

Tutorial ini akan menunjukkan bagaimana hendak meletakkan kod html/javascript bagi sesebuah blog.


1) Login ke dalam blog anda seperti biasa. Kemudian dari 'dashboard', klik 'Design'
UPDATE: untuk template terbaru, klik pada DESIGN
Bagaimana Letak Kod HTML pada blog



8/5/11

Tutorial buang linkwithin dalam frontpage blogspot








linkwithin
Widget LinkWithin sememangnya digemari oleh setiap blogger kerana ciri-ciri widget ini yang menampilkan related post bersama thumbnail lebih menarik perhatian pelawat blog. Di samping itu, penggunaan widget ini memang terbukti boleh meningkatkan pageview bagi sesebuah blog.
Untuk makluman, jika sesebuah blog itu meletak linkwithin dalam blog mereka, widget ini juga akan keluar pada muka hadapan blog. Keadaan ini boleh mengurangkan kekemasan blog anda. Jadi aku nak share kepada anda sebuah tutorial yang aku jumpa, bagaimana nak hilangkan widget linkwithin daripada muka hadapan blog.

8/4/11

Membuat Navigation Halaman Artikel

Hari ini saya nak berkongsi ilmu yang saya dapat di google. Kepada blogger2 yang baru boleh la cuba tutorial ini. Sangat lah simple dan senang sekali. Sebelum memulakan pastikan anda download dulu template sebelum mencuba tutorial ini. Selamat Mencuba


  1. Cara Memasang di Blog:
  2. Login ke Blogger Dashboard
  3. Pergi ke  Design(Layout) > Edit HTML 
  4. Jangan klik pada  Expand Widget Templates
  5. Cari ]]></b:skin> menggunakan ctrl+F. Copy and Paste coding dibawah diatas ]]></b:skin> tag

Floating Shoutbox Version Slider (Shoutbox Terapung Versi Slider)



Mungkin anda pernah nampak chatbox yang terapung di blog rakan anda dan tertanya macam mana mereka buat. Pos kali ini akan memberi panduan kepada anda bagaimana nak letakkan chatbox yang terapung ini.

Apa yang anda perlu buat adalah login akaun Blogger anda dan pergi kepada Design > Page Elements dan tambahkan HTML/JavaScript widget box baru. Kemudian copy dan paste kan kod di bawah.

CODE START

Mister Linky

Sesetengah pemilik blog akan memasukkan link pengunjung sebagai exchange. Cara ini bagus untuk meningkatkan trafik blog. Kebiasaanya, link pengunjung akan dimasukkan oleh pemilik blog.

Tetapi dengan misterlinky, pengunjung sendiri akan meninggalkan link blog mereka pada blog² yang meletakkan widget ini. Secara tidak langsung dapat memudahkan kedua-dua belah pihak, pemilik blog dan pengunjung blog.

Berikut contoh widget misterlinky ini.




Scroll Box untuk Widget

Meletakkan sesuatu widget adalah bagus untuk blog. Walau bagaimanapun, adakalanya widget tersebut boleh 'menggangu' pandangan jika mengambil ruang yang agak besar untuk blog.

Salah satu penyelesaianya adalah dengan menjadikan widget tersebut boleh scroll. Ini secara tidak langsung dapat mengurangkan ruang yang digunakan dan menjadikan blog anda nampak lebih kemas.


cara buat scroll box


Scroll box ini juga sesuai dengan apa sahaja widget yang anda mahu.:) Antara widget yang sesuai menggunakan scroll box ini adalah Mister Linky. Ini kerana jika jumlah pengunjung yang meletakkan url adalah banyak, ruang yang digunakan juga akan bertambah.

Tutorial Buat Scroll Box Untuk Blog Archive

Blog archive untuk sesebuah blog boleh menjadi list yang begitu panjang apabila banyak entri yang di post atau jika sudah lama terlibat dengan dunia blogging.

Tutorial kali ini kan menunjukkan bagaimana untuk jadikan blog archive anda boleh scroll untuk menampakkannya lebih ringkas menyenangkan mata memandang.:)



Tutorial untuk buat scroll bagi blog archive adalah seperti berikut.




Tips Menaip Entri Dalam Blog : Part 2

Sambungan daripada tips menaip entri dalam blog part 1, entri kali ini akan memberikan 3 lagi point yang boleh dititikberatkan jika anda menaip entri di dalam blog. Bagi yang belum membaca part 1, anda boleh baca dahulu sebelum sambung entri ini. Atau mana-mana dahulu pun boleh.:)







How To Add Facebook Profile on Blog

How to get profile badge from Facebook?
How to create Facebook profile badge?
How to include Facebook profile on website?

First, go to your Facebook account and log in. Then head on to your profile page, by clicking on your name or "Profile" on the top navigation bar.

Then on the left sidebar, scroll down until you see "Create a Profile Badge", something like this.

facebook profile badge

After a new page has loaded, click on "Create a new badge" on the top right corner. The button looks like this.

facebook profile badge

8/1/11

Tutorial Letak Salji Dalam Blog : Ver 2

Meletakkan salji dalam blog boleh dijadikan unsur yang boleh menambahkan lagi ceria blog anda.:).



Ando boleh tengok demo salji berwarna purple yang admin letak di blog demo ini.

Tutorial untuk letak salji ini seperti berikut.

1. Dari dashboard > design > add a gadget > HTML javascript

2. Copy dan paste kod salji mengikut warna yang anda mahu ke dalam HTML/javascript