Selasa, 05 Mei 2009

Cara Membuat Adsense For Feed

Membuat dan Memasang Adsense For Feed di blog merupakan cara mendapatkan penghasilan bagi pemilik blog, terutama bagi blog yang berbahasa Indonesia yang hanya bisa di pasangi Adsense For Feed dan Adsense For Search saja.

Adsense For Feed ini akan sangat memberi penghasilan bagi yang memiliki banyak pelanggan blog. Penghasilan akan di dapat untuk setiap iklan yang diklik oleh pengunjung pada feed blog.


Cara Membuat Adsense For Feed, sebagai berikut :

  1. Pertama daftar dulu di Google Adsense, silahkan masuk ke http://www.google.com/adsense.

  2. Bila sudah mempunyai akun di Google Adsense, tinggal Membuat Adsense For Feed dan memasangnya di blog

  3. Login dulu di http://www.google.com/adsense

  4. Klik menu tab Konfigurasi Adsense --> Dapatkan Iklan

  5. Klik Adsense Untuk Feed

  6. Pada bagian Adsense untuk Feed --> Jenis Iklan, pilih Iklan/gambar teks agar semua jenis iklan maupun gambar tampil di blog anda.
  7. langkah 1 memasang adsense for feed

  8. Pilihlah seberapa sering iklan akan tampil di feed blog anda di bagian Frekuensi. Sebaiknya pilih setiap bahan umpan agar peluang iklan di blog anda di klik cukup besar.

  9. Pilihlah panjang pesan iklan yang akan tampil di feed blog anda di bagian Panjang Pesan. Sebaiknya pilih Pesan dengan panjang berapa pun.

  10. Pilihlah posisi iklan di bagian Posisi. Sebaiknya pilih Di bagian atas bahan umpan, karena peluang untuk di klik lebih besar.

  11. Pilih warna sesuai keinginan anda dengan mengaktifkan Biarkan saya memilih warna

  12. langkah 1 memasang adsense for feed
  13. Klik buat channel baru dan masukkan alamat feed blog anda.
    Misalnya http://no-1-seo.blogspot.com/feeds/posts/default

  14. Klik Tambah lalu klik Simpan untuk mengaktifkan google adsense for feed ini. Iklan akan tampil setelah 10 menit atau lebih.

  15. langkah 1 memasang adsense for feed

Selamat Mencoba...Semoga Berhasil
Readmore »

Senin, 04 Mei 2009

Tips SEO

Apa yang dimaksud dengan SEO ?

Seo adalah upaya atau usaha yang dilakukan oleh admin / yang punya sebuah web atau blog agar artikel-artikel pada web / blognya bisa masuk daftar pertama pada mesin pencari di internet.

Ada beberapa Tips dan Trik SEO, antara lain :

  1. Keyword - Judul Artikel

    Tips dan Trik SEO yang pertama adalah pemilihan Judul dan Keyword dari content artikel yang kita buat. Pemilihan Keyword dan Judul Artikel saya masukkan dalam urutan pertama karena mempunyai nilai penting untuk mendapat peringkat tinggi dalam hasil pencarian search engine. Berikanlah Judul Artikel sesui dengan kata kunci yang mau anda optimalkan.


  2. Content (isi Website)

    Content atau isi web / blog yang berkualitas akan membuat pengunjung anda suka dengan web / blog anda. Dan kalau pengunjung suka maka akan sering-sering berkunjung ke web / blog anda. Jangan lupa juga Perbaharui atau Update artikel secara berkala dan rutin. Mesin Pencari sangat senang dengan web / blog yang selalu ter-update. Jika web / blog anda memiliki content / isi yang bagus dan berkualitas dan selalu terupdate maka web / blog anda akan masuk dalam halaman pertama mesin pencarian.


  3. Daftarkan Blog / Website ke berbagai Search Engine

    Supaya blog anda lebih optimal di Search Engine. Daftarkan blog anda ke berbagai search engine, baik itu google, yahoo, MSN, Altavista atau yang lainnya.


  4. Cari Backlink

    Cari Backlink sebanyak mungkin entah itu lewat iklan baris gratis, social media, sampai dengan cari blog lalu dipasang ke blogroll. Sering-seringlah berkunjung ke blog / web lain dan beri komentar, masukkan url blog / web anda.

Tips dan Trik SEO di atas adalah dasar yang harus blogger pemula seperti saya yang harus di pahami.
Readmore »

Minggu, 26 April 2009

Daftar Blog Di Mypagerank

Daftar di Mypagerank sangat di anjurkan, setelah Anda mendaftarkan blog Anda di Google, Yahoo dan MSN.

