Tips dan Trik Mengatasi Algoritma Google Penguin

Pada akhir tahun 2012 google memperkenalkan algoritma pencarian terbarunya, yaitu Penguin dan Panda. Dengan Algoritma Google Penguin sempat membuat dunia blogging menjadi heboh, hingga melalui algoritma ini banyak akun blog yang terkena dampaknya, termasuk dihapus dan di banned. Cara kerja algoritma ini adalah dengan memaksimalkan spiders bot google, yaitu dengan cara merayapi isi suatu blog maupun website untuk mencari tahu apakah isi di dalam blog/ website tersebut berkualiatas atau tidak.

Berikut  ini adalah tips dan trik mengatasi Algoritma Google Penguin :

1. Buatlah Postingan Yang Berkualitas
   Pada algoritma ini Google bot cukup pintar untuk mengetahui apakah blog yang dirayapinya memiliki artikel yang berkualitas atau tidak. Bagi Anda yang memiliki blog dengan banyak hiasan berupa iklan porno dan sejenisnya perlu anda pertimbangkan lagi dengan algoritma ini, pasalnya banyak blog yang dihapus dan di banned karena blog tersebut mengandung banyak iklan porno dan sejenisnya.
2. Sering Update Artikel
   Sering seringlah update artikel terbaru, karena di mata Google, blog dengan konten "segar" mendapatkan skor kualitas yang lebih baik dan posisi pencarian yang lebih tinggi dibandingkan situs yang jarang memperbarui artikelnya.
3. Artikel Yang Orisinil
   Dengan algoritma pinguin dan panda, keaslian konten sekarang menjadi salah satu parameter peringkat yang paling penting yang digunakan Google dalam mengevaluasi kualitas sebuah blog/ website.
4. Memaksimalkan Fungsi Sosial Media
   Pada algoritma ini, Google menggunakan sosial media sebagai hasil pencariannya, misalnya berbagi  di Facebook, re-tweet di Twitter, posting di Google, dll. Cara ini cukup masuk akal, karena logikanya Google  menganggap situs/konten tersebut dirate atau dishare oleh real human sehingga google menganggap situs atau konten tersebut berkualitas.

Ok, cukup sekian dulu artikel mengenai tips dan trik mengatasi algoritma Google Penguin.


Terima Kasih,
Semoga Bermanfaat.

Read more ...

Cara Meletakan Gambar Yang Selalu Berada di Pojok

Pada postingan kali ini, saya akan membahas bagaimana cara meletakan gambar yang selalu berada di pojok meskipun "scroll bar" ditarik kemana-mana. Kalo untuk di blog ini saya pasang gambar Blogger Indonesia yang berada di kanan bawah. Wiss mudeng kan ???

Langkah- langkahnya seperti ini :
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo sudah ketemu letakan kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, jika teman- teman ingin merubah di posisi pojok kanan bawah tinggal text "right" diganti dengan "left". Begitu juga tulisan "bottom", jika ingin posisinya di atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://aguskristianto.blogspot.com">
<img src="http://i622.photobucket.com/albums/tt305/aguschristiant/Blog/BloggerIndonesia.png" border="0" /></a>
</div>

"http://aguskristianto.blogspot.com" adalah link. ganti dengan link kamu.
"http://i622.photobucket.com/albums/tt305/aguschristiant/Blog/BloggerIndonesia.png" adalah URL gambarmu. Silahkan ganti dengan URL gambar kamu.

5. Jika teman - teman ingin yang ada disitu bukan gambar tetapi widget-widget ( chat box, iklan, kalender, dl ) yang lain, maka ganti text yang berwarna biru dengan script widget-widget tersebut.
6. Simpan dan lihat hasilnya.


Terima Kasih,
Semoga Bermanfaat,

Read more ...

Membuat Page Navigation Pada Blog

Pada postingan kali ini saya akan menjelaskan bagaimana cara membuat Page Navigation. Page Navigation adalah suatu navigasi halaman yang ditandai dengan penomeran halaman dari postingan yang paling baru ke postingan yang lebih lawas. Supaya tidak bingung, coba perhatikan gambar dibawah ini, yang saya beri garis warna merah.

Langkah langkahnya sebagai berikut :

1. Silakan sobat login ke akun blog sobat.

2. Klik pada menu rancangan > edit HTML

3. Kemudian cari kode

]]></b:skin>

