Trending
Loading...
  • PANDUAN DESAIN
  • PANDUAN SEO
  • BISNIS ONLINE

Tab 1 Top Area

Panduan SEO

Bisnis Online

Recent Post

Senin, 08 Desember 2014
Inilah Cara Mengubah Tahun Copyright Footer Blog Otomatis  Rubah

Inilah Cara Mengubah Tahun Copyright Footer Blog Otomatis Rubah

panduan blog
Ini adalah cara mencantumkan tahun yang sedang berjalan di blog atau website pada umumnya, contohnya Copyright (c) 2014 Nama Blog. All rights reserved.

Setiap pergantian tahun, maka tahun copyright di footer blog Anda pun harus diubah dong nanti, misalnya dari 2014 menjadi 2015.

Nah, dengan sebuah kode, kita gak usah repot-repot edit HTML template untuk mengubahnya setiap pergantian tahun. Kode ini akan otomatis menampilkan tahun yang sedang berjalan, tanpa harus edit template.

Cara Mengubah Tahun Copyright Footer Blog secara Otomatis 

Jika kode copyright di footer blog Anda sudah seperti kode di bawah ini, tentu tidak harus diubah lagi.

Jika kodenya biasa saja, misalnya seperti ini:
  • Copyright 2014 <a href="URL-BLOG">Nama Blog</a>. All Rights Reserved
  • Copyright 2014 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All Rights Reserved
Maka, ubahkan dengan kode berikut ini:

Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.

Cara mengubahnya:
1. Template > Edit HTML
2. Cari (Ctrl+F) kode "Copyright" (biasanya di bagian bawah)
3. Pastikan kodenya seperti kode di atas. Jika tidak, ganti (replace) dengan kode di atas.
4. Save Template!

Dengan begitu, maka tahun copyright di footer kita akan berubah secara otomatis tiap pergantian tahun.

Hasilnya akan seperti ini:
Copyright © 2014 Contoh Blog. All Rights Reserved.

Tahun depan akan seperti ini:
Copyright © 2015 Contoh Blog. All Rights Reserved.







9 Tips SEO Dasar untuk Blog Blogspot

9 Tips SEO Dasar untuk Blog Blogspot

9 Tips SEO Dasar untuk Blog Blogspot
BANYAK blogger "frustrasi" karena pengunjungnya sedikit. 9 Tips SEO Dasar untuk Blog Blogspot ini bisa mendongkrak jumlah pembaca blog dan menambah semangat blogging.

Menerapkan Tips SEO saat ini WAJIB dilakukan, terutama jika posting kita setema atau setopik dengan posting blogger lain.

Search Engine Optimization (SEO) akan menjadi pembeda karena akan menempatkan sebuah posting (blog) di posisi atas, minimal di halaman pertama, halaman hasil pencarian (SERP).

Berikut ini 9 Tips SEO Dasar untuk Blogger pemula. CB sadur dari Shout Me Loud dengan beberapa penambahan & pengurangan (edit).

1. Optimalkan Post Permalink.
Usai menulis, edit menu "Permalink" di sidebar kanan. Klik "Permalink" > pilih "Custom Permalink", terutama jika judul posting Anda panjang dan "rumit".
  • Usahakan jumlah huruf (karakter) judul posting tidak lebih dari 50 karakter.
  • Hapus "stop words" atau kata-kata yang tidak perlu di permalink, seperti "sebuah", "untuk", "dan", "yang", "bagi", "ke", "kepada", dll.
  • Contoh: 10 Tips SEO Dasar untuk Blog Blogspot diubah menjadi 10-Tips-SEO-Dasar-Blog -Blogspot. (Jangan lupa gunakan tanda pisah/strip antar-kata).
2. Atur Kepadatan Kata Kunci
Kepadatan kata kunci (keyword density) adalah aspek penting untuk ranking lebih baik. Namun, harus pas! Jika kebanyakan, akan dianggap spam dan menurunkan peringkat. Jika kurang, kurang pula ranking blog di SERP. Kepadatan kata kunci dalam posting blog sekitar 2%.