Dengan mendaftar di mypagerank maka secara otomatis, blog Anda akan terdaftar di berbagai Search Engine besar.


Seperti :


www.google.com, www.searchengine.com, www.infotiger.com, www.scrubtheweb.com, www.searchuk.com, www.entireweb.com, www.maxpromo.com, www.aesop.com, www.whatuseek.com, www.splatsearch.com, www.walhello.com, www.acoon.de, www.szukacz.pl, www.daypop.com, www.fybersearch.com, www.biveroo.de, www.infoseex.co.jp, www.yandez.ru, www.amfibi.com, www.bigfinder.com, www.metawebsearch.com, www.jayde.com, www.cipinet.com, www.websquash.com, www.search-o-rama.com, www.unasked.com, www.uk.abacho.com, www.mixcat.com


Langkah-langkah daftar blog di Mypagerank sebagai berikut :
  • Klik Mypagerank

  • Setelah Anda masuk ke MyPagerank.net, langkah selanjutnya adalah klik Signup

  • Kemudian isikan kotak kosong seperti :

    • Name :

    • Username :

    • Password :

    • email :

    • Term of use :

    • Code :

  • Kemudian klik creat my account

  • Kemudian setelah account Anda di setujui. Pada member login, masukkan Username dan Password Anda.

  • Klik Login

  • Setelah masuk ke MyPagerank

  • Pada Menu Members Services Anda klik Engines Submit

  • Kemudian isikan :

    • Site URL : masukkan URL blog Anda

    • Email : masukkan alamat email Anda

    • Select : centang bila memilih semua, atau bisa pilih beberapa search engine.

  • Kemudian klik Submit my site

  • Kemudian di tunggu sampai proses selesai.

  • Sudah selesai


Sampai di sini dulu artikel dari saya. Mudah-mudahan bermanfaat untuk Anda.
Tunggu artikel saya berikutnya.

NO 1 SEO

Panduan Buat Blog Gratis Di Blogspot.com
Readmore »

Daftar Blog di Google, Yahoo, MSN

Siapa yang tidak kenal dengan Mesin Pencari / Search Engine 3 besar, seperti Google, Yahoo, MSN. Mesin Pencari tersebut harus benar - benar Anda kuasai agar blog Anda dapat terindex dan bisa masuk ke 10 besar Search Engine. Ini salah satu kunci keberhasilan Anda dalam mempromosikan blog Anda.

Baiklah, kita mulai saja medaftarkan blog satu persatu ke Google, Yahoo dan MSN.


Daftar Blog Di Google :


Google saat ini sebagai Mesin Pencari no 1 yang paling di minati oleh pengguna internet. Oleh sebab itu, ada baiknya blog Anda di daftarkan dulu di Google.

Caranya sebagai berikut :
Anda klik www.google.com/addurl/

Kemudian isikan kotak-kotak kosong, seperti :

  • URL : masukkan alamat blog Anda.
    Contoh : http://no-1-seo.blogspot.com

  • Comments : masukkan komentar sesuai tema blog Anda.
    Contoh : NO 1 SEO : Rahasia Besar SEO Saya Ungkap Di Sini.

  • Optional : masukkan tulisan yang tertera.


Daftar Blog DI Yahoo

Yahoo juga tidak kalah hebatnya di banding dengan Google. Bisa di katakan Yahoo sebagai Mesin Pencari no 2 setelah Google.


Untuk mendaftarkan blog Anda di Yahoo ikuti langkah-langkah berikut. O ya... sebelum Anda mendaftar blog Anda, Anda harus mempunyai account di Yahoo terlebih dahulu. Sebab nanti setelah Anda masuk Yahoo Anda akan di minta memasukkan Username dan Password Anda.


Bila Anda sudah memiliki account Yahoo, Anda bisa langsung klik :

https://siteexplorer.search.yahoo.com/submit

Kemudian pada kotak :

  • Pertama, isikan alamat blog Anda
    Contoh : http://no-1-seo.blogspot.com
    Kemudian klik Submit URL
  • Kedua, isikan alamat feed blog Anda
    Contoh :
    http://no-1-seo.blogspot.com/atom.xml
    atau
    http://no-1-seo.blogspot.com/rss.xml
    Kemudian klik Submit URL


Daftar Blog Di MSN

Selain Google dan Yahoo, MSN ini juga banyak di minati pengguna internet, maka ada baiknya juga Anda daftarkan blog Anda di sini :

Anda klik :
http://search.msn.com/docs/submit.aspx?FORM=WSDD2

