Selasa, 04 Oktober 2011

Cara pasang menu scroll pada blog



Memasang scroll bar pada blog tujuannya yang utama adalah bagi menjimat kan ruangan.Cara membuat nya amat mudah dengan hanya  mengikut langkah dibawah ini.

1.Masuk ke dashboard,kemudian pilih design-->>Page elements
2.Kemudian pilih add gadget--->>HTML/JAVASCRIPT
Masukkan kod berikut:

<div style="background-color: white; border: 1px solid rgb(204, 204, 204); height: 80px; overflow: auto; padding: 5px; width: 170px;">
masukkan teks atau apa apa kod yang hendak dipaparkan disini atau
</div>

Saiz kotak scroll boleh ditukar pada width(lebar)dan height)tinggi.
Memasang scroll bar pada blog tujuannya yang utama adalah bagi menjimat kan ruangan.Cara membuat nya amat mudah dengan hanya  mengikut langkah dibawah ini.

Untuk membuat menu scroll :


kod nya adalah seperti dibawah ini :

<div class="widget-content">
<ul style="width: 145px;
height: 150px; background-color: #FFEAEA;  font-family: verdana; font-size: 10px; font-weight: bold; text-align: left; border: 2px ridge #52FF20; overflow: auto;">

<li><a href="http://teknikbuatblog.blogspot.com/2010/03/cara-membuat-blog.html" target="_blank">Cara membuat blog</a></li>
masukkan link seterusnya....

</li></ul></div>
 
Jika hendak letakkan nombor dihadapan senarai gantikan ul  kepada ol
ul akan memaparkan bullet dihadapan

Kod warna
oren untuk kod scroll
Kod warna
hijau adalah link artikel dan warna biru tajuk artikel yang hendak paparkan
Scroll akan muncul bila kandungan pada list melebihi ketinggian yang diletakkan pada kod(
overflow:auto).Jadi ubahkan ketinggian pada height.

3.kemudian save untuk melihat hasilnya.

Membuat blog cukup mudah sebenarnya.Boleh sambil buat sambil belajar.Yang penting kemahuan mesti ada.Banyak sumber sumber yang kita boleh perolehi untuk mempelajari blog.Untuk mencipta blog anda mestilah mempunyai akaun dengan Gmail.Jika belum ada daftar dulu di www.gmail.com.Sesudah mendaftar masuk ke www.blogger.com.



Kemudian log in akaun gmail yang telah dibuat dan paparan berikut muncul

Membuat search engine pada blog

Tentu anda sudah tahu apa itu Search Engine Search Engine tidak boleh dipisahkan dalam dunia internet. Dengan Search Engine kita boleh mencari tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita masukkan Berikut adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah:

1. Login ke blogger klik Layout,pilih page elements >kemudian pilih Add Gadget
2. kemudian paparan Add a gadget muncul-pilih basic.Dalam senarai tersebut pilih HTML/Javascript kemudian copy/paste script/kod berikut ini di dalam ruangan content.
 
 
 <form action="http://namabloganda.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>


Ganti
namabloganda dengan nama blog Anda. Angka 30 menunjukkan panjang kotak (text box)search tersebut>kemudian jangan lupa klik butang save



Menamakan blog:
 
Blog title:
Berikan tajuk untuk blog anda.tajuk ini akan muncul pada dashboard anda,dalam blog dan profail anda