4. Copy kode dibawah ini dan letakkan SEBELUM kode ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

5. Setelah itu cari kode </body>
6. Letakkan kode dibawah ini SEBELUM kode </body>

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://aguskristianto.googlecode.com/files/aguskristianto-page-navigation.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends --> 

7. Simpan dan lihat hasilnya.

Jika teman- teman ingin merubah jumlah postingan yang tampil pada setiap halaman silahkan ubah angka 5 menjadi angka berapa saja yang teman- teman inginkan pada kode berikut :

var displayPageNum = 5;

Sedangkan pada kode dibawah ini teman - teman bisa memodifikasi kata NEXT dan PREVIOUS menjadi SEBELUMNYA atau BERIKUTNYA ataupun dengan kata-kata yang sobat inginkan.

var upPageWord = 'Sebelumnya';
var downPageWord = 'Berikutnya';

 
Terima Kasih,
Semoga Bermanfaat,

Read more ...

Membuat Tombol Add Comment Dengan Efek Jquery Slider

Pada postingan kali ini saya ingin berbagi informasi tentang bagaimana Membuat Sebuah Tombol Add Comment dengan Efek Jquery.  Cara ini sangat cocok untuk blog yang dikunjungi banyak komentar, maka sangat membantu para pembaca untuk menyeret bagian bawah untuk diposting komentar. Intinya adalah, pada saat kita menge klik " Add Comment ", kita akan langsung dibawa ke halaman kotak komentar.

Caranya adalah seperti ini  :

1. Masuk Ke Halaman Blogger
2. Klik Design => Edit HTML
3. Centang Expand Widget Templates
4. Cari kode </b:skin>

5. Masukkan kode CSS dibawah ini tepat di atas kode </b:skin>

a.add_comment{text-decoration:none;color:#fff}
.add_comment{float:right;padding:6px 10px;margin:20px;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-align:center;display:inline-block;background:#d43131;background:-moz-linear-gradient(top,#ffaa9a,#f8674b 5%,#d54746);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa493),color-stop(.03,#f8674b),to(#d54746));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746')";-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d1371c;border-bottom:1px solid #9f220d;color:#FFF;text-shadow:0 1px 1px #6f3a02}
.add_comment:hover{background:#c92929;background:-moz-linear-gradient(top,#ff9986,#ee5f43 5%,#d04443);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fa8772),color-stop(.03,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443')";border-bottom:1px solid #9f220d}
.add_comment:focus{padding:7px 11px;color:#FFF;text-shadow:0 -1px 1px #894906;border:none;background:#bc2323;background:-moz-linear-gradient(top,#d04443,#ee5f43 95%,#d04443);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d04443),color-stop(.9,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43')";box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-webkit-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-moz-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7}

6. Cari kode <b:includable id='comments' var='post'>
7. Sisipkan kode dibawah ini tepat bawah kode <b:includable id='comments' var='post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class='add_comment' href='#comment-form'>Add a comment</a>
<div class='clear' />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>$('.add_comment').click(function(){$('html,body').animate({scrollTop:$(".comment-form").offset().top},1000);});</script></b:if>

8. Simpan & Selesai


Terima Kasih,
Semoga Bermanfaat,

Read more ...

Menambahkan Author Box di Bawah Postingan

Author Box yaitu profil singkat sang penulis blog beserta photonya. Author box itu bisa menampilkan biografi singkat diri kita dan juga mungkin bisa menambahkan kontak kita. Dengan menambahkan author box di bawah komentar akan membuat blog kita jelas dan para pengunjung mengerti siapa orang dibelakan blog tersebut.

 

Berikut ini cara Menambahkan Author Box di Bawah Postingan :
1. Login ke Blogger.
2. Pada halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget

5. Cari kode ]]></b:skin> dan letakan kode berikut di atasnya;

 .author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

6. Cari kode <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut ini di bawahnya;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-125 photo' height='90' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>Biografi singkat tentang diri kita<br/></p></div></b:if>

7. Sebelum menyimpan, ganti URL dengan URL photo kita, dan tulis biografi singkat tentang diri kita. Dan juga bisa menganti judul about author, juga bisa mengubah kode css yang disesuaikan dengan tampilan blog kita.
8. Simpan jika sudah selesai.


Terima Kasih,
Semoga Bermanfaat.

Read more ...