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