Kemudian isi kotak kosong :

  • Character : masukkan tulisan yang tertera.
  • Kotak bawah, masukkan alamat blog Anda.
    Contoh : http://no-1-seo.blogspot.com/

Kemudian klik Submit URL.

Mudah-mudahan bermanfaat untuk Anda.

Panduan Buat Blog Gratis Di Blogspot.com
Readmore »

Sabtu, 25 April 2009

Pasang Tag Meta Di Blog

Supaya blog Anda bisa di kenali oleh mesin pencari Google adalah dengan cara memasang tag meta di bagian header pada kode template blog Anda.

Letakkan Tag Meta di bawah kode ini :

<title><data:blog.pageTitle/></title>

Tag
Meta untuk blogger, contohnya seperti di bawah ini :

<meta content="Deskripsi blog ketik di sini " name="description" />
<meta content="kata kunci atau keyword blog Anda ketik di sini, buatlah beberapa kata kunci yang mewakili blog Anda " name="keywords" />
<meta content="INDEX, FOLLOW" name="robots" />

Untuk :
  • Deskripsi : Isikan dengan deskripsi mengenai blog Anda.
    Contoh blog saya ini : "NO 1 SEO : Langkah - Langkah Supaya Blog Masuk 10 Besar di Search Engine. Bahkan NO 1 SEO.

  • Keyword / kata kunci : Isikan dengan kata kunci yang mewakili Blog Anda.
    Contoh blog saya ini : no 1 seo, 10 besar seo, top 10 seo, menjadi 10 besar seo, dan sebagainya. Pisahkan dengan tanda koma antara keyword yang satu dengan keyword yang lainnya.

Mudah-mudahan bermanfaat untuk Anda

Panduan Buat Blog Gratis Di Blogspot.com
Readmore »

Kamis, 12 Maret 2009

Footer 2 Kolom

gar blog kelihatan ramai dengan tampilan-tampilan, terutama pada bagian bawah / footer. Anda bisa menambahkan element footer menjadi 2 kolom.

Caranya :

  1. Login ke Blogger.

  2. Klik Layout -> Edit HTML

  3. Backup template anda dengan klik pada Download Full Template agar anda bisa mengembalikan template anda ke kondisi semula jika hasilnya tidak memuaskan.

  4. Kalau sudah, cari kode ]]></b:skin>

  5. Tambahkan kode di bawah ini :
    #footer-column-divide {
    clear:both;
    }
    .footer-column {
    padding: 10px;
    }
    di atas kode ]]></b:skin>

  6. Kalau sudah cari kode dibawah ini :
    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>

  7. Hapus kode <b:section class='footer' id='footer'/> lalu ganti dengan kode dibawah ini :
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 50%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 50%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div style='clear:both;'/>
    </div>

  8. Kalau sudah klik Save Template. Lalu klik Page Element.
    Jika berhasil maka hasilnya akan menjadi seperti ini.

    footer 2 kolom

Readmore »

Backup Postingan / Template

Untuk backup artikel dan widget seperti shoutbox, jam dinding, kalender, kamus dan lain-lain, sebagai berikut :

Cara Backup Widgets:
  1. Klik Layout -> Page Elements

  2. Klik Edit pada widget yang Anda pasang.

  3. Copy semua kode lalu paste ke notepad.

  4. Selesai

Cara Backup Postingan / Artikel:

Cara Manual:
  1. Login ke Blogger. Klik menu Posting -> Edit Posts

  2. Klik Edit pada artikel yang mau dibackup.

  3. Pada mode Compose, copy semua artikel lalu paste ke Ms Office atau Open Office

  4. Selesai

Cara Otomatis:
  1. Klik menu Setting -> Email

  2. Isi alamat email Anda dalam kotak "BlogSend Address".
    Sebaiknya isi alamat email Anda lebih dari satu. Supaya alamat email yang satu kena banned atau kena hack masih ada yang lain.

  3. Setelah itu klik Save Settings.

  4. Selesai. Sekarang setiap kali Anda memposting artikel baru maka artikelnya akan otomatis terkirim ke alamat email Anda. Contohnya bisa Anda lihat pada gambar dibawah ini :

Selamat Membackup
Readmore »

Rabu, 11 Maret 2009

Backup Template

Template adalah sebuah pola dari website / blog yang di desain sedemikian rupa untuk menampilkan artikel, berita, informasi, dan lain-lainnya. Jadi semua aktivitas blog / website disimpan dalam template.

