Monday, 16 April 2012

Meta Tag Deskripsi Setiap Posting Berbeda

Meta tag deskripsi setiap posting berbeda 

adalah membuat tag deskripsi yang menerangkan dari setiap judul posting blog kita. Meta tag deskripsi ini berguna untuk memperkuat uraian atau deskripsi dari apa yang kita posting. Blogspot berbeda dengan yang dulu. Dulu membuat meta tag menggunakan HTML kolektif yang menunjukkan deskripsi setiap posting. Itu untuk posting yang hampir mirip. Nah bagaimana jika kita memposting dengan judul dan tema yang jauh berbeda. Tentu kita menggunakan meta tag deskripsi setiap posting berbeda pula. Nah untuk melakukannya kita hanya memanfaatkan fitur baru blogger yang lebih mutahir dan memudahkan kita.

Dahulu kita menggunakan meta tag deskripsi adalah dengan kode berikut :
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/>JUDUL BLOG KITA </title>
<b:if cond='data:blog.url == &quot;http://www.sejutatrikblogger.com/&quot;'> <meta content='DESKRIPSI BLOG KITA' name='description'/> </b:if>
<b:else/>
<title><data:blog.pageName/>|JUDUL BLOG KITA</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>

INGAT! Cara di atas hanya mengubah judul di setiap artikel posting kita yang menyertai nama blog kita. Bagaimana dengan deskripsi setiap posting? hasilnya adalah sama. Dengan menggunakan post setting saja kita bisa menambah meta tag deskripsi setiap posting "berbeda".

Cara menambah meta tag deskripsi berbeda pada posting 

posting seperti biasa, dan pada kanan atas akan muncul post setting
post setting
 Jika diklik akan muncul seperti ini

meta tag deskripsi
Tinggal klik done maka meta tag deskripsi akan otomatis berbeda dengan deskripsi kolektif blog kita.

Kelebihan dari menggunakan meta tag deskripsi bawaan blogspot ini yaitu :

1. Setiap posting memilik meta tag deskripsi yang berbeda
2. Setiap posting memiliki kaitan atau uraian dari posting kita (bukan deskripsi judul blog)
3. Setiap meta tag deskripsi yang belum diisi jika kita mengubah Custom Robots Tag maka akan meneyebabkan Short Meta Tag Description (meta tag pendek)
4. Indek google akan memilih meta tag ini dari pada bawaan HTML
5. Tentu memudahkan kita mengganti setiap deskripsi judul posting

Demikianlah menambah meta tag deskripsi setiap posting berbeda di blogspot. Dengan adanya fitur ini, tentu blogspot tidak akan ketinggalan dari penyedia blog gratisan. Ya ga? Jika teman-teman memiliki masalah atau masukan, boleh kiranya berbagi di komentar.

Happy blogging by sejuta trik blogger

read more...

Cara Mecegah Copy Paste Pada Blog

Setelah sekian lama tidak posting dikarenakan masih banyak urusan yang harus saya selesaikan, dan kali ini saya hanya sedikit share dari postingan blog sahabat yaitu tentang cara mencegah copy paste pada blog, kalau menurut saya sih hal ini tidak terlalu penting, merupakan satu keuntungan tersendiri bila artikel kita di copas (copy paste), apa lagi bila sobat yang copas mau mencantumkan sumber dari artikel tersebut, bisa menambah back link kan, merupakan keuntungan tersendirikan.

Namun bagi sobat yang merasa bahwa artikel sobat sangat penting dan tidak rela untuk di copy paste, mungkin hal ini cukup berguna untuk dilakukan. akan tetapi cara tersebut tidak melindungi content blog sobat sepenuhnya, stidaknya cukup membuat orang yang berniat copas sedikit bingung apabila dia seorang newbie, karena sebenarnya ada jalan lain untuk bisa meng-copas artikel blog sekalipun sudah dilindungi dengan script anti copas.

Tanpa panjang lebar, kali ini untuk melindungi blog di blogger (blogspot) dari dari copy paste adalah dengan mendisable right click, atau lebih dikenal dengan mematikan klik kanan. Berikut tutorial cara mematikan klik kanan pada blogspot.

  • Login terlebih dahulu ke Blogger.com
  • Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML
  • Lalu cari kode <body> atau <body (dengan bantuan tekan Ctrl+F atau F3)
  • Tambahkan kode dibawah ini ke dalam kode <body> atau <body tadi, atau bisa juga di ganti sekalian

<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>

Sobat juga bisa menggunakan beberapa tambahan kode saja, atau semuanya juga boleh, terserah kebutuhan anda.

Berikut penjelasan dari kode-kode diatas:

