Pages

Cara Besarkan Tajuk Pos (Post Title)




Cara nak pinda (kecilkan atau besarkan) tajuk pos kena buka kod template.  Bawah Design atau Layout pilih Edit HTML. 

Kebanyakan template blog gunakan 2 cara.  Samada dia define dengan variable dulu kat bahagian atas kod template macam ni: 

/* Variables 
   ==================== 
lt;Variable name="posttitlefont" description="Post Title Font" type="font" default="normal bold220% Arial, Helvetica, sans-serif" value="normal bold 220% Arial, Helvetica, sans-serif"> 

<Variable name="posttitlecolor" description="Post Title Color" type="color" default="#5F5F5E" value="#5F5F5E">


dia ada banyak variables dalam kod template ni, jadi pilih yang tulis Post Title Font atau pun kadang dia tulis Entry Title Font.  Pinda sizenya yang dalam persen 220% di kedua-dua tempat tu.  Tambah persen kalau dan besarkan, kurangkan persen kalau nak kecikkan. 

Yang Post Title Color tu warna tulisan dia kod  #5F5F5E", kalau nak tukar warna lain tukar kod warna tu.  Dalam blog tutorial ada pos tentang kod hexadecimal color. 
  
kalau dia guna variale di atas dalam CSS kod (belah ke bawah sikit) dia tulis macam ni (tak perlu pinda apa-apa kat CSS ni kalau dah pinda variable kat atas): 

/*-- (Post) --*/ 
.posttitle h2 { 
margin:0px; 
font-size:  $posttitlefont; 
color: $posttitlecolor;

line-height:25px; 
padding:0px; 
margin-bottom:5px 
}



Cara kedua kalau dia tidak pakai variables macam kat atas pinda dalam kod CSS sahaja.  Cari kod post h2 pinda terus saiz tulisan dalam tu: 

/*-- (Post) --*/ 
.post h2 { 
margin:0px; 
font-weight:bold; 
font-size:22px; 
line-height:25px; 

padding:0px; 
margin-bottom:5px 
} 

.post h2 a { 
color:$titlelinkcolor 
} 

.post h2 a:hover { 
color:$linkhovercolor 
}


pinda font-size tu dari 22px; jadikan ukuran yang dikehendaki. 


Sumber : http://forum-komuniti-tutorial-blogger.911138.n3.nabble.com/Besarkan-Tajuk-Pos-Post-Title-td937998.html

Cara buat tag cloud bergerak

Mungkin ada diantara anda yang mencari cara senang menghias blog dengan membuat label bergerak atau menambah tag berputar ketika pointer mouse diarahkan ke tag atau label tersebut maka tag akan berputar, jika mengklik salahsatu tag akan membuka sebuah halaman sesuai tag bersangkutan. . Biasanya tag cloud ditempatkan di sidebar blog. Anda boleh menambahkan script ke template blogger untuk  menampilkan tag (label) cloud tersebut di sidebar.


Untuk membuat tag cloud berputar

Contohnya boleh dilihat di bawah ini

Untuk memasang tag cloud ke sidebar blog, lakukan prosedur berikut
1. Login ke dashboard
Pilih Tata Letak -&gt; Edit Html





2. Cari kode berikut


<b:section class='sidebar' id='sidebar' preferred='yes'>


Jika menggunakan template blogger designer coba cari kode seperti di bawah ini :


<b:section-contents id='sidebar-right-1'>


Setelah kode di atas masukkan kode berikut


<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>


3. Simpan template

Jika sukses maka hasilnya akan terlihat seperti berikut label berputar

Catatan,
Jika di blog tempat memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog. Pilih option Cloud




Jika ingin mengubah warnanya anda bisa coba ganti beberapa variabelnya
tagcloud", "240", "300", "7", "#ffffff" ->
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa anda ganti sesuai lebar widget anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain , bisa dilihat disini daftar warna html
3. so.addVariable("tcolor", "0x333333"); dimana , 0x333333 warna teks hitam. warna teks lain yang bisa anda gunakan:

0xffffff : warna putih
0xFF0000FFF : warna merah
0x00FF00: Warna Hijau
0x0FFFF0: warna Kuning
0x00FF0000 : warna biru
0xFFF000 : warna biru muda
0xFFFFFFF : Warna Hitam
0x0FF0FF0 : warna pink

Setelah selesai klik Simpan Template, dan lihat perubahan pada search engine untuk blog anda.

Mengenal bahagian- bahagian blog



Secara garis besar sebuah blog terdiri dari 4 (empat) bagian yakni Navbar, Header, Blog Post, dan  Sidebar. ke empat bagian tersebut senantiasa ada dalam sebuah blog yang dibuat dalam Blogspot.com apapun jenis template yang digunakan. Terkait dengan hal tersebut. berikut penjelasan mengenai bagian-bagian nya.
  • Navbar

    Bagian blog ini akan tampak apabila anda menggunakan domain Blogspot.com untuk menampilkan blog anda. bukan custom domain loh. Navbar merupakan bagian blog yang terletak pada posisi paling atas blog. Pada bagian ini, anda bisa menemukan 3 (tiga) menu, yakni New Post, Customize, dan Sign Out. Keberadaan menu tersebut pada navbar berfungsi untuk memudahkan dan mempercepat anda apabila ingin membuat post baru, mengedit elemen blog, dan keluar dari blog anda.
  • Header

    Merupakan bagian dari blog yang terletak di bawah navbar. Bagian ini menampilkan judul dan deskripsi blog. Anda tidak hanya mengubah warna dan jenis font serta background header saja, tetapi anda bisa memasukkan image atau gambar pada bagian tersebut.
  • Blog Post

    Sesuai dengan namanya. bagian ini menampilkan post-post yang anda publikasikan kedalam blog anda baik berupa artikel, gambar, maupun video. dibandingkan dengan bagian blog lainnya, area untuk bagian ini lebih luas karena blog post merupakan inti dari blog.
  • Sidebar

    Sidebar merupakan bagian dari blog yan bersebelahan dengan blog post. Bagian ini terletak di sisi kanan atau kiri blog post sesuai dengan template yang anda pilih. secara default, elemen dari sidebar yang muncul adalah abaut me dan blog archiv. Meskipun demikian, anda bisa menambahkan elemen lain ke dalam bagian ini, misalnya seperti kalender, polling, slideshow, dan lain sebagainya.