Sudah banyak blogger yang blognya kena banned tanpa alasan yang jelas. Oleh sebab itu, backuplah template Anda sebelum terlambat.

Ada 2 cara backup template:

Cara pertama:

  1. Login ke Blogger. Klik Layout -> Edit HTML

  2. Klik pada Download Full Template. Pilih Save File lalu tekan OK

  3. Selesai. Sekarang template Anda sudah tersimpan di komputer Anda.

Untuk merestore kembali. Pada menu Edit HTML, klik browse lalu cari template yang mau di restore. Klik Upload. Jika ada muncul konfirmasi "Widgets are about to be deleted". Klik Confirm & Save lalu klik View Blog untuk melihat hasilnya.


Cara Kedua:
  1. Pada menu Edit HTML. Klik "Expand Widget Templates"

  2. Copy semua kode template dengan cara tekan Ctrl+A lalu tekan Ctrl+C

  3. Buka program Notepad lalu paste semua kode ke notepad dengan cara tekan Ctrl+V

  4. Selesai. Jangan lupa untuk save notepadnya.
Readmore »

Selasa, 10 Maret 2009

Cara Membuat Related Post / Artikel Berkaitan

Related post atau artikel yang berkaitan adalah cara untuk menampilkan link-link artikel yang berkaitan dengan artikel utama dan biasanya terletak dibawah artikel utama.

Pemasangan related post ini biasanya dikelompokkan berdasarkan label atau kategori. Maka apabila ada salah satu artikel dari label tertentu yang ditampilkan maka artikel-artikel lain yang mempunyai label sama juga akan ikut muncul di bawah artikel tersebut.

Tujuan pemasangan related post ini agar pengunjung mudah untuk membaca artikel yang berkaitan dengan artikel utama. Sehingga pengunjung tidak perlu report untuk mencari satu persatu artikel dalam menu label atau kategori.