oncontextmenu='return false' (untuk mematikan klik kanan mouse)
onmousedown='return false' (untuk mematikan klik blok ke bawah)
onselectstart='return false' (untuk mematikan seleksi blok)
onkeypress='return false' (untuk mematikan tombol keyboard)


Jika sudah, Simpan Template blog Sobat.

Mohon maaf apabila tutorial sebelumnya tidak berhasil karena belum saya coba. untuk demonya silakan sobat lihat di sini DEMO.

Selamat mencoba dan semoga berhasil sobat.
Sumber: http://www.nova13.com
read more...

Wednesday, 11 April 2012

Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah

Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.

Kali ini saya akan memposting cara memasang Cbox  auto hiden dari segala arah, segala arah maksudnya yaitu Cbox dapat ditempatkan atau muncul dari bagian sebelah kiri blog, kanan blog, bawah blog, dan atas blog, dan disertakan juga animasi gambar gif sebagai background.

Saya kira cukup sekian bla bla bla penerangan saya, dan mari kita menuju kepokok pembahasan.

Berikut ini adalah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah:
  1. Seperti biasa sobat harus Login dulu di akun blog sobat
  2. Pilih Tata Letak
  3. Tambah Gadget HTML/Java Script
  4. Selanjutnya copy paste kode script di bawah ini dan masukan ke dalam Gadget HTML/Java Script.

Klik show untuk melihat
<style type="text/css">
#at{
position:fixed;
right:35%;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:0px;
width:0px;
float:top;
cursor:pointer;
background:url(url);
}
.atcontent{
float:left;
border:2px solid #fff;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkVVL7ZxfEbp_gIGqJx7dEftUC4S6dqXUCxJV9jXJSENf_fry7uRKyp5n2LMRqdglBu_WpqROBoIVK0BqMleAbmrQ93CM6rn5qAyCBHxJfFGzmTL_FOz8XIwPqUgc2bEV-l3a8QunoSlkw/)#000000 repeat-x bottom center scroll;
-moz-border-radius:10px;
padding:10px;
}
.atcontent:hover{
border:2px solid #fff;
background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url(http://i53.tinypic.com/oiu4n9.gif) no-repeat;">

Strip kode cbox sobat

</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png" alt="close" title="Tutup Cbox" /></a></div>
</div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.bottom = (-200-at.offsetWidth).toString() + "px";
</script>

Klik save / simpan.

Keterangan:
  1. Kode warna merah adalah warna gambar, silakan sobat sesuaikan sendiri sesuai selera bila ingin mengganti gambarnya
  2. Kode warna kuning adalah penepatan dimana cbox akan muncul, bila sobat ingin cbox muncul dari atas ganti kode tersebut menjadi TOP, dari sebelah kiri LEFT, dari sebelah kanan RIGHT .
  3. Kode warna putih adalah jarak cbox dari sebelah kanan. Silakan sobat sesuaikan sendiri.
  4. Texts berwarna hijau adala tempat untuk menaruh strip kode cbox sobat (atur cbox sobat agar backgroudnya transparant untuk hasil yang lebih sempurna).
Selanjutnya adalah cara membuat tombol cbox (tombol untuk menampilkan cbox)

  1. Tetap login di akun blog sobat
  2. Masukan script berikut bersamaan dengan script di atas dalam gadget HTML / Java Script
<div style="position: fixed; top: 55px; right: 5px;width:30px;height:100px;"><a href="javascript:void(0);"onclick="showHideAT()"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju1VZ6vtcKveYMg9IqdPyfPjsYxQQzLQs_TCJV3xlkYJ_BISAGQX935AlVf11-MpdHN7Z9PJ2sYFrSRq4RD1dl45mMS-C84SASvqGtOp4YLivScN6ylvBA0zBy7lsu-Rs29heWacqrCoiU/s128/guestbook.png" alt="cbox" title="Buka Chat Book"/></a></div>

Keterangan: 
  • Kode berwarna merah adalah gambar tombol, bisa sobat ubah sesuai selera.
  • Kode warna kuning adalah dimana tombol akan ditempatkan, TOP untuk menempatkan tombol di atas, BOTTOM untuk menempatkan tombol di bawah, LEFT untuk menempatkan tombol di sebelah kanan.
  • Kode warna biru anda sesuaikan jarak tombol TOP dari atas blog, BOTOM dari bawah blog.
Demikianlah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah. Semoga bermanfaat bagi sobat semua.

Sumber Script: Zuaz'Z Creator
read more...

Sunday, 8 April 2012

Template Mempengaruhi Sitelink Google

Banyak pelajaran yang bisa dipetik dengan ganti-ganti template. Untuk kesekian kalinya sejuta trik mengganti template. Ternyata template mempengaruhi sitelink google. Banyak anggapan sitelink google hanya diperoleh bagi mereka yang hobi optimasi blog. Memang sih blog ini belum tertata rapi setelah ganti template, akan tetapi sudah mendapat sitelink google yang berbeda pula. Nah untuk sekedar perbedaan tentang template yang mempengaruhi site link google berikut gambarnya :

Sejuta trik site link
Gambar Sitelink Google 1
Sejuta trik site link
Gambar Sitelink Google 2

Kemudian dari kedua gambar sitelink google di atas sejuta trik membuat kesimpulan dari tabel berikut



No.
Aspek
Gambar Sitelink 1
Gambar Sitelink 2
1.
Template
Simple SEO Friendly
SEO Master
2.
SiteLink
Sitelink Table
Site Link H list
3.
Tampilan
Simple
Elegant
4.
Struktur HTML
Bertingkat/Optimasi
Familiar/Biasa
5.
Meta
Auto
Manual
6.
H1 Home Page/Post
-/-
1/2
7.
Snippets
4
-


Kiranya seperti itu perbedaan penggunaan antara template pada gambar sitelink 1 dan 2. Bagi teman-teman yang belum mendapat sitelink google bisa lihat artikel saya yang lain.

Akhir kata semoga dengan mengganti tempalate yang terbaiklah kita bisa memaksimalkan blog kita. Karena sekali lagi saya tekankan bahwa template mempengaruhi site link google di blog kita. Dengan kata lain semakin terstruktur dengan baik dan benar maka kualitas blog kita juga semakin bagus. Happy blogging.
read more...

Friday, 6 April 2012

Cara Membuat Widget Menu TAB View Pada Blog

Loading yang ringan pada blog merupakan salah satu cara untuk membuat orang senang berkunjung di blog kita, apalagi ditambah artikel-artikel yang keren, pastinya pengunjung akan membanjiri blog sobat. Cara agar loading blog kita cepat (tidak lemoet) adalah dengan memperingkas tampilan dan tidak terlalu banyak widget, salah satu caranya adalah dengan membuat widget Menu TAB View.

Menu TAB view merupakan widget tambahan berbentuk tab. Dengan cara menggunakan tab view kita dapat menghemat sidebar pada blog kita sehingga kita tidak perlu menambahkan banyak widget yang akhirnya akan memberatkan loading pada blog kita.

Untuk tampilan tab view ini lebih trendi dan menarik, tapi ini bukan berarti tampilan untuk tab view yang lama buruk. Nah, mari kita langsung ke bagaimana cara untuk membuat tab view pada blog.

1. Silahkan Login ke blog sobat
2. Masuk ke tab Perancangan lalu pilih edit HTML
3. Seperti biasa centang "Expand widget templates" untuk menghindaran apabila terjadi kesalahan.
4. Silahkan cari kode ]]></b:skin> Tekan CTRL+F untuk mengeluarkan kotak pencarian
5. Setelah ketemu kode diatas silahkan letakkan kode dibawah ini di atas kode ]]></b:skin>