Buat blog percuma dengan blogger

cara membuat blog

Assalamualaikum. Mungkin anda pernah dengar mengenai individu yang menghasilkan ribuan ringgit setiap bulan dengan berblogging. Mungkin juga anda berminat untuk menghasilkan blog anda sendiri. Dalam artikel ini ZL nak berkongsi bagaimana cara anda boleh membuat blog percuma dengan menggunakan Blogspot. Di harap melalui artikel ini ada dapat memahami cara membuat blog dan membantu anda memulakan perjalanan pertama anda sebagai seorang blogger.
Baiklah, terdapat banyak laman web yang menawarkan blog peruma, tetapi di dalam artikel ini saya ingin fokus kepada satu sahaja iaitu Blogger. Blogger merupakan sebuah platform blog yang dimiliki oleh Google. Anda boleh mendaftar melalui link ini.

 

Langkah 1: Mendaftar

Langkah pertama yang perlu anda lakukan adalah mendafatar dengan Blogger. Jika anda sudah mempunyai Google Account pendaftaran akan menjadi lebih mudah lagi. Anda boleh mendaftar dengan Blogger menggunakan akaun Google anda.

Jika anda tidak mempunyai akaun Google anda perlu hasilkan terlebih dahulu Google Account anda. Klik pada salah satu butang “Get Started” di Blogger.com untuk mula mendaftar seperti contoh dibawah:
cara-cara membuat blog blogspot

Langkah 2: Hasilkan blog pertama anda

Apabila anda sudah mendaftar dengan Google Accounts dan Blogspot anda akan dibawa ke “Dashboard” iaitu panel blog anda seperti di bawah. Di sinilah anda dapat melihat maklumat blog anda. Klik pada “CREATE YOUR BLOG NOW” untuk menghasilkan blog pertama anda.

Langkah 3: Pilih tajuk dan URL blog anda

Apabila anda klik pada butang “CREATE YOUR BLOG NOW” anda akan dibawa ke laman di mana anda harus namakan blog anda dan berikan URL kepada blog anda. Sebagai contoh anda namakan blog anda sebagai “Blog Ahmad” dan URLnya pula adalah “http://copynpasteblogger.blogspot.com/”.
cara membuat blog url
Satu tips yang boleh saya berikan adalah pilih nama dan URL blog anda mengikut topik blog yang anda inginkan. Jika anda ingin membuka blog peribadi pilih apa sahaja nama yang anda suka, tetapi jika anda ingin membuka blog untuk tujuan komersil anda harus pilih nama blog yang bersesuaian. Klik continue apabila anda yakin dengan pilihan anda.

Langkah 4: Pilih template blog anda

Pada page seterusnya ini anda harus memilih template atau reka bentuk blog yang anda mahukan seperti gambar dibawah. Klik pada reka yang anda mahukan kemudian klik continue:

cara buat blog template

Tahniah anda kini mempunyai blog sendiri!

Setelah anda memilih template yang anda mahukan anda boleh mula menulis blog post anda. Klik “START BLOGGING” untuk mula menulis post pertama anda.




Anda akan dibawa ke page seperti gambar di bawah. Di page ini anda boleh menulis blog post anda dengan menaip terus pada ruang yang disediakan. Apabila anda berpuas hati dengan tulisan anda klik “PUBLISH POST” untuk masukkan post itu ke blog. Jika anda ingin simpan dahulu tulisan anda klik “SAVE NOW”.

Panel Blog

Di bahagian atas bahagian admin blog anda akan terdapat panel tab seperti di bawah dan setiap panel mempunyai fungsi yang tertentu:




Posting: Melalui tab ini anda dapat post artikel blog terbaru ataupun edit artikel yang lama. Anda juga boleh edit atau hasilkan “page” seperti ruangan “about me”.
Comments: Melalui tab ini anda boleh kawal komen yang anda terima di blog anda seperti delete atau approve komen.
Settings: Melalui ruangan settings anda boleh mengubah setting blog anda seperti nama blog, description dan banyak lagi.
Design: Pada bahagian design ini anda boleh mengubah reka bentuk laman web anda dengan mudah.
Monetise: Jika anda mempunyai akaun Adsense atau Amazon anda boleh setkan di bahagian ini untuk dapatkan duit tambahan dari blog anda.
Stats: Di ruangan stat pula anda boleh melihat jumlah trafik yang anda terima ke blog anda dan dari mana trafik ini datang.
Sumber dari:  http://www.zonlelaki.com.
 

Copy & paste © 2010 | Blogger Templates designed by OOruc