Cara Memasang Artikel yang Berkaitan atau related Post, sebagai berikut :


  1. Login dulu ke www.blogger.com.

  2. Kemudian pilih menu Layout -> Edit HTML

  3. Setelah itu, beri tanda centang pada kotak "Expand Widgets Template".

  4. Cari kode <data:post.body/>

  5. Jika sudah ketemu, letakkan kode dibawah ini dibawah
    <b:if cond='data:blog.pageType == "item"'>
    <div class='similiar'>

    <div class='widget-content'>
    <h3>Artikel yang berkaitan</h3>
    <div id='data2007'/><br/><br/>
    <script type='text/javascript'>

    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 10;

    maxNumberOfPostsPerLabel = 100;
    maxNumberOfLabels = 3;


    function listEntries10(json) {
    var ul = document.createElement(&#39;ul&#39;);
    var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
    json.feed.entry.length : maxNumberOfPostsPerLabel;
    for (var i = 0; i &lt; maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    for (var k = 0; k &lt; entry.link.length; k++) {
    if (entry.link[k].rel == &#39;alternate&#39;) {
    alturl = entry.link[k].href;
    break;
    }
    }
    var li = document.createElement(&#39;li&#39;);
    var a = document.createElement(&#39;a&#39;);
    a.href = alturl;

    if(a.href!=location.href) {
    var txt = document.createTextNode(entry.title.$t);
    a.appendChild(txt);
    li.appendChild(a);
    ul.appendChild(li);
    }
    }
    for (var l = 0; l &lt; json.feed.link.length; l++) {
    if (json.feed.link[l].rel == &#39;alternate&#39;) {
    var raw = json.feed.link[l].href;
    var label = raw.substr(homeUrl3.length+13);
    var k;
    for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
    var txt = document.createTextNode(label);
    var h = document.createElement(&#39;b&#39;);
    h.appendChild(txt);
    var div1 = document.createElement(&#39;div&#39;);
    div1.appendChild(h);
    div1.appendChild(ul);
    document.getElementById(&#39;data2007&#39;).appendChild(div1);
    }
    }
    }
    function search10(query, label) {

    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
    + label +
    &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
    document.documentElement.firstChild.appendChild(script);
    }

    var labelArray = new Array();
    var numLabel = 0;

    <b:loop values='data:posts' var='post'>
    <b:loop values='data:post.labels' var='label'>
    textLabel = &quot;<data:label.name/>&quot;;

    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel++;
    }
    }
    </b:loop>
    </b:loop>
    </script>
    </div>

    </div>
    </b:if>
    di bawah kode <data:post.body/>

    Catatan:
    Jika blog anda menggunakan kode read more maka biasanya ada 2 kode <data:post.body/> Letakkan kode diatas pada kode yang pertama.

  6. Kalau sudah, klik Save Template lalu klik View Blog untuk melihat hasilnya.
Anda bisa mengganti teks "Artikel yang berkaitan" pada kode diatas dengan teks lain sesuai dengan keinginan anda.


Selamat mencoba..

Readmore »

Senin, 09 Maret 2009

Kode Warna HTML

Kode Warna HTML

Warna banyak gunanya, apalah artinya hidup tanpa warna, monoton hanya hitam dan putih, waw..... gak ceria dong.
Kadang kita mengalami kesulitan dalam mencari kode warna sebagai referensi untuk mempercantik tampilan blog kita, misal mengganti warna template, memberi warna-warna pada isi postingan, contoh di postingan saya sebelumnya mengenai Menu Marquee.
Ini sebagian contoh warna-warna solid yang sering dipakai :


#000000 : black
#0000ff : blue
#800080 : purple
#808000 : olive
#ffffff : white
#ff00ff : fuchsia
#00ffff : aqua
#008000 : green
#ff0000 : red
#008080 : teal
#808080 : gray
#ffff00 : yellow
#800000 : maroon
#000080 : navy
#c0c0c0 : silver
#00ff00 : lime


Dijamin asyik main warna deh.... soalnya warna campuran mixed nya bisa jutaan jadi malas buat bikin postingan warna-warna, mending langsung ke web site di atas ya.
Semoga bermanfaat info ini.

Readmore »

Minggu, 08 Maret 2009

Cara Pasang Kalender di Blog

Biar tambah OK dan enak di pandang blog Anda bisa di pasang kalender. Mau yang seperti apa ?
Silahkan kunjungi di sini : http://www.free-blog-content.com/ , setelah masuk Anda bisa pilih-pilih yang mana yang Anda sukai. Ada berbagai macam kalender, seperti :
  • Animated Calendars
  • Car Calendars
  • Girl Calendars
  • Animals Calendars
  • Nature Calendars
  • Abstract Calendars
  • Plain Calendars
  • Calendars with Clock


Cara Pasang Kalender di Blog, sebagai berikut :


Untuk Template klasik

  1. Seperti biasa Anda sign in ke blogger Anda, kemudian masuk ke dasbor.

  2. Klik menu Tata Letak

  3. Klik menu Edit HTML

  4. Copy seluruh kode HTML lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, Anda masih mempunyai data untuk mengembalikannya ke semula

  5. Copy kode yang tadi telah ada di notepad lalu paste pada tempat yang di inginkan, mau di sidebar atau di manapun boleh

  6. Klik tombol Simpan Perubahan Template

  7. Selesai.

Untuk Template baru

  1. Seperti biasa Anda sign in ke blogger Anda, kemudian masuk ke dasbor.

  2. Klik menu Tata Letak

  3. Klik menu Elemen Halaman

  4. Klik tulisan Tambahkan sebuah elemen halaman

  5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

  6. Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan

  7. Klik tombol SIMPAN PERUBAHAN

  8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN

  9. Selesai.


Free Blog Content
Readmore »

Sabtu, 07 Maret 2009

Membuat Tabel


Kali ini kita akan belajar
membuat tabel di blog, sebenarnya membuat tabel sangat mudah, asalkan kita mengetahui kode-kode HTML. Lagi-lagi kode HTML, yah begitulah namanya juga blog pasti selalu berhubungan dengan kode ribet yang satu ini. Untuk membuat tabel cukup dengan perintah <table> ..... </table> yang didalamnya terdapat atribut sebagai berikut :

  • bordercolor --> warna dari garis tabel

  • bgcolor --> warna dari background tabel

  • cellpadding --> jarak antara tulisan dengan garis luar tabel

  • cellspacing --> jarak antar tulisan

  • border --> ketebalan garis pinggir tabel

    • dotted --> garis titik putus-putus

    • dashed --> garis datar putus-putus

    • double --> garis rangkap dua
  • align --> posisi dari isi tabel, bisa kiri, tengah, atau kanan

  • width --> lebar tabel

  • height --> tinggi tabel


Nah,....begitu...tu..
Sebelumnya saya juga bingung, baca saja sudah bingung, apalagi buatnya. Tapi kalau ada niat dan kemauan pasti jadi deh..( Wah...malah ceramah..)

<table width="250" border="1">
<tr>
<td>

Isi Tabel

</td>
</tr>
</table>

Hasilnya :

Isi Tabel


Tampak tulisan rapat kiri dengan dinding garis tabel, Anda bisa merubahnya agar menjadi ke tengah dengan menambahnkan elemen align="center"

Contohnya :

<table width="250" border="1">
<tr>
<td align="center">

Isi Tabel

</td>
</tr>
</table>

Hasilnya :

Isi Tabel


Bagaimana jika bordernya saya ganti dengan angka yang lebih tinggi, misalnya angka 7 dan lihat perubahan yang terjadi pada tabelnya :

<table width="250" border="7">
<tr>
<td align="center">

Isi Tabel

</td>
</tr>
</table>

Hasilnya:

Isi Tabel


Untuk menambah kolom menjadi 2, sobat tinggal menambahkan elemen yang sama dibawahnya, seperti ini contohnya :

<table width="350" border="7">
<tr>
<td align="center">

Kolom 1 Baris 1

</td>
<td align="center">

Kolom 2 Baris 1

</td>
</tr>
</table>

Hasilnya :

Kolom 1 Baris 1
Kolom 2 Baris 1


Sedangkan untuk membuat 3 baris, kira-kira seperti ini kodenya :

<table width="400" border="1">
<tr>
<td align="center">

Kolom 1 Baris 1

</td>
<td align="center">

Kolom 2 Baris 1

</td>
</tr>
<tr>
<td align="center">

Kolom 1 Baris 2

</td>
<td align="center">

Kolom 2 Baris 2

</td>
</tr>
<tr>
<td align="center">

Kolom 1 Baris 3

</td>
<td align="center">

Kolom 2 Baris 3

</td>
</tr>
</table>

Hasilnya :



Kolom 1 Baris 1
Kolom 2 Baris 1
Kolom 1 Baris 2
Kolom 2 Baris 2
Kolom 1 Baris 3
Kolom 2 Baris 3



Readmore »

Jumat, 06 Maret 2009

Membuat Kolom Postingan Terpisah

Kolom postingan terpisah akan terlihat lebih enak dipandang dan lebih memudahkan pengunjung blog dalam membedakan isi artikel yang kita tulis, daripada kolom postingan yang menyatu atau dalam 1 kotak saja.

Untuk pemasangan kolom postingan terpisah, Anda hanya memerlukan sedikit tambahan kode HTML saja yang nantinya akan disisipkan ke blog sobat.

Berikut langkah - langkahnya :

  1. Silahkan login dahulu ke Blogger dengan ID sobat tentunya.

  2. Klik Tata Letak.

  3. Klik tab Edit HTML.

  4. Setelah itu cari kode yang seperti ini

    .post {


  5. Kemudian tambahkan kode berikut ini tepat setelah kode tersebut


    Padding:15px; /* Jarak text post dengan garis pinggir */

    Border-top: 2px solid #000000; /* warna garis pinggir atas */

    Border-bottom: 2px solid #000000; /* warna garis pinggir bawah */

    Border-left: 2px solid #000000; /* warna garis pinggir kiri */

    Border-right: 2px solid #000000; /* warna garis pinggir kanan */

    Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */



  6. Save Template.

Sekarang Anda bisa melihat hasilnya.

Selamat Mencoba

Readmore »

Kamis, 05 Maret 2009

Cepat Terindex di Google Search

Bila pembuatan blog sudah selesai, agar blog cepat terindex oleh mesin pencari google. Baiknya daftarkan blog anda di tool yang di miliki oleh google yaitu Webmaster Tool. Dengan di daftarkan blog anda di tool milik google ini tidak lama blog anda akan terindex oleh mesin pencari google sekitar 1 x 24 jam.

Cara mendaftar di Webmaster Tool sebagai berikut :
  1. Masuk saja ke http://www.google.com/webmasters/tools dan akan memasuki dashboard.

  2. Isikan kotak kosong dengan URL anda, misal : http://no-1-seo.blogspot.com"Add Site". kemudian klik

  3. Tunggu sampai muncul tulisan "your site has been add ...." klik Verify your site".

  4. Pilih mode Verifikasi "Add a meta tag" kemudian akan muncul meta tag kode, copy kode tersebut.

  5. Kemudian anda masuk ke akunt blog anda, masuk ke dashboard --> layout --> Edit HTML.

  6. Alangkah baiknya anda backup dulu template anda dengan klik "Download Full Template"

  7. Cari kode : <title><data:blog.pageTitle/></title>

  8. Kemudian letakkan / paste kode meta tag yang anda copy tadi di bawah kode tersebut di atas. Kemudian jangan lupa di Save

  9. Kembali lagi ke Webmaster Tool kemudian klik Verify tunggu sampai muncul pemberitahuan bahwa verifikasi blog berhasil.

  10. Selesai sudah. Blog Anda sudah terindex oleh mesin pencari google.


Selamat Mencoba

Readmore »

Menambah Element Halaman di Bawah Header

Element Halaman di Bawah Header

Di bawah header bisa anda tambahkan kolom baru, kolom tersebut bisa untuk memasang iklan atau foto, atau yang lain.

Untuk membuat kolom baru, anda hanya cukup menambahkan kode css serta HTML kedalam kode template anda.


Langkah-langkahnya sebagai berikut :
  1. Anda login dulu di blogger dengan username anda.

  2. Anda memasuki Dasbor, kemudian klik Tata Letak / Layout

  3. Kemudian klik Elemen Halaman

  4. Tampilan header seperti ini :

    elemenheader

  5. Untuk menambah Elemen Halaman di bawah header, seperti tampilan di atas, anda bisa mulai dengan klik Edit HTML

  6. klik Download Template Lengkap ini untuk menyimpan semua data anda sebelum terjadi perubahan pada template anda

  7. Setelah proses penyimpanan selesai, anda tinggal copy kode di bawah :

    #under_header{
    margin:10px 0;
    padding:1%;
    width:98%;
    }

  8. Kemudian paste di atas kode ]]></b:skin>

  9. Kemudian copy kode berikut :

    <div id="under_header">
    <b:section class='header' id='underheader' preferred='yes'/>
    </div>


  10. Setelah anda copy, kemudian tinggal paste di bawah kode :

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidget="1" showaddelement="no">
    <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
    </b:section>
    </div>


  11. Setelah selesai, klik tombol SIMPAN TEMPLATE

  12. Sekarang di bawah header sudah ada Elemen Halaman Baru. Bisa anda lihat sekarang.

  13. Horeee berhasil.

Readmore »

Rabu, 04 Maret 2009

Cara Membuat Buku Tamu Blog

Di dalam membuat blog yang sering juga di pasang untuk meramaikan blog adalah dengan memasang buku tamu. Salah satu tujuan di pasangnya buku tamu adalah untuk mempererat hubungan antara yang mempunyai blog dengan pengunjung. Juga pengunjung dengan pengunjung.

Anda bisa memasang buku tamu dengan mendaftar terlebih dahulu di http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :
  1. Anda daftar dulu dengan cara mengklik tulisan Sign Up.

  2. Kemudian Anda isi data-data pada form yang telah di sediakan.

  3. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, kemudian anda login dengan id anda

  4. Pada kolom yang berjudul Style, klik menu appearance.

  5. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda.

  6. Kemudian silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.

  7. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start.

  8. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox sesuai dengan keinginan Anda

  9. Kemudian copy kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, kemudian paste di program Notepad

  10. Klik Log out untuk keluar dari halaman shoutmix.

  11. Proses pendaftaran sudah selesai


Sekarang tinggal menempatkan kode HTML yang tadi di simpan di Notepad. Langkah-langkah sebagai berikut :


Khusus untuk Template Blogger baru :
  1. Seperti biasa masuk ke www.blogger.com. login dengan id Anda.

  2. Klik menu Layout

  3. Klik Page Element

  4. Klik Add a Page Element

  5. Kemudian klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript.

  6. Kemudian tuliskan judul shoutbox Anda. Isikan sesuai judul yang Anda inginkan.

  7. Copy kode HTML yang tadi di simpan dinotebok. Kemudian paste kode HTML tersebut di dalam form Content.

  8. Setelah selesai klik tombol Save Changes.

  9. Sudah selesai. Buku tamu Anda sudah siap.
Readmore »

Selasa, 03 Maret 2009

Cara Mengganti Template / Tampilan Blog

Anda bosan dengan tampilan / template blog anda ?

Anda bisa merubah template anda sesuai keinginan anda.

Caranya sebagai berikut :

Yang sudah pakai New Blogger Template :
  1. Seperti biasa Anda Login ke blogger.com dan akan masuk ke dasbor.

  2. Kemudian klik Tata Letak.

  3. Anda kemudian klik Pilih Template Baru.

  4. Di sini akan muncul berbagai macam template baru, Anda tinggal pilih dengan cara klik di lingkaran kecil di bawah tampilan template.

  5. Setelah Anda menentukan pilihan kemudian tinggal klik Simpan Template.

  6. Nah sekarang tampilan blog Anda sudah berubah dengan tampilan baru. Kalau Anda masih belum puas juga dengan tampilan blog Anda, tinggal ganti template lagi dengan mengulangi lagi panduan di atas.

Selamat Mencoba...
Readmore »

Senin, 02 Maret 2009

Cara Posting di Blog

Cara Posting Artikel di Blog

Setelah Anda selesai membuat blog untuk pertama kali, sekarang Anda coba melakukan posting artikel sesuai topik yang telah Anda sediakan sebelumnya.

Langkah-langkah dalam memposting suatu artikel:

  1. Pertama kali Anda login di blog Anda masuk ke Dasbor blog.
  2. Kemudian Anda klik Edit Baru / New Post di bawah judul blog Anda.
  3. Kemudian akan terbuka menu Posting dan kotak kosong tempat Anda mengisi artikel Anda.
  4. Setelah sampai di menu Posting. Terdapat 3 item posting yaitu Edit HTML dan Tulis. Dan di bawahnya Pratinjau.
  5. Anda copy artikel yang telah Anda siapkan sebelumnya, kemudian paste di kotak kosong postingan.

Apa fungsi dari ke-3 item tersebut :
  1. Edit HTML : Dibanding dengan item Tulis, menggunakan Edit HTML jauh lebih sulit bagi yang belum pernah belajar HTML. Tapi untuk hasil posting jauh lebih tertata rapi dan bagus di lihat dibanding dengan item Tulis. Untuk belajar dasar-dasar HTML Anda bisa download : Belajar HTML.
  2. Untuk yang posting langsung Tulis, lebih mudah karena toolbar diatas siap membantu Anda. Anda tinggal melakukan pengaturan tulisan sesuai keinginan Anda. Dan sebaiknya Anda menggunakan yang ini dahulu, nanti kalau sudah belajar HTML Anda bisa menyempurnakan tulisan Anda.
  3. Anda bisa melihat tulisan Anda sebelum di publikasikan dengan klik Pratinjau. Di sini Anda bisa melihat dan mengkoreksi mana tulisan yang kurang/tidak sesuai dengan keinginan Anda.

Anda bisa menggunakan bantuan Toolbar yang sudah di sediakan, seperti :

--> Untuk merubah jenis hurup yang di gunakan
--> Untuk merubah ukuran hurup (heading)
--> Untuk Menebalkan hurup
--> Untuk memiringkan hurup
--> Untuk merubah warna hurup
--> Untuk membuat link
--> Untuk membuat artikel menjadi rata kiri
--> Untuk membuat tulisan menjadi di tengah
--> Untuk membuat artikel menjadi rata kanan
--> Untuk membuat artikel menjadi rata kiri dan kanan
--> Untuk membuat sub bahasan oleh angka
--> Untuk membuat sub bahasan oleh bullet
--> Untuk mengecek spelling
--> Untuk memasukan gambar(upload gambar)
--> Untuk membuat artikel dalam kode HTML
--> Untuk membuat artikel dalam mode Compose (biasa)
--> Untuk me review (melihat) artikel / Pratinjau.

Semoga Berhasil.....
Readmore »

Sabtu, 03 Januari 2009

Buat Blog di Blogspot

Langkah-langkah membuat Blog :
  1. Masuk ke BLOGGER. http://www.blogger.com/

  2. Isikan Username dan Pasword Anda seperti yang Anda persiapkan sebelumnya. Contoh gambar di bawah. Kemudian klik masuk/enter ke halaman selanjutnya.



  3. Kemudian Anda masuk ke Halaman 1
    Create / Ciptakan account seperti gambar di bawah. Isi seluruh kolom yang diminta.

    .


  4. Lanjut ke halaman 2
    Beri Judul Blog seperti gambar di bawah. Sesuaikan judul dengan ketersediaan di Blogspot, apakah sudah ada yang memakai apa elum. Judul Blog tidak boleh ada spasi, pakai - boleh sebagai pemisah kata. Kalaupun salah atau kurang sesuai, kapanpun kita bisa mengganti judul tersebut nantinya.



  5. Kemudian masuk ke Halaman 3.
    Pilih Template yang anda sukai dan dirasa cocok dengan isi dan judul postingan anda. Saran saya pakai type Minima yang minimalis dan mudah dirubah kode2 javascriptnya serta relatif lebih mudah untuk eksperimen menambah nantinya. Lihat di bawah.



  6. Klik Lanjut. Nah...Blog anda sekarang sudah jadi.

    .
Nah sampai di sini maka Blog anda sudah selesai dan tinggal memasukkan postingan/artikel yang menarik tentunya. Untuk artikel mengenai Posting di Blog akan saya beri pada seri ke 2 nya segera.
Terima kasih atas perhatiannya.
Salam Sukses.
Readmore »