5. Letakkan kode dibawah ini diatas kode </head>



6. Save template
7. Masuk ke tab Elemen laman
8. Tambahkan widget HTML/JavaScript
9. Silahkan letakkan kode dibawah ini di dalam widget HTML/JavaScript



Setelah itu simpan dan lihat hasilnya.

read more...

Wednesday, 4 April 2012

Mengetahui Kualitas SEO Setiap Artikel

Banyak cara dilakukan untuk mengetahui kualitas SEO setiap artikel yang kita posting di blogger. Salah satunya menggunakan tool yang bisa kita coba untuk menganalisanya. Dalam posting ini sejutatrik hanya menjelaskan untuk setiap artikel saja. Posting ini saya buat setelah mengikuti kontes SEO yang saya ikuti di dukung piala euro 2012 dan ternyata hasil oprek template dan optimasi yang berlebihan membuat blog saya malah Over SEO Optimation. Belum lagi template saya jadi rusak dan turun drastis jumlah kunjungannya. Akhirnya saya putuskan untuk ganti template lagi :(

Kembali ke laptop eh SEO lagi! Dalam mengetahui kualitas SEO setiap artikel ini kita menggunakan tool yang diberi nama SEO Page Tester. Nah bagi teman-teman yang ingin mengetahui kualitas SEO setiap postingnya, silakan meluncur ke SEO Page Tester Tool

Dari hasil analisa tool tersebut kita bisa mengambil cara untuk optimasi SEO blog kita agar tidak terjadi optimasi seperti blog ini. Dari tool tersebut juga sudah dijelaskan apa saja yang kurang dari kualitas SEO Setiap artikel kita.

Dengan mengetahui kualitas SEO setiap artikel menggunakan tool ini diharapkan blog kita semakin dicintai serach engine dan mengembangkan blog kita. Akhir kata happy blogging
read more...