Tutorial

cara membuat link label menjadi "nofollow"

Sebagian besar dari Anda mungkin telah mendengar Google Panda Effect. Ini adalah system algoritma Google yang sangat ketat. Google Panda akan memeriksa seluruh konten dan koleksi link blog anda dan benar-benar akan berhenti mengindeks artikel yang telah diterbitkan, jika blog Anda terlalu banyak berisi konten yang tidak relevan atau menggandakan isi atau kuantitas posting Anda kurang dari 300 kata dan Anda memiliki terlalu banyak kategori label di blog Anda yang tidak masuk akal, maka Anda dapat menjadi sasaran berikutnya dari Google Panda update. Trafic blog Anda akan turun secara signifikan.
Berikut ini adalah cara untuk menambahkan tag 'nofollow' pada link label, baik yang muncul dibawah judul posting atau di bagian bawah artikel serta link label pada widget atau tag cloud pada blog anda, :

Login ke blogger dengan ID anda
Pada halaman dashboard blogger klik link "nama blog anda".
Pilih menu Template, sebaiknya backup template anda terlebih dahulu,
Klik Template >> Edit HTML
Selanjutnya cari kode seperti dibawah ini :

Ganti kode tersebut dengan kode berikut ini :

Jika anda menggunakan link label sebagai menu pada blog anda, segera tambahkan juga tag 'nofollow' ke dalamnya seperti berikut ini :

Masih belum selesai ! Pada bagian ini terserah anda mau di ubah atau tidak (opsional) karena widget ini terletak di sidebar dan tidak secara langsung berada dalam bagian posting di mana crawl oleh search engine sebenarnya terjadi. Jadi, jika Anda melewatkan ini tidak ada masalah, :

Cari kode seperti di bawah ini :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

Ganti kode di atas dengan kode berikut ini :

Selesai, save template anda.

halaman page/statis bermasalah karena auto read more

sebuah blog kalau dikasih auto read more memang terlihat ringkas dan enak untuk dilihat bagi
pembaca atau pengunjung,
akan tetapi adakalanya terdapat masalah karena kita memasang auto read more yaitu terdapat error ketika kita membuka halaman page atau statis.
nah sekarang bagaimana cara mengataasinya ??

simak penjelasan berikut :

masuklah ke dashbor-templete-edit HTML
kemudian cari kode yang seperti ini

<b:if cond='data:blog.pageType != "item"'>
bla....bla...bla....
bla....bla...bla..
bla...bla...
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

kemudian copas dibawah ini tepat diatas yang berwarna merah

<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>

kemudian tanmbahkan kode dibawah ini tepat di bawah code yang berwarna biru bermaksud untuk penutup code

</b:if>

mohon diperhatikan beberapa templete tidak akan manjur dengan cara ini

seo heading h1 h2 dan h3

Seperti yang kita ketahui pengaturan struktur tag heading pada template blogger merupakan salah

satu dari sekian banyak faktor yang berpengaruh pada SEO. Akan tetapi mungkin karena saya sendiri masih belajar, dari banyak tutorial di internet setelah diterapkan ternyata tidak berfungsi sama sekali, hal ini karena struktur dan kode HTML template blogger itu variatif.mari kita simak berikut ini

di backup dulu ya....sebelum memulai....

langkah pertama yaitu mengatur tag head judul blog menjadi Heading H1

cari code yang kira-kira seperti ini

<div class='titlewrapper'
bla....bla....bla...
bla...bla..
bla...
</div>

rubahlah code diatas menjadi seperti ini:

<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h1>
<b:else/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div>

catatan:
kemungkinan pada sebuah templete terdapat lebih dari satu code yang sama,soo...rubahlah semua.

langkah kedua yaitu merubah TAG HEAD DISKRIPSI menjadi H2

sekarang cari code yang mirip dengan ini:

<div class='descriptionwrapper'>
bla....bla....bla...
bla...bla..
bla...
</div>

kemudian ganti code diatas menjadi seperti ini :

<div class='descriptionwrapper'>
<h2 class='description'><span><data:description/></span></h2>
</div>

catatan:
kemungkinan pada sebuah templete terdapat lebih dari satu code yang sama,soo...rubahlah semua.

langkah ketiga yaitu Merubah tag head posting menjadi h3 dan membuat h1 sebagai halaman posting

pertama :
Merubah tag head posting menjadi h3
cari code yang mirip dengan ini

<div class='post hentry uncustomized-post-template'

kemudian cari code seperti ini setelah code diatas

<h? class='post-title entry-title' itemprop='name'>
bla....bla....bla...
bla...bla..
bla...
</h?>

rubahlah tag h? menjadi h3

Kedua:
merubah tag head posting menjadi h1
carilah code yang mirip dengan ini

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
bla....bla....bla...
bla...bla..
bla...
</h3>
</b:if>

kemudian ganti semua code diatas menjadi seperti ini :

<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

preview dulu kemudian save

penting :
ukuran font Judul Blog, Deskripsi, dan Judul Posting Blog akan berubah,kamu bisa merubah ukurannya dari element h1,h2,h3

untuk heading bagian H4,H5 dan H6
ane akan beri penjelasan yang akan datang

cara mengubah gambar ke base64

waktu kemarin saya mencoba template yang agak unik,Yang cukup unik adalah ketika ingin mengubah background template saya kebingungan , karena dalam template itu tidak ada link yang mengarah ke gambar background, hanya ada serangkaian kode panjang yang entah apa artinya tersimpan tepat pada posisi CSS Gambar.Tetapi setelah ane konsultasi sama yang punya ternyata gambar backgroud tersebut menggunakan menggunakan base64,supaya loading blogger biar agak cepat,ujarnya.karena ane masih bingun dengan gambar base46 ane browser kesana-kemari,ech Ternyata sebuah gambar bisa dikonversi ke bentuk kode-kode tertentu (base64),tetapi masih tetap bisa dibaca oleh browser.