4. Gunakan Label (Kategori) dan Related Posts
Label menambah keyword density posting. Label juga berdampak pada daftar posting terkait. Gunakan 2-3 Label dalam setiap posting blog.

5. Format Judul Posting Blog
Gunakan Meta Tag Title SEO Friendly. Ganti kode berikut ini di template blog Anda.

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

menjadi

<b:if cond= 'data:blog.pageType == &quot;index&quot;'> 
<title><data:blog.title/></title> 
<b:else/> 
<title><data:blog.pageName/></title> 
</b:if>

6. Format Gambar (Image) untu SEO
Lakukan optimisasi gambar, image, atau foto ilustrasi dengan mengisi "title text" dan "alt text" yang sesuai dengan nama file gambar dan kata kunci atau judul posting. Jangan biarkan gambar di blog Anda tanpa deskripsi (alt text). (Baca: 5 Cara Optimisasi Gambar untuk SEO Blog).

7. Provide Meta Tags
Meta Tags adalah tag HTML yang digunakan mesin pencari untuk mengidentifikasi judul, deskripsi, dan rician URL lainnya. Maka, gunakan Meta Tags SEO Friendly.

Jangan lupa isi Meta Tags di Dashboard Blog: Setting > Basic > Meta Tags > Description, lalu pilih "Yes" Enable search description.

Saat menulis posting, isi pula menu "Search Description" di sidebar kanan.

8. Gunakan "Nofollow" untuk Link Eksternal
Gunakan atribut "Nofollow" untuk tautan keluar (external link).

9. Cobalah memasukkan kata kunci saat menjawab komentar.
Gunakan pula media sosial Google Plus untuk share posting blog secara otomatis. Buat juga Google Page sebagai "Publisher" posting blog Anda.

Demikian 9 Tips SEO Dasar untuk Blog Blogspot. Jangan lupa manfaatkan pula Webmaster Tools untuk membuat Sitemap & Google Analytic untuk memantau pengunjung.

Trik SEO Blog lainnya bisa disimak di Tips SEO Blog.

Sambil optimisasi seo blog, mari nikmati musik asyik Kitaro ini :)

 
Selasa, 02 Desember 2014
no image

Panduan Cara Pasang Player Musik/Lagu MP3 di Blog

Ini adalah panduan cara Memasang player lagu di blog tidak dianjurkan. Pasalnya, ia tidak dibutuhkan mayoritas pengunjung karena mereka juga punya koleksi musik/lagu di komputernya masing-masing, juga bisa download lagu yang mereka sukai.

Namun, jika Anda tetap "maksa" mau pasang, atau memang ada file MP3 yang akan disisipkan dalam posting blog atau dipasang di sidebar, ini dia cara Cara Pasang Player Musik/Lagu MP3 di Blog.

Ada dua langkah utama:
1. Membuat Blog Penyimpan Lagu/Musik/File MP3 di Site Google.
2. Membuat atau Memasang Kode Music Player-nya.

LANGKAH PERTAMA
  1. Login ke Akun Google/Blogger Anda.
  2. Buka Google Site.
  3. Klik "Create" 
  4. Choose "Blank Template" 
  5. Kasih Nama 
  6. Pilih "Create"
  7. Cari dan pilih menu "Page Settings"
Selanjutnya? Hmm... agak ribet nin. Silakan langsung ke TKP aja ya. Buka saja link ini "Embed MP3 in Blogger".

Cara Lain Pasang Player Musik/Lagu MP3 di Blog:

Ini contohnya: Selamat Bergoyang :)



Senin, 01 Desember 2014
Panduan Cara Membuat Widget Popular Posts Bagus di Blog

Panduan Cara Membuat Widget Popular Posts Bagus di Blog

panduan blog
Membuat Widget Popular Posts Bagus seperti yang bisa dilihat di blog-blog orang sangat gampang. Anda tinggal menambahkan kode CSS di template blog.

