cara membuat tab view widget di samping blog

Masuk ke dasbor blogger

Tambahkan Widget Java/HTML

Lalu copy paste kode di bawah ini

/* ......tab view... */
<style type="text/css">
    div.TabView div.Tabs
    {height: 30px;overflow: hidden}
    div.TabView div.Tabs a {float:left; display:block; width: 89px; /* Lebar Menu Utama Atas */
    text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
    padding-top:8px; vertical-align:middle; border:2px solid #cdcdcd; /* Warna border Menu Atas */
    border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas*/
    font-weight:bold; color:#dd0700; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #e4e4e4; /* Warna background Menu Utama Atas */ }
    div.TabView div.Pages {clear:both; border:2px solid #cdcdcd; /* Warna border Kotak Utama */ overflow:hidden; background-color:#e4e4e4; /* Warna background Kotak Utama */ }
    div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
    div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    function tabview_aux(TabViewId, id)
    {
      var TabView = document.getElementById(TabViewId);
      // ----- Tabs -----
      var Tabs = TabView.firstChild;
      while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
      var Tab = Tabs.firstChild;
      var i   = 0;
      do
      {
        if (Tab.tagName == "A")
        {
          i++;
          Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
          Tab.className = (i == id) ? "Active" : "";
          Tab.blur();
        }
      }
      while (Tab = Tab.nextSibling);
      // ----- Pages -----
      var Pages = TabView.firstChild;
      while (Pages.className != 'Pages') Pages = Pages.nextSibling;
      var Page = Pages.firstChild;
      var i    = 0;
      do
      {
        if (Page.className == 'Page')
        {
          i++;
          if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
          Page.style.overflow = "auto";
          Page.style.display  = (i == id) ? 'block' : 'none';
        }
      }
      while (Page = Page.nextSibling);
    }
    // ----- Functions -------------------------------------------------------------
    function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
    function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
    //]]>
    </script>
    <form action="tabview.html" method="get">
    <div id="TabView" class="TabView">
    <div style="width: 280px;" class="Tabs">
    <a>Ciri-Ktrgan</a>
    <a>Thai-Jepang</a>
    <a>Obat-rawat</a>
    </div>
    <div style="width:275px; height:275px; " class="Pages">
    <div class="Page">
    <div class="Pad">
CIRI ADUAN BAGUS
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/ciri-ciri-ayam-bangkok-ideal-seri.html" title="ciri ayam aduan bagus dalam bentuk tabel dan gambar lengkap">Ciri ayam bangkok aduan yang bagus dalam TABEL-GAMBAR lengkap</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/postur-ayam-bangkok-tegak-mengalir.html" title="postur ayam bangkok aduan tegak mengalir">Postur ayam bangkok aduan tegak mengalir</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/ciri-ayam-kampung-pada-ayam-bangkok.html" title="ciri ayam kampung pada ayam bangkok lokal">Ciri ayam kampung pada ayam bangkok lokal</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/teknik-dan-postur-ayam-aduan-ala-ronaldo-vs-messi.html">Teknik dan Postur Ayam Aduan ala Ronaldo vs Messi</a></li>
</ul>
KATURANGGAN-THAILAND
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/katuranggan-ayam-aduan-di-thailand.html" title=" Katuranggan ayam aduan ternyata ada di Thailand lengkap gambar ">Katuranggan ayam aduan di thailand</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/sisik-ayam-aduan-bangkok-mematikan-dan-bertuah-di-thailand.html" title=" Katuranggan ayam aduan di Thailand lanjutan bagian dua ">Sisik ayam bangkok aduan mematikan dan bertuah di Thailand</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/katuranggan-kaki-ayam-thailand-asli.html" title=" Katuranggan ayam aduan di Thailand lanjutan bagian tiga">Katuranggan kaki ayam Thailand asli</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/06/ayam-tarung-sisik-buaya-lawan-ayam-tunggal-telur-satu.html" title=" Cerita kehebatan non-teknis dari tarung ayam antar katuranggan sisik buaya dan .... ">Ayam tarung katuranggan sisik buaya lawan ayam tunggal</a></li>
</ul>
    </div>    </div>
    <div class="Page">
    <div class="Pad">
THAILAND
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/koleksi-gambar-ayam-asli-thailand-ideal.html" title=" Koleksi gambar ayam bangkok asli sempurna dan terbaik di Thailand ">Gambar ayam bangkok asli ayam Thailand ideal</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/warna-ayam-bangkok-berkelas-di-thailand.html" title="Ayam bangkok super wiring kuning berkelas di Thailand ">Ayam bangkok istimewa warna berkelas di Thailand</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/06/gambar-ayam-aduan-berkelas-di-thailand.html" title=" Koleksi gambar ayam bangkok aduan super wiring kuning dari Thailand ">Gambar ayam aduan super berkelas di thailand</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/foto-ayam-bangkok-thailand-asli-bagian-2.html" title=" Gambar ayam jago bangkok dan betina pasangan terbaik ayam thailand ">Foto-Gambar ayam jago bangkok dan betina terbaik asli Thailand</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/indukan-ayam-bangkok-warna-variasi-asli-thailand.html" title=" ayam betina indukan ayam bangkok asli warna variasi warga kampung ">Indukan ayam bangkok warna variasi asli Thailand</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/06/stadion-sabung-ayam-mewah-di-samut-prakan-thailand.html" title=" Stadion mewah bangkok cockpit untuk sabung ayam laga thailand ">Stadion VIP sabung ayam laga thailand di Samut Prakan</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/06/ayam-bangkok-juara-bersama-milyuner.html" title=" Ayam bangkok juara bersama milyuner pemain sabung ayam terkaya di dunia">Ayam bangkok juara bersama milyuner</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/06/peraturan-baru-sabung-ayam-di-thailand.html" title=" Peraturan baru sabung ayam laga Thailand yang lebih manusiawi">Peraturan baru sabung ayam laga Thailand</a></li>
</ul>
JEPANG
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/07/ayam-siam-shamo-ayam-bangkok-aduan-super.html" title="ayam siam shamo jepang- ayam bangkok aduan super paling tangguh">Ayam siam shamo ayam bangkok aduan super</a></li>
</ul>
HARGA AYAM DI THAILAND
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/07/harga-ayam-bangkok-jawara-di-thailand.html" title="Harga ayam bangkok jawara di thailand 2013 Rp 113 juta">Harga ayam bangkok jawara di thailand 2013 Rp 113 juta</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/07/harga-jual-ayam-bangkok-di-thailand.html" title="Harga jual ayam bangkok di thailand lengkap gambar dan video">Harga jual ayam bangkok di thailand lengkap gambar dan video</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/07/gambar-ayam-dan-harga-ayam-hitam-vip.html" title="gambar ayam dan harga ayam hitam VIP ekslusif di thailand">Gambar ayam dan harga ayam hitam VIP ekslusif di thailand</a></li>
<li><a href='http://bogorbangkok.blogspot.com/2013/07/gambar-ayam-dan-harga-ayam-super-wiring.html'>Gambar ayam dan harga ayam super wiring kuning di thailand</a></li>
<li><a href='http://bangkokbagus.blogspot.com/2013/07/gambar-dan-harga-ayam-bangkok-istimewa.html' target="_blank">gambar ayam dan harga ayam putih VIP</a></li>
<li><a href='http://bangkokbagus.blogspot.com/2013/07/gambar-ayam-dan-harga-ayam-vip-yang.html' target="_blank">gambar ayam dan harga ayam wiring kuning-2</a></li>
</ul>
INFO LAIN
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/06/Kejuaraan-sabung-ayam-dunia--di-kolumbia.html">Sabung ayam kejuaraan dunia di Kolumbia</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/asal-mula-istilah-ayam-aduan-dan-ayam-bangkok.html">Asal mula istilah ayam aduan dan ayam bangkok</a></li>
</ul>
    </div>    </div>
    <div class="Page">
    <div class="Pad">
PENYAKIT
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/jenis-penyakit-pada-unggas-dan-ayam-bangkok.html" title="Macam macam penyakit unggas dan ayam bangkok lengkap">Jenis jenis penyakit ayam, ayam bangkok dan penyakit unggas</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/penyakit-unggas-dan-ayam-bangkok-akibat-virus.html" title="Jenis jenis penyakit akibat virus yang mematikan pada ayam ">Penyakit ayam bangkok dan unggas akibat virus</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/jenis-penyakit-unggas-ayam-akibat-bakteri.html" title="Jenis jenis penyakit akibat bakteri pada ayam dan bisa disembuhkan ">Jenis jenis penyakit ayam dan unggas akibat bakteri</a></li>
</ul>
OBAT
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/jenis-vaksin-unggas-dan-ayam-bangkok.html" title="Jenis-jenis vaksin lengkap mulai flu burung, tetelo, dan lainnya">Jenis vaksin unggas dan ayam bangkok</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/cara-alternatif-mengobati-penyakit-tetelo-ayam-bangkok.html" title="Cara alternatif mengobati penyakit tetelo pada ayam bangkok">Cara alternatif mengobati penyakti tetelo ayam bangkok</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/cara-memilih-dan-menggunakan-vaksin-tetelo-pada-ayam-bangkok.html" title="Memilih dan cara menggunakan vaksin tetelo yang hemat">Cara memilih dan menggunakan vaksin tetelo pada ayam bangkok</a></li>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/jenis-obat-obatan-ayam-bangkok-aduan.html" title="Obat-obatan lengkap untuk ayam bangkok sebagai stock ">Jenis obat obatan ayam bangkok aduan</a></li>
</ul>
PAKAN
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/membuat-pakan-ayam-bangkok-bergizi-dari-teri-dan-katul.html" title="Pakan ayam bangkok bergizi tinggi dan cara membuatnya dari katul-teri ">Cara membuat pakan ayam bangkok bergizi dari teri dan katul</a></li>
</ul>
KALSIUM TULANG
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/04/batu-kapur-memperkuat-tulang-ayam-bangkok-dan-kalsium-untuk-itik-ayam-petelur.html" title="Cara murah meriah memperkuat tulang ayam dengan batu kapur ">Batu kapur memperkuat tulang ayam bangkok dan kalsium untuk itik ayam petelur</a></li>
</ul>
VITAMIN
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/07/multi-vitamin-ayam-bangkok-dan-vitamin-ayam-aduan.html" title=" Multi Vitamin untuk ayam bangkok">Multi Vitamin ayam bangkok dan vitamin ayam aduan</a></li>
</ul>
JAMU
<ul>
<li><a href="http://bangkokfighting.blogspot.com/2013/07/jamu-ayam-aduan-yang-ampuh-untuk-sabung.html">Jamu ayam aduan yang ampuh untuk sabung ayam</a></li>
</ul>
CARA MERAWAT
<ul>
<li><a href="http://bogorbangkok.blogspot.com/2013/05/cara-merawat-ayam-bangkok-anakan.html" title=" Cara merawat ayam bangkok anakan yang apik">Cara merawat ayam bangkok anakan usia 3 minggu</a></li>
</ul>
    </div>    </div>
    </div>
    </div>
    </form>
    <script type="text/javascript">
    tabview_initialize('TabView');
</script>

Cara meningkatkan peringkat blog dengan membuat blog user friendly

Post: cara membuat tampilan blog user friendly - sebagai cara meningkatkan peringkat blog

Postingan kali ini tentang tampilan blog user friendly sebagai cara meningkatkan peringkat blog di halaman penelusuran google.  Blog yang user friendly jarang dibahas dalam artikel blog, yang lebih banyak adalah tentang tips dan trik seo friendly. 

Gambaran umum tampilan blog user friendly dan blog seo friendly

• Kata user friendly sudah tidak asing lagi bagi para programmer. Terlebih lagi bagi desainer program aplikasi yang selalu berusaha (bahkan melakukan survei) mendesain program aplikasi agar program yang dibuat nantinya benar-benar sesuai dengan keinginan user atau pengguna.  Tampilan blog user friendly yang dimaksudkan disini adalah tampilan blog yang sesuai dengan selera pengguna/ pengunjung, sehingga diharapkan pengunjung suka dengan tampilan blog tersebut, dan berlanjut dengan keinginan pengunjung menjelajahi isi artikel dalam blog tersebut.
• Khusus untuk website blog, selain user friendly, blog harus pula seo friendly, artinya disukai oleh mesin mencari terutama google ataupun Bing dan Yahoo (jika sudah didaftarkan). Seo (Search Engine Optimization) diperlukan karena mesin pencari itu yang secara sistematis menaikkan atau menurunkan peringkat blog di halaman penelusuran. 
• Berdasarkan pengalaman membuat beberapa blog gratis, blog user friendly atau disukai pengunjung lebih berpengaruh besar terhadap meningkatkan peringkat blog di mesin pencari,  walaupun blog tersebut masih baru dan belum menambahkan banyak trik seo.  Tentunya seo dasar yang terpenting harus terpenuhi yaitu terdaftar di google, terverifikasi, sitemap standar dan meta taq standar (ada keyword dan deskripsi blog), serta tidak ada kesalahan yang fatal yang biasanya akan diberitahukan oleh google lewat webmasters. 

Contoh blog user friendly

Pengaruh tampilan blog user fiendly dalam meningkatkan peringkat blog di mesin pencari

• Tampilan blog user friendly dapat membuat pengunjung terkesan dan ingat dengan blog tersebut.  Pengunjung akan mencari kembali blog tersebut pada hari dan waktu yang lain melalui halaman penelusuran google. Pencarian oleh pengunjung melalui halaman penelusuran memberikan efek meningkatkan peringkat blog di mesin pencari, yang akan mendorong blog mendekat ke halaman pertama di penelusuran google.

Contoh blog di halaman pertama penelusuran google

• Blog yang user friendly memberikan kemudahan bagi pengunjung, sehingga pengunjung dapat menguasai, mengendalikan, dan mudah menjelajahi isi dari blog.   Dengan demikian pengunjung betah dan senang "bermain-main" di dalam blog tersebut sambil terus menjelajahi semua artikel dan informasi di dalam blog.  Ini memberikan efek besar meningkatkan pageview (jumlah artikel yang dilihat). Pengunjung akan melihat beberapa artikel atau bahkan belasan artikel setiap kali masuk. Pageview yang cepat meningkat memberikan efek meningkatkan peringkat blog di mesin pencari.  Jika ini bisa diwujudkan maka posisi blog akan cepat terdongkrak ke posisi halaman pertama penelusuran google.
• Faktanya, blog yang user friendly diakomodasi oleh mesin pencari. Tampaknya cara kerja mesin pencari google seperti seorang pelayan yang baik. Mesin pencari itu akan menyodorkan blog yang laris manis untuk tampil di halaman pertama, dan sebaliknya akan menyimpan jauh blog yang tidak laku di halaman kesekian dan bahkan tidak terlihat.



Contoh grafik peningkatan pageview blog
(tgl 26 mei 1.000 pageview dan tgl 17 juni menjadi 7.500)


• Gambar di atas adalah contoh sebuah blog blogspot gratis yang pernah dibuat dua bulan yang lalu. Blog itu simple dan sederhana. Pada satu minggu pertama terisi 3 buah artikel, tetapi belum ada yang lihat satupun. Pada minggu kedua ada cara mengkaitkan blog itu (melalui dofollow), dan hasilnya pengunjung mulai datang sekitar 100 pageview/hari. Minggu ketiga artikel ditambah menjadi 10 artikel, ada peningkatan menjadi 300 – 400 pageview/hari. Blog tersebut juga sudah mulai nongol/tampil di halaman 5 – 10 pada penelusuran google untuk kata kunci tertentu. Minggu keempat artikel ditambah hingga total menjadi 20 artikel, tetapi pageview stagnan pada posisi 400 – 500 saja setiap hari. Kemudian tampilan blog diubah sedikit menjadi lebih user friendly. Dua hari kemudian pageview melonjak drastis menjadi 2.000 per hari. Seiring lonjakan pageview, posisi blog naik ke posisi halaman 2 - 3 di halaman penelusuran google. Lonjakan pageview terus meningkat, hingga mencapai 4.000 pada akhir minggu kelima, artinya naik 10 kali lipat dibandingkan 7 hari sebelumnya yang hanya 400-500 per hari. Peringkat blog di halaman penelusuran google pun juga terdorong ke halaman pertama. Selanjutnya, selama dua minggu terakhir pageview blog stabil meningkat dengan range pageview 5.000 (di hari sepi) dan hampir 9.000 (di hari rame), jumlah artikel terus ditambah menjadi 40 buah, dan total pageview selama 2 bulan sejak dibuat sudah mencapai 180.000 (lihat pada grafik).

Tips cara membuat tampilan blog user friendly

• Cara membuat tampilan blog user friendly termasuk mudah, hanya saja pemilik blog terlena dan sibuk dengan mengutak-atik meta tag dan sitemap, membuat ping, backlink dan lainnya.  Untuk blog baru,  utak-atik demikian hampir tidak berpengauh, mungkin akan berguna nanti jika peringkat dan pageview blog sudah cukup stabil dan perlu dipertahankan.
• Tip blog yang user friendly antara lain adalah tersedia menu yang memberikan kemudahan bagi pengunjung untuk menjelajahi blog, daftar isi rapi dan terstruktur, tampilan huruf dan latar tidak melelahkan mata pengunjung, hindari tampilan blog yang terlalu “ngecreng”, tambahkan gambar dan sumber untuk menghilangkan praduga negatif pengunjung terhadap beberapa blog tertentu, gunakan konsep pemasaran yang menganggap pengunjung adalah raja sehingga tidak boleh ada paksaan mengisi komentar dan lainnya.
• Tips cara membuat tampilan blog user friendly dijelaskan lebih rinci pada postingan terpisah agar halaman ini tidak kepanjangan, yang dapat dilihat pada KLIK TERKAIT di bawah ini.

Demikian postingan cara meningkatkan peringkat blog - dengan cara membuat tampilan blog user friendly, semoga bermanfaat.  Untuk selanjutnya dapat dilihat dan klik dibawah postingan ini tentang tips yang lebih detil mengenai cara membuat tampilan blog user friendly.

KLIK TERKAIT

cara membuat tampilan blog user friendly lanjutan.

daftar isi modabisnet.com

Ini adalah daftar atau list dari postingan artikel yang ada di dalam ModaBISNET.com.  Silahkan di klik setiap judul postingan berikut ini.

• Tahapan untuk membuat blog gratis
• Tahapan untuk membuat akun gmail di google
• Tahapan untuk memperbagus tampilan blog baru
• Panduan praktis masuk akun gmail dan masuk blog
• Panduan bergambar membuat artikel di blog
• Panduan bergambar mengubah tampilan blog baru
• Panduan praktis mendaftarkan blog ke search engine
• Panduan praktis untuk verifikasi blog di search engine
• Tahapan untuk membuat sitemap di blog baru

Tahapan untuk membuat blog gratis

Postingan: cara bikin blog atau blogspot - cara membuat blogspot gratis 

Gambar di atas adalah contoh website blogspot yang tampil di halaman penelusuran google.  Website / web yang dimaksud pada postingan ini adalah situs web bernama Blog. Blog adalah aplikasi situs web dari blogger.com milik google.com yang dapat diakses di seluruh jaringan internet. Website blog dicirikan dengan nama blogspot seperti contoh pada gambar di atas yaitu www.bogorbangkok.blogspot.com. Membuat blog gratis dari google blogspot yang gratisan ini adalah pilihan yang tepat, karena dengan dukungan google.com sebagai search engine (mesin pencari) utama saat ini telah membuat web blog dominan tampil di halaman pertama penelusuran google.

Bagaimana cara membuat blog gratis?

1. Buat akun email di google, contoh namaakun@gmail.com

2. Daftar ke www.blogger.com, masukkan nama email dan password, dan klik masuk.

3. Ikuti tahapan www.blogger.com tersebut, yaitu klik lanjutkan ke blogger >> blog baru >> tuliskan/ isikan judul, nam blog, pilih template >> klik buat blog, maka situs/web baru sudah jadi.

4. Buat artikel tulisan, dan klik publikasikan, maka artikel siap tampil di internet.

Tahapan atau cara membuat blogspot gratis di atas tampak sederhana, namun akan sulit bagi para pemula. Maka dalam postingan ini akan diuraikan tahapan untuk membuat website blogspot gratis secara detil dan bergambar. Berikut tahapan cara bikin blog baru tersebut.

MEMBUAT AKUN GMAIL DI GOOGLE

Akun email di google (namaakun@gmai.com) harus ada sebelum membuat blogspot gratis. Akun gmail adalah wadah untuk masuk dan mengedit situs blogspot atau blogger. Nantinya setiap satu akun gmail dapat memiliki lebih dari satu situs blogspot.

Caranya: masuk mail.google.com >> isi data pendaftaran >> isi capta. Ini mirip dengan pendaftaran akun yahoo atau facebook.

Bagi yang belum terbisa buat akun gmail, dapat baca dan klik Tahapan untuk membuat akun gmail di google. 

Setelah memiliki akun gmail, baru kemudian dilanjutkan cadilanjutkan membuat blogspot gratis seperti di bawah ini. 

MENDAFTARKAN BLOG BARU KE BLOGGER.COM

Cara membuat blog gratis adalah dengan masuk dan mendaftar di www.blogger.com. Supaya mudah tinggal klik Buat Blog di Blogger.

Masukkan nama akun gmail dan password, seperti gambar di bawah ini.

Gambar 1. cara bikin blog - cara buat blogspot

Terkadang hanya diminta memasukkan password jika akun gmail masih aktif, yang ditandai masih terpampangnya foto dan nama akun di pojok kanan atas.

klik masuk.

Selanjutnya akan muncul halaman baru bertuliskan "Welcome to Blogger/selamat datang di blogger". Di sebelah kanan halaman tersebut terdapat pilihan langguage/bahasa. Klik dan pilih bahasa Indonesia atau Inggris (AS), atau biarkan saja dulu karena bisa diganti kapan aja setelah blog selesai dibuat. Di tengah halaman terdapat tampilan foto profil dan nama akun gmail.

Lihat diposisi paling bawah dari halaman tersebut, Klik continue to blogger/lanjutkan ke blogger, seperti gambar berikut.

Gambar 2. Bagaimana cara membuat blog gratis - cara bikin blog

Kemudian muncul halaman baru, yang sebagian isinya seperti dibawah ini. 

Gambar 3 cara membuat blog gratis - cara membuat blogspot

Klik blog baru/new blog (lihat tanda anak panah) 

Kemudian muncul halaman baru yang minta diisikan judul/title, alamat/address, dan jenis template untuk dipilih, seperti gambar di bawah ini.

Gambar 4 cara membuat blogspot gratis - cara membuat website

Halaman tersebut adalah untuk pendaftaran nama blog yang baru. Cara pengisiannya dapat dilihat contoh dari BogorBisnet.blogspot 

Ketik judul/title, judul sesuaikan dengan tema/topik utama dari blog. Judul blog juga nanti bisa diganti setelah blog selesai dibuat.

Ketik alamat/address, adalah nama untuk blog. Contoh, nama blog "bogorbisnet" dibuat dengan alasan bahwa blog tersebut tentang bisnis networking atau internet dari bogor. 

Address/alamat akan langsung dicek oleh google apakah nama itu sudah ada yang punya atau tidak. Akan ada pemberitahuan di bawah tulisan. Jika "not available/tidak tersedia" artinya tidak boleh dan nama harus diganti hingga muncul "availabe/tersedia"

Nama blog akan selalu diikuti blogspot.com. Menghilangkan "blogspot" dan mengganti dengan *.com tidak bisa selama masih gratis. Nanti dapat diganti menggunakan jasa pihak ketiga yang terhubung ke google, dan ini berbayar alias tidak gratis.

Pilih template. Template adalah bentuk tampilan situs, terutama warna dasar, bentuk tulisan dan tata letak. Setiap template ada sedikit perbedaan tampilan dengan template lainnya, dan template ini disediakan oleh google sekitar 30 macam. Sekarang pilih saja jenis simple/ sederhana, nanti bisa diganti lagi setelah blog jadi.

Klik create blog/buat blog. 

Berikutnya akan muncul halaman baru seperti gambar di bawah ini. 

Pada halaman tersebut dapat dilihat judul blog yang baru saja selesai dibuat. Ini adalah tanda bahwa blog sudah selesai dan berhasil dibuat.

Pada tampilan tersebut dapat dilihat icon (lambang gambar) seperti icon pensil untuk menulis artikel baru, icon buku untuk masuk ke dasbor blogger/daftar isi blog dan icon lihat blog/view blog untuk melihat tampilan blog. .

Jika penasaran untuk melihat bentuk tampilan blog yang sudah dibuat, silahkan klik view blog/lihat blog. Tampilan situs blog yang baru saja dibuat sudah kelihatan bentuknya, tetapi tampak masih sangat sederhana, belum ada artikel/tulisan, tidak ada gambar menarik, tidak ada menu pulldown, dll. 

Prioritas selanjutnya adalah menulis sebuah artikel

MEMBUAT ARTIKEL PERTAMA KALI DI BLOG

Disini hanya dijelaskan sedikit tentang cara membuat artikel. Cara menulis yang lebih lengkap dapat baca dan klik Cara membuat artikel di blog.

Klik create new post/buat enti baru (icon pencil) seperti gambar di bawah.

Gambar 5 cara membuat blog gratis - cara membuat blogspot gratis

Kemudian muncul halaman baru seperti berikut. 

Gambar 6 cara membuat blog - cara bikin blog

Tulisan pertama ini dibuat yang sederhana dulu. Pertama ketik judul, lalu ketik isinya beberapa baris atau boleh penuh 1 halaman. Tulisan dari word juga dapat dicopikan disini.

Terakhir klik publikasikan, artinya artikel yang dibuat disebarluaskan untuk bisa dilihat oleh publik. 

Sampai disini situs tadi sudah bisa di test dan dilihat. 

Pilih view blog/lihat blog untuk melihat tampilan tulisan tadi. 

Coba cek/dilihat menggunakan halaman penelusuran google. Caranya ketik nama blog yang sudah dibuat. Biasanya akan muncul blog tersebut di halaman pertama paling atas. Jika muncul pertanda situs tersebut sudah masuk ke data google, hanya saja belum bisa dilacak dengan mengetikkan judul tulisan karena belum terindex.

Demikian postingan cara membuat blogspot gratis - tahapan cara bikin blog. Tahap berikutnya dari blog baru adalah belajar cara masuk ke dalam blog, membuat artikel di blog, modifikasi/memperbagus blog, dan lainnya hingga blog baru terdaftar dan terindex di mesin pencari google. Semua ini dapat dibaca dan klik terkait di bawah ini.

KLIK TERKAIT

• Tahapan untuk membuat akun gmail di google
• Panduan praktis masuk akun gmail dan masuk blog
• Panduan bergambar membuat artikel di blog
• Tahapan untuk memperbagus tampilan blog baru

Tahapan untuk membuat akun gmail di google

Postingan: cara buat email di google - cara buat akun gmail

Gambar seperti di atas adalah contoh sebuah akun gmail yang sedang aktif, akan selalu tampil di pojok kanan atas halaman penelusuran google. Dengan mengklik foto profil gmail tersebut maka pemilik akun dapat masuk ke email pribadi dan produk-produk lain dari google seperti website blogger, google+, picasa foto, dan lainnya.

Bagaimana tahapan untuk membuat akun gmail l?

Cara buat email di google bernama *.@gmail.com akan dijelaskan secara detil dalam postingan ini. Cara buat akun gmail tersebut dijelaskan lengkap dengan contoh gambar agar mudah dimengerti terutama oleh pemula. Berikut adalah caranya.

Pertama, dari halaman penelusuran google masuk/kunjungi www.google.com

Praktisnya langsung dari sini klik Daftar Akun Gmail Baru.

Lalu akan tampil halaman pendaftaran untuk diisi seperti gambar berikut.

Daftar isian akun gmail ini hampir sama dengan pendaftaran di yahoo atau facebook.

Berikutnya, tulis nama dengan dua buah kata. Lanjutkan isi nama akun baru (nama pengguna anda/user ID). Google akan mengecek apakah nama akun yang diketik sudah ada yang punya atau belum. Jika sudah ada yang punya akan ada keterangan di bawah tulisan tersebut (not available) dan harus diganti sampai muncul availabel (tersedia)

Selanjutkan ketik sandi/password. Isi password dengan huruf atau angka (sekitar 6 - 20 karakter), yang penting password mudah diingat tetapi tidak mudah ditembus oleh orang lain. Isikan konfirmasi sandi/konfirmasi password persis sama dengan isian pada sandi/password. Jika konfirmasi sandi tidak sama dengan sandi maka akan di tolak.

Isi yang lainnya seperti tanggal lahir dan gender/jenis kelamin.

Nomor telepon boleh diisi atau tidak. Nomor telepon bisa diisi dengan nomor hp yang tidak terpakai tetapi masih bisa nerima, atau dengan nomor kartu yang dipake khusus untuk modem.

Alamat email anda saat ini artinya email lain yang kita punya baik di yahoo atau yang lain, hanya untuk sekedar google bisa konfirmasi, tidak perlu diisi.

Capta atau verifikasi kata, yaitu ketik ulang capta tersebut, ketikan harus persis sama huruf besar/kecil dan ada spasi diantara dua kata tersebut. Jika salah akan muncul capta baru yang harus diisikan lagi sampai benar.

Centang "saya menyetujui ...... atau "I agree .... "

Terakhir adalah klik langkah berikutnya/next

Selanjutnya akan tampil halaman baru seperti gambar dibawah ini

Gambar foto profil yang masih kosong tersebut bisa diganti, namun lewati saja dan klik langkah berikutnya/next.

Kemudian muncul halaman baru bertuliskan "selamat datang". Ini berarti akun baru gmail sudah jadi dan selesai dibuat. Di pojok kanan atas tampil gambar seperti dibawah ini, sebagai pertanda akun gmail sedang aktif.

Jika mau lanjutkan lagi, klik Lanjutkan ke gmail, maka akan tampil email yang baru saja dibuat. Di dalamnya terdapat beberapa email yang dikirim oleh google.

Untuk masuk dan keluar dari gmail maka perhatikan gambar yang ada di pojok kanan penelusuran google. Jika foto profil masih ada pertanda akun masih aktif, jika ingin keluar klik foto dan klik keluar. Jika di pojok kanan atas yang ada adalah icon masuk/sign in pertanda gmail tidak aktif, maka untuk mengaktifkannya klik masuk/sig in, isikan nama akun dan password dan klik masuk/sign in seperti gambar di bawah ini.

Demikian postingan Postingan: cara buat akun gmail di google - cara buat email. Jika belum tahu cara masuk akun gmail ataupun ingin membuat website blogspot gratis dapat klik link terkait di bawah ini.

KLIK TERKAIT

• Panduan praktis masuk akun gmail dan masuk blog
• Tahapan untuk membuat blog gratis

Tahapan untuk memperbagus tampilan blog baru

Postingan: cara memperbagus blog atau blogspot – memperbagus tampilan blog baru

Gambar: cara memperbagus blog - memperbagus tampilan blog baru

Topik cara memperbagus blog sangat sesuai untuk pemula yang baru memiliki web atau situs blogspot. Pada blog baru masih banyak kekurangan yang perlu diperbagus dan dioptimalkan. Optimasi blog baru tersebut bertujuan untuk memperbagus tampilan blog agar lebih menarik dan disukai oleh pembaca/pengunjung.  Salah satu contoh tampilan blogspot gratisan adalah gambar seperti di atas.

Mengoptimasi blog juga bertujuan untuk membuat blog seo friendly, artinya blog baru tersebut akan lebih seo (search engine optimization) atau disukai oleh mesin pencari (search engine) seperti google. Apabila blog sudah digemari oleh pengunjung dan disukai oleh mesin pencari maka blog akan cepat naik peringkat sehingga bisa tampil di halaman depan penelusuran google.

Berikut ini adalah tahapan paling dasar memperbagus blog baru bagi pemula:

1. Membuat dan menambah artikel pada blog baru

Pada blog baru harus diusahakan menambah dan memperbanyak postingan atau artikel. Penambahan artikel dilakukan secara bertahap misalnya setiap hari sekitar 1-2 artikel. Pada awal-awal blog baru diusahakan sebanyak 3 buah artikel dalam beberapa hari atau dalam waktu tidak terlalu lama. Tujuannya agar search engine, yaitu google merasa berkepentingan atau merasa perlu untuk mempercepat proses pengindeksan/indexing blog baru tsb. Menulis artikel blog perlu trik tersendiri seperti misalnya dalam menambahkan label harus sesuai dengan judul dan isi tulisan blog. Bagi pemula perlu mengetahui tips cara menulis artikel blog yang benar, yang dapat dibaca dan klik Panduan bergambar membuat artikel di blog

2. Mengganti template dan memperbagus tampilan blog

Tampilan blog yang masih baru tentu belum sesuai dengan selera dan keiinginan pemiliknya. Tampilan blog yang tidak menarik dikhawatirkan tidak disukai oleh pemirsa/ pembaca/ pengunjung sehingga mereka tidak tertarik berlama-lama di dalam blog tersebut. Dalam hal ini dasbor blogger telah menyediakan beragam pilihan template seperti template sederhana dan template dinamis. Tersedia pula fasilitas “sesuaikan” untuk memperbagus tampilan blog. Cara memperbagus tampilan blog dapat dibaca dan klik Panduan bergambar mengubah tampilan blog baru

3. Menambahkan beberapa widget penting pada blog baru

Beberapa Widget yang penting sering ditampilkan disamping kiri atau kanan blog seperti popular post, seach this, dan pageview di bagian bawah. Setiap widget punya kegunaan masing-masing sehingga perlu dipilih widget yang sesuai untuk blog baru. Disamping itu penambahan beberapa widget di kanan atau kiri blog dapat mempercantik/memperbagus tampilan blog pada blog baru yang masih banyak halaman kosong. Cara menambahkan widget pada blog dapat dibaca dan klik disini.

4. Mendaftarkan blog ke google

Website blog yang masih baru tidak otomatis terdata di mesin pencari google. Karena itu blog baru harus melakukan pendaftaran (submit) url blog menggunakan fasilitas google add url atau webmasters tools submit-url. Url adalah nama website, misalnya url blog ini adalah www.bogorbisnet.blogspot.com. Cara mendaftarkan blog ke google dapat dibaca dan klik Panduan praktis mendaftarkan blog ke search engine

5. Mengirim sitemap untuk indexing blog

Mengirim atau submit sitemap harus dilakukan untuk mempercepat proses pengindeksan/ indexing blog, terutama indexing artikel yang ada pada blog. Sitemap adalah peta website/blog (bukan seperti peta bumi/lokasi) yang menggambarkan situasi artikel yang ada di suatu blog, sehingga jika petanya sudah diketahui maka artikel dalam blog tersebut akan mudah dan cepat terbaca/terindeks/terlacak oleh mesin pencari. Jenis sitemap yang tersedia seperti atom, rss atau sitemap.xml didaftarkan melalui google webmaster tools. Jenis dan cara submit sitemap dapat dibaca dan klik Tahapan untuk membuat sitemap di blog baru

6. Mendapatkan dan menambahkan kode verifikasi google

Kode verifikasi google (google verification code) perlu pula diminta melalui google webmasters, dan kemudian dimasukkan ke dalam blog (di-copi) agar blog baru tambah lebih menyakinkan mesin pencari google. Cara mendapatkan dan menambahkan google verification code dapat dibaca dan klik Panduan praktis untuk verifikasi blog di search engine

Demikian postingan memperbagus tampilan blog baru pada blogspot  – cara memperbagus blog, semoga bermanfaat.  

KLIK-TERKAIT

• Panduan bergambar membuat artikel di blog
• Panduan bergambar mengubah tampilan blog baru
• Panduan praktis mendaftarkan blog ke search engine
• Tahapan untuk membuat sitemap di blog baru
• Panduan praktis untuk verifikasi blog di search engine

Panduan praktis masuk akun gmail dan masuk blog

Postingan: cara masuk akun gmail di google - cara masuk blog sendiri 

Bagaimana cara masuk akun gmail?

Cara masuk akun google gmail adalah: dari penelusuran google klik sign-in/masuk >> isi nama akun dan pasword >> klik gambar akun >> klik akun >> klik produk >> klik gmail.

Bagaimana cara masuk blog sendiri?

Masuk akun google gmail terlebih dahulu >> pilih produk blogger >> daftar entri/post list

Pada postingan ini akan diberikan panduan praktis cara masuk akun gmail, yang kemudian dilanjutkan penjelasan cara masuk ke blog sendiri khususnya bagi pemula yang baru saja membuat akun gmail dan website blogspot.

CARA MASUK AKUN GMAIL

Dari penelusuran google, klik sign in/masuk (anak panah), seperti gambar berikut:

Isi nama akun, password dan tekan enter atau klik sign in/masuk, seperti gambar bawah.

Kemudian akan tampil akun lengkap foto di pojok kanan atas seperti gambar di bawah.

Gambar akun dan foto yang tampil di pojok kanan pertanda akun sedang aktif. Klik gambar foto, maka akan tampil pilihan account-akun, privacy-privasi, view profile-lihat profil, add account-tambahkan akun, sign out-keluar, seperti di bawah ini.

Jika ingin keluar atau menutup akun tinggal klik sign out-keluar.

Jika ingin melanjutkan masuk akun gmail atau masuk ke blogger tinggal klik account-akun, maka akan tampil seperti gambar berikut ini.

Klik product-produk, maka akan muncul beragam produk yang terkait dengan akun google, yaitu gmail (untuk lihat email masuk dan keluar), blogger (website blogspot jika sudah pernah membuat blog sebelumnya), google+ (semacam face book dari produk google), dll.

Bagi yang mau masuk ke email tinggal klik gmail, maka akan muncul email google yang berisikan kotak masuk (inbox) dan lainnya. 

Sampai disini berarti sudah berhasil masuk akun google/gmail. Jika ingin keluar tinggal di klik tanda silang (x).

CARA MASUK KE BLOG / BLOGSPOT

Untuk masuk ke blogger tinggal dilanjutkan tahapan masuk akun gmail yang sudah dijelaskan di atas.

klik blogger pada pilihan produk (your product), maka akan tampil dasbor blogger seperti gambar di bawah ini.

Tampilan di atas namanya Blogger Dashboard atau Dasbor Blogger, yang merupakan tempat untuk segala aktifitas web blogspot, sep. editing, modifikasi, artikel, dll.

Klik post list-daftar entri (lihat anak panah di icon/gambar buku), dan akan tampil semua fasilitas dasbor blogger yang diperlukan untuk editing/modifikasi blog.

Alternatif lain cara masuk ke blog adalah melalui halaman penelusuran google. Blog di telusuri dahulu (ketik nama blog di penelusuran google), jika sudah tampak di halaman pertama tinggal klik, maka blog akan tampil. Di halaman tampilan blog paling bawah cari tulisan “blogger”, dan klik blogger, lanjutkan isi nama akun gmail dan password, enter, dan akhirnya tampil dasbor blogger seperti gambar di atas.

Demikian postingan cara masuk akun gmail di google dan cara masuk blog sendiri, dan bagi pemula yang belum memiliki website blogspot silahkan klik terkait dibawah ini.  

KLIK TERKAIT 

• Tahapan untuk membuat blog gratis
• Tahapan untuk memperbagus tampilan blog baru