Cara Membuat Favicon berbeda antara home dan posting


Masih di Variasi Blogger share Cara Membuat Favicon berbeda antara home dan posting cekidot

Silahkan sobat Copy Paste script di bawah ini simpan sesudah kode ]]> di blog sobat



Kanata Blogger Template

Kanata Blogger Template | Tutorial Blog

Template Features
Platform TypeBlogger / Blogspot
Template NameKanata Blogger Template
DescriptionKanata is a free blogger template adapted from WordPress with 2 columns, left sidebar and grunge style.
Template Authorhttp://btemplates.com/author/deluxe-templates/
Designer9th Sphere
Instructions URL How to install Blogger Template
Kanata Blogger Template
Source : btemplates.com

Cara Membuat pesan bergambar di blog





Masih di Variasi Blogger share Cara Membuat pesan bergambar di blog cekidot

Silahkan sobat Copy Paste script di bawah ini simpan sebelum kode ]]> di blog sobat

/* to top */
#toTop {
width:100px;
background:none;
border:0px solid #ccc;
text-align:center;
padding:5px;
position:fixed;
bottom:10px;
right:10px;
cursor:pointer;
color:#666;

Cara Mengetahui Rangking blog di Alexa


Masih di Variasi Blogger share Cara Mengetahui Rangking blog di Alexa cekidot

Silahkan sobat langsung kunjungi situs Alexa untuk memasang Alexa Toolbar nya pada browser sobat, kemudian sobat akan melihat gambar seperti di bawah ini




Silahkan klik pada tulisan Join the Alexa Toolbar Community kemudian sobat akan di arahkan kembali seperti gambar di bawah ini




Silahkan klik kembali pada

Red Light Blogger Template

Red Light Blogger Template | Tutorial Blog

Template Features
Platform TypeBlogger / Blogspot
Template NameRed Light Blogger Template
DescriptionRed Light is a free blogger template adapted from WordPress with 3 columns, sidebar on the right and left, grunge style and vectorial elements.
Template Authorhttp://btemplates.com/author/falcon-hive/
DesignerTemplateLite
Instructions URL How to install Blogger Template
Red Light Blogger Template
Source : btemplates.com

Tutorial Daftar Alexa dan verifikasi di blog







Masih di Variasi Blogger share Tutorial Daftar Alexa dan verifikasi di blog cekidot Mungkin para Master blogger sudah pada tahu dong Alexa maap jika saya sok tahu menerjemaahkan tentang Alexa , Nah bagi yang belum mengetahuinya saya beri ulasan sedikit tentang Alexa, Alexa adalah salah satu alat untuk mengetahui perkembangan, kualitas dan popularitas dari web yang kita miliki, apakah itu

Menu Dropdown dengan Background

Menu Dropdown dengan Background | Tutorial Blog

Dulu saya pernah posting cara Membuat Menu Dropdown, pada postingan ini kita akan membuat menu dropdown dengan background image.
Buat Sobat yang ingin mencoba silakan ikuti tutorial berikut :
  • Login ke blogger Anda, klik menu Design > Edit HTML.
  • Lalu beri centang expand widget templates, sebaiknya backup dulu template Anda.
  • Cari kode <b:skin><![CDATA[, lalu letakkan kode berikut diatasnya.
    <script>
    var last_expanded = &#39;&#39;;
    function showHide(id)
    {
    var obj = document.getElementById(id);
    var status = obj.className;
    if (status == &#39;hide&#39;) {
    if (last_expanded != &#39;&#39;) {
    var last_obj = document.getElementById(last_expanded);
    last_obj.className = &#39;hide&#39;;
    }
    obj.className = &#39;show&#39;;
    last_expanded = id;
    } else {
    obj.className = &#39;hide&#39;;
    }
    }
    </script>
  • Kemudian cari kode ]]></b:skin>, letakkan kode berikut ini diatasnya.
    .dropdown-b {
    background-image:url('http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/tombol_menu1.gif');
    text-align:center;
    width:165px;
    font-family: georgia, Helvetica, sans-serif;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom: 10px;
    margin-top: 4px;
    display:block;
    text-decoration: none;
    color: #000000;
    height: 8px;
    }
    .dropdown-bg {
    background-image: url('http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/tombol_menu2.gif');
    text-align:center;
    width:165px;
    font-family: georgia, Helvetica, sans-serif;
    padding-left:20px;
    padding-right:20px;
    padding-top:13px;
    padding-bottom: 10px;
    display:block;
    text-decoration: none;
    color: #000000;
    height: 8px;
    }
    .hide{
    display: none;
    }
    .show{
    display: block;
    }
    a{cursor: hand}
  • Lalu klik Save Template.
  • Kemudian klik menu Design > Page Element > Add a Gadget.
  • Pilih HTML/Javascript, lalu masukkan kode berikut ini :
    <a class="dropdown-b" onclick="showHide('dropdown-b-1')">Menu 1</a>
    <div id="dropdown-b-1" class="hide">
    <a href="URL" class="dropdown-bg">Link 1</a>
    <a href="URL" class="dropdown-bg">Link 2</a>
    <a href="URL" class="dropdown-bg">Link 3</a>
    <a href="URL" class="dropdown-bg">Link 4</a>
    </div>
    <a class="dropdown-b" onclick="showHide('dropdown-b-2')">Menu 2</a>
    <div id="dropdown-b-2" class="hide">
    <a href="URL" class="dropdown-bg">Link 1</a>
    <a href="URL" class="dropdown-bg">Link 2</a>
    <a href="URL" class="dropdown-bg">Link 3</a>
    <a href="URL" class="dropdown-bg">Link 4</a>
    </div><a class="dropdown-b" onclick="showHide('dropdown-b-3')">Menu 3</a>
    <div id="dropdown-b-3" class="hide">
    <a href="URL" class="dropdown-bg">Link 1</a>
    <a href="URL" class="dropdown-bg">Link 2</a>
    <a href="URL" class="dropdown-bg">Link 3</a>
    <a href="URL" class="dropdown-bg">Link 4</a>
    </div><a class="dropdown-b" onclick="showHide('dropdown-b-4')">Menu 4</a>
    <div id="dropdown-b-4" class="hide">
    <a href="URL" class="dropdown-bg">Link 1</a>
     <a href="URL" class="dropdown-bg">Link 2</a>
    <a href="URL" class="dropdown-bg">Link 3</a>
    <a href="URL" class="dropdown-bg">Link 4</a>
    </div>
  • Terakhir klik tombol Save. Selesai...
