2011

Cara Pasang Meta tag dan Keyword yang Benar

Untuk membuat blog agar lebih SEO (Search engine optimization)sobat harus tahu bagaimana Cara Pasang Meta tag dan Keyword yang Benar,karena Meta tag dan Keyword yang Benar dan tepat akan membuat Blog cepat di index oleh mesin pencari seperti halnya google,dan merupakan cara jitu untuk Naikkan Pagerank.

Langkah-langkah Pasang Meta tag dan Keyword

1.Login Blogger.com ->Rancangan->Edit HTML
2.Cari Kode <title><data:blog.pageTitle/></title>
3.Ganti dengan Kode dibawah ini

<b:if cond='data:blog.pageType == "index"'>

<b:else/>

</b:if>

4.Letakkan Kode dibawah ini tepat dibawah kode nomor tiga

5.Ganti teks yang berwarna merah pada kode diatas sesuai dengan meta tag dan meta keyword atau kata kunci blog anda, ingat untuk meta keyword ini maksimal sekitar 200 karakter dan disetiap kata kunci pisahkan dengan koma.

6.Perlu diketahui keseluruhan kode tersebut berada di bawah tag <head> dan akan tampak seperti ini:

<b:if cond='data:blog.pageType == "index"'>

<b:else/>

</b:if>

7.Save dan selesai

Terimakasih sudah memperhatikan artikel kang Roni Cara Pasang Meta tag dan Keyword yang Benar,Untuk para master seo kang Roni mohon bimbingannya.Salam Blogger
Sumber: http://roningasinanblog.blogspot.com/2011/06/cara-pasang-meta-tag-dan-keyword-yang.html

Cara Mudah Membuat Judul Posting dan Label Sebagai Meta Keywords

Tanpa membuang masa kita teruskan dengan tajuk kita hari ini cara mudah membuat judul posting dan label sebagai meta keywords.

Masuk / login pada blog spot, masuk / klik pada Edit HTML, seperti biasa, untuk jaga-jaga download / simpan template lengkap blog anda.Jangan lupa tick pada expand widget template

Di bawah < head > cari kode ini : <title><data:blog.pageTitle/></title>

Ganti saja ( copy paste ) dengan kode ini :



<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> </title>
<meta name='description' expr:content='data:blog.pageName' />

<b:else/>
<title><data:blog.title/> </title>
<meta content='disini ganti dengan deskripsi blog anda' name='description'/>
<meta content='disini ganti dengan keywords blog anda' name='keywords'/>
</b:if>


Klik SAVE untuk menyimpan perubahan blog anda.

Kode di atas adalah untuk memasang meta keywords pada setiap postingan blog anda.
Nah sekarang, untuk memasang meta keywords pada label blog anda, step-by stepnya :

Sekarang cari lagi kode <head > , lalu copy pastekan kode di bawah ini tepat di atas kode < head > tadi.Kodenya :

<b:if cond='data:blog.pageType == "item"'>
<b:section id='meta1' showaddelement='no'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post'/>
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<meta name="keywords" content="<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>"/>
</b:if>
</b:loop>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
</b:widget>
</b:section>
</b:if>

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

Cara Memasang Gambar pada Header

Boleh dikatakan header itu bagaikan mahkota pada sebuah blog. Itulah yang menjadi ciri khas dan yang akan melekat di benak pengunjung. Karena itu biasanya header bawaan template blogspot cendrung diutak-atik oleh seorang Blogger, baik ukuran, warna, font, judul maupun deskripsinya. Dan salah satu yang sangat mempengaruhi tampilan header adalah gambarnya. Nah, untuk memasang gambar pada header ini cukup mudah. Caranya adalah sebagai berikut:

1. Sebelum memasukkan gambar pastikan dulu ukuran gambar (image)nya sudah sama dengan ukuran header. Sedangkan untuk melihat ukuran header ini masuklah terlebih dahulu ke halaman Dasbor blog anda. Kemudian klik Rancangan.

2. Kemudian klik pada Edit HTML.

3. Carilah kode: #header-wrapper { di kotak Edit HTML.

4. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard, sehingga muncul kotak pencarian. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan enter. Maka secara otomatis kode yang dicari akan langsung muncul dalam keadaan terseleksi dengan warna hijau. Pada contoh ini tampak width (lebar) headernya adalah 660px (pixels). Sedangkan untuk tingginya bisa anda tambahkan kode height tepat di bawahnya, mislanya 150px. Agar posisi gambar bisa tepat pada kotak header jangan lupa ubah angka bordernya menjadi 0px. Nah, sekarang sudah diketahui ukuran headernya, yaitu 660px x 150px. Jika ukuran gambar anda belum sama, ubahlah terlebih dulu ukurannya. Jika anda belum tau caranya bisa dilihat di sini.

5. Jika ukuran gambar anda sudah cocok, sekarang masuklah ke halaman Edit Laman.

6. Klik Edit pada bagian Header.

7. Pastikan anda mencentang Selain judul dan keterangan. Kemudian klik Browse untuk mengupload gambar dari komputer anda.

8. Carilah lokasi penyimpanan gambar kemudian klik open.

9. Tunggu proses upload gambar berlangsung

10. Nah, jika gambarnya sudah muncul klik SIMPAN.

11. Sekarang anda sudah bisa melihat hasilnya dengan cara mengklik tulisan Lihat Blog.

petikkan dari:http://www.blogernas.co.cc/2010/06/cara-merubah-ukuran-gambar-untuk-header.html

Cara pasang Auto Read More terbaru

(Revisi: Solusi tanpa hosting file .JS) Fungsi Read More kali ini emang agak berbeda dengan versi Read More yang lama (part 1). Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span> dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untukversi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.

Trus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head>kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

http://www.o-om.com/2009/04/cara-pasang-auto-read-more-terbaru-part.html

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 -> 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

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/”.

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:

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

Pages

Cara Pasang Meta tag dan Keyword yang Benar

Cara Mudah Membuat Judul Posting dan Label Sebagai Meta Keywords

Cara Memasang Gambar pada Header

Cara pasang Auto Read More terbaru

Cara Besarkan Tajuk Pos (Post Title)

Cara buat tag cloud bergerak

Mengenal bahagian- bahagian blog

Buat blog percuma dengan blogger

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.

Langkah 2: Hasilkan blog pertama anda

Langkah 3: Pilih tajuk dan URL blog anda

Langkah 4: Pilih template blog anda

Tahniah anda kini mempunyai blog sendiri!

Panel Blog

Sample Text

Labels

Labels

Translate

Social Icons

Popular Posts

Blog Archive

About Me

Followers

Blog Archive

Search This Blog

Featured Posts