Namun, sebelumnya, tentu Anda harus memasang dulu Widget Popular Postnya di Sidebar blog.

Popular posts berfungsi sebagai navigasi menu dan internal link yang bagus buat blog dan dianjurkan oleh Google. Dengan internal link, blog kita jadi User Friendly.

Salah satu Cara Membuat Widget Popular Posts Keren di Blog:
  1. Di Blogger Dashboard, klik menu "Layout"
  2. Klik “Add a Gadget” di Sidebar
  3. Tambahkan/Pilih “Popular Posts Widget” 
  4. Centang pilihan sesuai selera, bisa dengan gambar, ringkasan, atau dua-duanya. Bisa juga cuma judul doang.
  5. Save!

Langkah menambah style Popular Post Widget

  1. Klik menu "Template" > "Edit HTML"
  2. Cari (Ctrl + F) kode </b:skin>
  3. Copy + Paste kode berikut ini sebelum atau di atas  kode </b:skin> tadi.
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}

.popular-posts ul li a:hover {
text-decoration:none;
}

Selamat, Anda sudah Membuat Widget Popular Posts Keren di Blog!


Cara Membuat Navigasi Halaman Blog dengan Nomor

Cara Membuat Navigasi Halaman Blog dengan Nomor

Cara Membuat Navigasi Halaman Blog (Numbered Page Navigation) dengan Nomor di bagian bawah Homepage.

Cara Membuat Navigasi Halaman Blog dengan Nomor
NAVIGASI halaman merupakan bagian dari internal link (tautan internal) yang dianjurkan oleh Google. Fungsinya untuk memudahkan user mengeksplorasi konten blog kita.

Demonya bisa dilihat di bagian bawah halaman depan (Home) blog ini.

Berikut ini cara mudah membuat Numbered Page Navigation atau Navigasi Halaman blog:

1. Template > Edit HTML
2. Copas kode berikut ini di bawah kode ]]></b:skin>

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

3. Copas kode berikut ini di atas </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

4. Save template!

Model atau gaya Navigasi Halaman Blog dengan Nomor lainnya bisa dilihat di Help Blogger.*
Memasang Tombol Pinterest di Gambar Posting Blog

Memasang Tombol Pinterest di Gambar Posting Blog

Cara Menambah, Menampilkan, atau Memasang Tombol Pinterest di Gambar Posting Blog.

Memasang Tombol Pinterest di Gambar Posting Blog
PINTEREST merupakan salah satu media sosial yang terus berkembang dan kian populer. Media sosial yang mirip instagram --fokus ke gambar/foto-- ini bisa mendongkrak popularitas blog dan menambah seo social media blog.

Kita bisa Memasang Tombol Pinterest di Gambar Posting Blog agar user atau kita sendiri dengan mudah share gambar dan posting blog ke akun Pinterest.

Btw, membuat akun di Pinterest bagus buat membuat backlink gratis blog kita, sekaligus Social Media SEO --salah satu dari 3 pilar seo blog selain link dan konten.

Ini dia cara Memasang Tombol Pinterest di Gambar Posting Blog

1. Template > Edi HTML
2. Copas kode berikut ini di atas kode  </body>

<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMyEDVN-U04x00D1AYplBoZXT1PCiemOoDI7jRta-YOxTDAt3GV0hRvN8u7lOlQVbwZduEgZ5N7rBNPKM85efbdWsROdI4jPbW3nD95hXQwve3QnBJ3joP5tfp_ESJ9eW9hHPuH1rn_IF4/s1600/pinit-button.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='pinit-img-button' src='http://helplogger.googlecode.com/svn/trunk/pinterest-button1.js' type='text/javascript'>
</script>


3. Save template!

Selamat, Tombol Pinterest sudah terpasang di  Gambar Posting Blog Anda!

Belum punya akun pinterest? Buat Sekarang!

Copyright © 2012 PANDUAN BLOGnih All Right Reserved
TERIMA KASIH
Back To Top