Silakan dicoba Sob, semoga berhasil membuat Menu Dropdown dengan Background.

Photoplus Blogger Template

Photoplus Blogger Template | Tutorial Blog

Template Features
Platform TypeBlogger / Blogspot
Template NamePhotoplus Blogger Template
DescriptionPhotoplus is a free premium blogger template with 3 columns, gallery-styled, perfect for photologs and minimalist. Excellent layout for blogs about photography.
Template Authorhttp://btemplates.com/author/dante-araujo/
DesignerDante Araujo
Instructions URL How to install Blogger Template
Photoplus Blogger Template
Source : btemplates.com

Optimasi SEO Menggunakan Anchor Text

Optimasi SEO Menggunakan Anchor Text | Tutorial Blog

Anchor text merupakan sebuah teks berisi tautan link yang menuju pada sebuah halaman. Anchor Text dapat meningkatkan pageview, memperbanyak backlink dan meningkatkan trafik. hal tersebut dapat membuat sebuah situs memiliki tempat penting pada halaman Search Engine Result Page (SERP).
Dalam membuat Anchor text sebaiknya mengandung kata kunci yang di targetkan, menarik, dan mengandung arti yang mudah di mengerti.
Berikut beberapa contoh penulisan kode html untuk membuat anchor text :
  • Membuat Anchor Text sesuai judul Blog.
    <a href="http://wadahtutorial.blogspot.com/">Tutorial Blog</a>
  • Membuat Anchor Text untuk salah satu artikel.
    <a href="http://wadahtutorial.blogspot.com/2011/12/widget-recent-comment-valid-xhtml.html">Widget Recent Comment Valid XHTML</a>
  • Membuat Anchor Text pada image.
    <a href="http://wadahtutorial.blogspot.com/"><img alt="Tutorial Blog" border="0" src="Url Image" />Tutorial Blog</a>