Blog Url Adress:
Isikan nama untuk alamat blog anda:contoh (http://blogsaya.blogspot.com)
kemudian check pada availability untuk menyemak nama blog anda samada telah digunakan oleh org lain untuk memastikan ia boleh digunakan.

Word Verification:

masuk huruf yang dipaparkan diatas.setelah lengkap klik
continue

Pilih template:
Langkah seterusnya adalah memilih template untuk paparan laman blog anda.Terdapat 12 jenis template yang ada.Skrol kebawah untuk melihatnya.Klik pada butang bulat untuk pilih template yang anda suka.klik continue



Paparan berikut muncul menandakan membuat blog telah selesai dan klik Start blogging untuk memulakan menulis apa apa yang ingin disampaikan dalam blog anda.Tulis tajuk pada title pada artikel yang anda buat.Klik pada publish now selepas selesai menaip.Klik pada view blog untuk melihat blog yang anda tulis tadi.

Ada beberapa ‘setting’ yang perlu diubah agar blog kita boleh di kesan oleh enjin pencari seperti Google,yahoo, Msn dan sebagainya. Berikut adalah panduan kepada mereka yang baru membina blog:

1.Klik Setting, dan kemudian klik Basic. Beberapa form yang harus di isi pada menu Formatting:

Title isi dengan tajuk blog anda. Contoh : bina blog dengan blogspot.

Description isi pengenalan tentang blog anda. Contoh : teknik membuat blog dengan blogspot.

Add your blog to our listings? pilih Yes agar setiap posting kita selalu masuk di daftar Blogger.com.

Let search engines find your blog? pilih Yes.

Show Quick Editing on your Blog? pilih Yes.

Show Email Post links? Sebaiknya pilih yes, tetapi jika anda memilih no tidak mengapa.

Adult Content? Pilih No. Jika pilih yes bererti blog anda di anggap blog untuk dewasa.

Show Compose Mode for all your blogs? pilih Yes.

Enable transliteration?? pilih Disable.

Klik butang Simpan Pengaturan . Selesai.


2. Klik Publishing untuk mengubah menu Publishing :

Blog*Spot Address isi dengan nama blog anda. Contoh : teknikbuatblog.blogspot.com.

Klik Save Setting. Selesai


3. Klik Formatting untuk mengubah menu Formatting :

Show pilih angka posting yang ingin anda tampilkan. Contoh : Show : 8 posting.Ini bermakna posting yang akan tampil di halaman blog anda adalah sebanyak 8 posting. Pilih posts on the main page pada menu pulldown.

Date Header Format pilih format yang mana anda minat, Format Date Header Format ini akan muncul diatas posting anda nanti.

Archive Index Date Format pilih format yang mana anda minat.
Timestamp Format Pilih format waktu yang mana anda minat.

Time Zone Pilih zon waktu yang sesuai. Contoh [GMT+08:00]Kuala Lumpur.

Language Pilih format bahasa yang anda minat.
Convert line breaks Pilih Yes.

Show Title field pilih Yes.

Enable float alignment pilih Yes.

Klik Save Setting. Selesai.


4. Klik Comment untuk mengubah menu Comment :

Comment pilih show agar artikel anda dapat di komen oleh pengunjung.

Who Can Comment?? Pilih Anyone - includes Anonymous Users. Bermaksud setiap orang boleh membuat komen pada posting anda.

Comments Default for Posts pilih New Posts Have Comments.

Backlinks Pilih show. Ini bermaksud anda mengetahui apabila ada yang membina link pada artikel anda.

Backlinks Default for Posts pilih New Posts Have Backlinks.

Comments Timestamp Format pilih format waktu yang mana anda minat.


membuat backup dan menukar template

Backup adalah penting jika kita membuat sesuatu ubahsuai pada template,jika berlaku sesuatu yang tidak diingini kita boleh memasukkan  kembali  template asal.

Cara membuat backup template

backup dan menukar template


Backup adalah penting jika kita membuat sesuatu ubahsuai pada template,jika berlaku sesuatu yang tidak diingini kita boleh memasukkan  kembali  template asal.

Cara membuat backup template
1.masuk kedesign--Edit HTML
2. klik pada download full template--klik save untuk menyimpan backup template.

untuk memasukkan semula backup template kita,klik pada browse-pilih lokasi backup disimpan .Kemudian klik upload.

Menukar template
Sebelum menukar template ada beberapa perkara yang perlu diperhatikan semasa memilih template
Antaranya ialah:

1.Loading yang cepat--kalau ada demo cuba dahulu
2.Seo Friendly-boleh juga dimasukkan kemudian kod supaya SEO friendly.kalau yg dah tersedia bagus juga.
3.Sesuai (compatible) dengan browser seperti Mozila,Chrome dan Internet Explorer--Pengunjung
   menggunakan  berbagai browser :)
4.Pilih template sidebar berada disebelah kanan-Baik untuk SEO kerana kandungan artikel lebih dulu
   dindeks  oleh search engine.

Ada banyak laman web yang memyediakan template untuk kita download.Template yang kita download adalah dalam bentuk zip.kita perlukan perisian winzip atau winrar untuk membukanya.fail tersebut perlu diextract/unzip dan fail template adalah dalam format xml.


Cara menukar template:
Sama juga caranya seperti kita masukkan backup tadi.
1.klik pada browse..pilih fail template yang dah extract tadi
2.kemudian klik upload.kemudian paparan seperti dibawah muncul


3.pilih keep widgets --template telah pun ditukar
4.klik pada view blog untuk melihat template baru blog anda

0 comments:

Posting Komentar