pengetian Base64 adalah sejumlah skema pengkodean serupa yang mengkodekan data biner dan menerjemahkannya ke dalam representasi radix 64.

{wikipedia}

Langsung saja caranya :

Simpan Link atau Upload sebuah gambar ukuran max 1MB disini.
Setelah itu klik Generate Data URI, lalu copy hasil URL-nya dan tempatkan pada posisi posting atau template yang diinginkan.

cara menambahkan komentar facebook di setiap postingan

Ada beberapa langkah yang bisa kita lakukan untuk menambahkan plugins komentar menggunakan akun facebook kita di postingan blogger, sebagian dari cara-cara tersebut malah membuat blog kita jadi tidak enak dipandang sebab posisinya tidak proporsional. Misalnya, kolom komentar plugins facebook tersebut berada di bawah kolom komentar blogger, praktis jadi ada 2 kolom komentar kosong yang terlihat di bawah postingan kita. Kasus seperti sebetulnya karena penempatan HTML nya saja yang kurang pas.

Dibawah ini langkah-langkah membuat plugins komentar facebook yang menurut saya relatif karena tampilannya berada tepat berderet dengan tombol postingan blogger, sehingga komentator bisa memilih mau komentar pakai akun yang mana, tanpa tampilan pilihannya tumpang tindih.

bagaimana cara menambahkan???
simak penjelasan berikut :

pertama code CSS

sekarang masuklah ke blogger dashbor kemudian pilih TEMPLETE dan EDIT HTML kemudian cari kode berikut:

]]></b:skin>

kemudian copy code dibawah ini,letakkan tepat diatas kode tersebut

/* komentar facebook */
.comments-page {}
#blogger-comments-page {display: none;}
.comments-tab {float:left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2; border-radius:4px;}
.comments-tab-icon { height: 16px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

jika sudah,kita ke tahap berikutnya

kedua code HTML

sekarang carilah kode berikut

<div class='comments' id='comments'>

Biasanya terdapat lebih dari satu kode di atas pada template blogger, jika kamu ingin agar plugins komentar facebook itu tampil di setiap postingan, silahkan simpan kode HTML di bawah ini tepat di bawah kode-kode tersebut.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='4' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

catatan:

ganti width='500' sesuai selera yang kamu inginkan

ketiga code JAVA SCRIPT

sekarang cari code </head> kemudian letakkan code dibawah ini tepat diatas code tersebut

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='kode id facebook kamu' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>

masukkan code ID facebook kamu di tulisan berwarna merah kemudian save

lihat hasilnya !!!

apakah memuaskan ?

silahkan tinggakkan pesan/komentar jika ada yang mengganjal

menghindari virus facebook

hari ini ane dibingungkan oleh virus 'Sexy Videos' virus ini menyebabkan menampilkan gambar atau video sexy,tetapi setelah browser kesana kemari akhirnya ketemu juga,ech ternyata virus ini di sebarkan oleh winamp
Virus 'Sexy Videos' menyebar melalui Facebook dengan Winamp sebagai nama kamuflase. Virus yang menyebar dengan memanfaatkan kelemahan di Facebook bisa mengancam setiap pengguna dari setiap sistem operasi komputer. Jika Anda sudah terinfeksi, berikut ini adalah langkah untuk mengembalikan akun Facebook.
Cara terbaik untuk melindungi diri sendiri tidak mengklik link yang tidak diketahui, bahkan jika link tidak mengarah ke situs aneh. Namun, jika Facebook Anda terinfeksi, berikut adalah langkah-langkah untuk menyingkirkan itu dari akun Facebook kamu:

1. Login ke akun Facebook kamu di http://www.facebook.com

2. Pada bagian kanan atas layar klik gambar gir sebelah kanan beranda dan pilih PENGATURAN AKUN kemudian di bar sebelah kanan pilih APLIKASI

3. Arahkan mouse kamu pada gambar x [X] diatas SUNTING aplikasi yang bernama "Winamp"

4. kamu akan mendapatkan konfirmasi kotak dialog "Hapus Winamp"

5. kemudian Klik [hapus] dan pastikan aplikasi "Winamp" sudah hilang dari APLIKASI
jangan lupa sebelum klik hapus beri tanda centang/ceklist pada
"Hapus semua aktivitas Winamp Anda di Facebook"

rahasia "I'm Feeling Lucky" di serch engine google

Sekarang buka www.google.com dan pastikan itu adalah dalam bahasa Inggris, sehingga rahasia ini dapat terungkap.

pada kotak pencarian di google seperti gambar dibawah ini

masukkan kata-kata berikut

ketik "pacmac" kemudian klik tombol "I'm Feeling Lucky" dan lihat hasilnya kamuakan bisa memainkan pcmac flash game
ketik "googoth" kemudian klik tombol "I'm Feeling Lucky" maka Google akan berubah menjadi Google dalam gaya gothic, terlihat gelap.
ketik "ewmew fudd" kemudian klik tombol "I'm Feeling Lucky" maka kamu akan langsung dibawa ke Google Page yang dihiasi oleh Ewmew Fudd karakter dari Warner Bros
ketik "google bsd" kemudian klik tombol "I'm Feeling Lucky" maka kamu akan dibawa ke Google Search dengan logo BSD (setan) di atasnya.
ketik "google linux" kemudian klik tombol "I'm Feeling Lucky" seperti trik sebelumnya, tapi kali ini dengan Linux Penguin.
ketik "xx-klingon" kemudian klik tombol "I'm Feeling Lucky" kamu akan melihat Google dalam bahasa Klingon.

Search....