Beberapa hal yang perlu diperhatikan dalam penggunaan anchor text :
  • Kerapatan keyword dalam sebuah postingan. Beberapa forum SEO menyarankan kerapatan anchor teks yang baik minimal 300 karakter terdapat 1 anchor text.
  • Jumlah karakter anchor text maksimal 60 karakter, karena search engine biasanya mengambil 60 karakter terdepan dari keyword. Jika lebih terkadang search engine tidak mampu mengindeks keywordnya.
  • Anchor text untuk link di dalam blog sebaiknya berhubungan dengan judul postingan atau lebih baik jika keyword yang di gunakan juga terdapat di judul postingan, meta tag, judul blog, nama domain dan deskripsi blog agar robot searcgh engine memberi bobot relevansi yang tinggi. Jika halaman target di luar blog Anda sebaiknya gunakan keyword yang berhubungan dengan judul halaman yang akan di link.
  • Perhatikan pesaing Anda di google search, jika kita menggunakan blog yang masih rendah Pageranknya, sebaiknya lakukan optimasi dari keyword yang rendah saingannya. contoh: keyword Bisnis Online lebih ketat persaingannya dibanding keyword Teknik Bisnis Online, Bisnis Online untuk pemula. Usahakan mendapatkan backlink dengan keyword yang anda optimasi tersebut agar cepat muncul di halaman pertama mesin pencari.
  • Optimasi keyword seiring dengan peningkatan trafik, jika di dalam sebuah blog terlalu banyak link tetapi jumlah kunjungan berkurang, maka akan menyebabkan pagerank halaman tersebut berkurang. Dan bisa mempengaruhi google pagerank blog secara keseluruhan. Semakin banyak keyword yang anda pasang maka semakin banyak trafik yang dibutuhkan untuk mengimbangi, agar pagerank halamannya bisa bertahan atau meningkat.(sebagai catatan: setiap halaman mempunyai pagerank sendiri).
  • Anda bisa melakukan rotasi anchor teks, misalnya dalam 3 bulan pertama gunakan Cara Mudah Belajar Bisnis Online untuk pemula, kemudian 3 bulan berikutnya ganti dengan Teknis Bisnis Online, dalam melakukan rotasi sebaiknya gunakan potongan dari keyword awal, dengan catatan anda harus menambah kalimat baru untuk menempatkan keyword baru tanpa mengubah struktur kalimat lama.
  • Terus membuat keyword baru pada postingan baru, karena search engine senang jika mendeteksi update pada blog/website.
  • Anchor text Anda perlukan untuk membangun backlink, bisa dengan melakukan link antar halaman dalam sebuah blog, atau link dari blog lain ke blog anda.
  • Hindari penggunaan anchor teks yang kurang tepat, misal : d@wnload (kombinasi simbol dan alfabet), dan kata tidak baku lainnya.
  • Hindari menggunakan keyword yang tidak dikenali oleh search engine. misalnya dalam pertukaran link menggunakan kata : Namapemilikblog, url tetap terindeks, tetapi penempatan keywordnya yang kurang tepat,karena mungkin 50% pengguna internet jarang mencari nama atau url di search engine saat mencari blog, terkecuali jika blog anda sudah terkenal maka biasanya banyak pengunjung yang mengetikkan nama anda untuk menemukan blog.
Semoga artikel ini bermanfaat buat kita dalam optimasi blog.

Tutorial Cara Membuat Blog di Blogger


Masih di Variasi Blogger share Tutorial Cara Membuat Blog di Blogger cekidot

Sebelum sobat membuat blog di blogger ini , sobat harus tentu sudah memiliki account email jika belum silahkan membuat terlebih dahulu di gmail login atau yahoo email , sesuai selera sobat hehehe.. , jika sobat sudah membuat email silahkan sobat menuju situs http://www.blogger.com , nanti sobat akan di bawa ke halaman

Web Blog Blogger Template

Web Blog Blogger Template | Tutorial Blog

Template Features
Platform TypeBlogger / Blogspot
Template NameWeb Blog Blogger Template
DescriptionWeb Blog is a free blogger template with 2 columns, right sidebar, slideshow and abstract.
Template Authorhttp://btemplates.com/author/alexiel/
DesignerTemplate Mo
Instructions URL How to install Blogger Template
Web Blog Blogger Template
Source : btemplates.com

Menampilkan Tag Clouds di Blogger

Menampilkan Tag Clouds di Blogger | Tutorial Blog

Selain label dalam bentuk daftar, blogger juga menyediakan label dalam bentuk Cloud, jika fitur ini diaktifkan, label yang lebih populer muncul dalam font yang lebih besar daripada label yang kurang populer.
Berikut cara Menampilkan Tag Clouds di Blogger :
  • Login ke akun anda klik Dasbor > Design > Page Elements > Add a Gadget.
  • Kemudian pilih Label. Pada display ganti dari Daftar menjadi Cloud.
    Menampilkan Tag Clouds di Blogger
  • Lalu klik Save.
Sekarang Lihat blog anda, label clouds harusnya sudah di tampilkan. Kalau belum berhasil, lanjutkan dengan langkah berikut :
  • Klik Design > Edit HTML, beri centang pada Expand Template Widget.
  • Copy kode dibawah ini, letakkan tepat di atas kode ]]></b:skin>
    /* Label Cloud Styles */
    #labelCloud {text-align:center;font-family:arial,sans-serif;}
    #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
    #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
    #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
    #labelCloud a{text-decoration:none}
    #labelCloud a:hover{text-decoration:underline}
    #labelCloud li a{}
    #labelCloud .label-cloud {}
    #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
    #labelCloud .label-cloud li:before{content:"" !important}
  • Copy kode dibawah ini, letakkan tepat di bawah kode ]]></b:skin>
    <script type='text/javascript'>
    // Label Cloud User Variables
    var cloudMin = 1;
    var maxFontSize = 20;
    var maxColor = [0,0,255];
    var minFontSize = 10;
    var minColor = [0,0,0];
    var lcShowCount = false;
    </script>
  • Simpan template Anda dan lihat hasilnya!.
Sekian tutorial tentang Menampilkan Tag Clouds di Blogger.

Macam - macam Teks Area di Blog


Masih di Variasi Blogger share Macam - macam Teks Area di Blog cekidot

Silahkan sobat pilih dan Copy Paste script di bawah ini simpan di blog sobat