Welcome.....!!!
Thank you for visiting my blog...
Enjoy.....
Friday 17 January 2014
Friday 24 February 2012
Kanata Blogger Template | Tutorial Blog
Template Features
| Platform Type | Blogger / Blogspot |
| Template Name | Kanata Blogger Template |
| Description | Kanata is a free blogger template adapted from WordPress with 2 columns, left sidebar and grunge style. |
| Template Author | http://btemplates.com/author/deluxe-templates/ |
| Designer | 9th Sphere |
| Instructions URL | How to install Blogger Template |
Wednesday 22 February 2012
Red Light Blogger Template | Tutorial Blog
Template Features
| Platform Type | Blogger / Blogspot |
| Template Name | Red Light Blogger Template |
| Description | Red Light is a free blogger template adapted from WordPress with 3 columns, sidebar on the right and left, grunge style and vectorial elements. |
| Template Author | http://btemplates.com/author/falcon-hive/ |
| Designer | TemplateLite |
| Instructions URL | How to install Blogger Template |
Tuesday 21 February 2012
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 = '';
function showHide(id)
{
var obj = document.getElementById(id);
var status = obj.className;
if (status == 'hide') {
if (last_expanded != '') {
var last_obj = document.getElementById(last_expanded);
last_obj.className = 'hide';
}
obj.className = 'show';
last_expanded = id;
} else {
obj.className = 'hide';
}
}
</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...
Monday 20 February 2012
Photoplus Blogger Template | Tutorial Blog
Template Features
| Platform Type | Blogger / Blogspot |
| Template Name | Photoplus Blogger Template |
| Description | Photoplus is a free premium blogger template with 3 columns, gallery-styled, perfect for photologs and minimalist.Excellent layout for blogs about photography. |
| Template Author | http://btemplates.com/author/dante-araujo/ |
| Designer | Dante Araujo |
| Instructions URL | How to install Blogger Template |
Sunday 19 February 2012
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.
Saturday 18 February 2012
Web Blog Blogger Template | Tutorial Blog
Template Features
| Platform Type | Blogger / Blogspot |
| Template Name | Web Blog Blogger Template |
| Description | Web Blog is a free blogger template with 2 columns, right sidebar, slideshow and abstract. |
| Template Author | http://btemplates.com/author/alexiel/ |
| Designer | Template Mo |
| Instructions URL | How to install Blogger Template |
Subscribe to:
Posts (Atom)