Tips Blog | Tutorial Blog | Belajar Blog

Google Belum Update Pagerank, Apa Yang Terjadi?

Lewat sudah hari-hari ketika pertama kali saya mengetahui dunia blog dan terobsesi dengan Google PageRank. Terutama dengan nomimal PageRank yang merupakan skala 0 hingga 10 yang dapat kita lihat pada berbagai toolbar di web. Padahal jika dicermati, PageRank hanya sebuah nomimal yang dibuat oleh Google untuk menilai banyaknya pada sebuah web/blog. Hal ini tidak berdampak langsung pada bloggers yang hanya ngeblog karena hobi saja, tapi bagaimana dengan orang yang bekerja keras begadang setiap hari untuk mencari nafkah dari dunia blog? tentu PageRank nyata dan sangat ditunggu.


image Yang membuat saya penasaran dan menjadi pertanyaan saya, kenapa Google sampai saat ini belum melakukan update PageRank? Saya melihat dan mengecek disemua blog atau web yang biasa saya kunjungi dan memang hasilnya sama, Google memang belum update PageRank. Google update PageRank  terakhir 2 April 2010, dan yang seharusnya terjadi adalah akhir bulan juli atau awal agustus 2010 Google sudah update pagerank, tapi sejauh ini tidak ada yang terjadi.


Berpikir tentang masalah ini, satu pertanyaan muncul dalam pikiran saya : Bagaimana jika Google benar-benar menghapus PageRank? Artinya, bagaimana jika semua toolbar berhenti bekerja, dan tak seorang pun akan dapat melihat indikator berapa banyak  backlink web atau blog? Apa dampak perubahan tersebut pada webmaster / blogging / industri SEO? Beberapa orang berpendapat jika Google menghapus nominal pageRank maka akan membunuh pasar jual beli link. Saya tidak berpikir begitu. Selama backlink memainkan peran dalam algoritma pencarian peringkat, masih akan ada orang-orang yang membeli mereka.

 

Tetapi tanpa PageRank, proses pembelian atau penjualan link akan sedikit berubah. Saya percaya bahwa layanan backlink analisis berbayar akan mendapatkan banyak klien lagi, karena hal ini akan menjadi cara terbaik untuk mengevaluasi otoritas link dari setiap web/blog. Saya berpikir lebih penting dari itu, bagaimanapun efek perubahan tersebut akan ada di pikiran pemilik web. Mungkin sebagian besar dari mereka akan menyadari yang lebih penting bukanlah lagi nominal PageRank, tapi lebih pada kualitas konten/isi blog.

 

Saya percaya bahwa jika PageRank dihapus maka bloggers dan pemilik web lainnya akan menjadi enggan atau malas untuk saling tukar link lagi, akibatnya hubungan antar sesama bloggers akan semakin renggang, hhmm semoga saja tidak terjadi.


Tapi apa yang sobat pikirkan? Apakah perubahan ini bersifat positif atau negatif? Apa aspek-aspek lain akan dipengaruhi?

Template Dore Zot Terlaris

Setelah melakukan pengecekan backlink terhadap mybloggerthemes.com, ternyata template dore zot menjadi template yang paling banyak di gunakan sobat blogger. Sebelumnya di tahun lalu, smart gradient secara mengejutkan membuat saya tergeleng-geleng karena diminati dan digunakan lebih dari 50 blogger yang rata-rata berasal dari indonesia. Kembali ke dore zot, bicara tentang dore zot sebetulnya template yang mengusung tema personal dengan background abstract ini saya buat secara tidak sengaja alias dadakan.

 

image

 

Template dengan layout 3 kolom ini sebetulnya saya buat secara sederhana, dengan pemakaian border yang sedikit tebal dan penggunaan rounded corners membuat dore zot menjadi lebih kokoh. Sebetulnya nama dore zot ini saya ambil dari verifikasi kata pada saat saya ingin membuat blog baru dan jelas tidak mengandung arti apa-apa. Mungkin cuma ini yang bisa saya sampaikan, sekedar info saja sih sebenarnya karena memang belakangan saya sedang malas berpikir untuk menulis.

 

Buat yang sudah menggunakan dore zot saya ucapkan terima kasih, apalagi jika tidak merubah atau mengganti link kredit yang ada dibawahnya. Karena biar bagaimanapun, jadilah blogger sejati untuk menghargai hasil karya orang lain.

 

Terima kasih.

Tutorial Image Bubbles Menggunakan CSS3

Kembali dengan yang lagi-lagi tentang css, saya harap sobat tidak bosan dengan tulisan saya yang melulu mengenai css. Karena memang saat ini css lagi mengalami perkembangan pesat, oleh karenanya saya mencoba memberikan sedikit tips mengenai css3. Yang akan saya bahas disini adalah css image bubbles transitions, dan sekedar info bahwa tutorial ini hanya bisa diterapkan pada browser firefox versi 3.5+, opera 9.5+, safari dan chrome. Untuk demo bisa sobat lihat disini.

 

image

 

Sebelum memulai ada baiknya sobat backup template sobat terlebih dahulu, biasakan untuk melakukan hal ini jika ingin melakukan pengeditan template.

 

  1. Login ke Blogger.
  2. Klik Rancangan.
  3. Masuk ke Edit HTML.
  4. Copas kode css berikut sebelum kode ]]></b:skin>
    .bubblewrap{
    list-style-type:none;
    margin:0;
    padding:0;
    }

    .bubblewrap li{
    display:inline;
    width: 65px;
    height:60px;
    }

    .bubblewrap li img{
    width: 55px;
    height: 60px;
    border:0;
    margin-right: 12px;
    -webkit-transition:-webkit-transform 0.1s ease-in;
    -o-transition:-o-transform 0.1s ease-in;
    }

    .bubblewrap li img:hover{
    -moz-transform:scale(1.8);
    -webkit-transform:scale(1.8);
    -o-transform:scale(1.8);
    }

  5. Cari kode yang mirip seperti ini :
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Nousisce (Header)' type='Header'/>
    </b:section>
    </div>

  6. Kemudian letakkan kode berikut setelah kode diatas :
    <div class='bubblewrap'>
    <ul>
    <li><a href='#'><img src='http://lh4.ggpht.com/_7Y9pl24WpQY/TKYkRZT8XHI/AAAAAAAAEpU/boHguF0HbX0/stumbleupon_thumb%5B2%5D.png' title='Add to Stumbleupon'/></a></li>
    <li><a href='#'><img src='http://lh4.ggpht.com/_7Y9pl24WpQY/TKYkLgpPqKI/AAAAAAAAEpE/MoiG31eV3gg/facebook_thumb%5B2%5D.png' title='Add to Facebook'/></a></li>
    <li><a href='#'><img src='http://lh5.ggpht.com/_7Y9pl24WpQY/TKYkJCcKt5I/AAAAAAAAEo8/6LdMi30Ms0o/digg_thumb%5B2%5D.png' title='Add to Digg'/></a></li>
    <li><a href='#'><img src='http://lh6.ggpht.com/_7Y9pl24WpQY/TKYkGo-lIBI/AAAAAAAAEo0/v8uQduCj814/twitter_thumb%5B2%5D.png' title='Add to Twitter'/></a></li>
    <li><a href='#'><img src='http://lh5.ggpht.com/_7Y9pl24WpQY/TKYkOKs2gnI/AAAAAAAAEpM/atV8KDhqKcI/rss_thumb%5B2%5D.png' title='Add RSS Feed'/></a></li>
    </ul>
    </div>
  7. Simpan Template.

 

Untuk kode yang berwarna ungu adalah kode url untuk gambarnya, sobat bisa ganti dengan gambar social bookmark yang sobat punya.

 

Semoga bermanfaat, and happy nice weekend ! Hot

CSS Untuk Tulisan/Gambar Berbayang

Rasanya sudah lama saya tidak posting di blog ini, konsentrasi saya sedang terpecah mengurus blog-blog saya yang lain, termasuk mybloggerthemes.com yang semakin banyak permintaan dari sahabat yang ingin mempromosikan template mereka di mybloggerthemes.com. Kali ini lagi-lagi saya mencoba memberikan tutorial css buat sobat setia pengunjung blog ini, namanya css layer.

 

Css layer ini semacam tulisan atau gambar yang berbayang yang terdiri dari 2 komponen css sederhana. Untuk membuatnya sangat mudah, hanya menerapkan sedikit kode maka tulisan atau gambar berbayang siap ditampilkan dan mempercantik blog sobat. Berikut beberapa tutorialnya :

 

? Layer 1 diatas layer 2
LAYER 1
LAYER 2
<div style="z-index:2; position:relative; font-size:40px">LAYER 1</div><div style="z-index:1; position:relative; color:blue; font-size:60px">LAYER 2</div>

? Layer 2 diatas layer 1

LAYER 1
LAYER 2


<div style="z-index:3; position:relative; font-size:40px">LAYER 1</div><div style="z-index:4; position:relative; color:blue; font-size:60px">LAYER 2</div>


? Layer Untuk Gambar Variasi 1 


<div style="position:relative"><img src="http://lh6.ggpht.com/_7Y9pl24WpQY/TEsn4YFFiQI/AAAAAAAAEXg/TiYA_Obocvo/mybloggerthemes_thumb%5B7%5D.png" /></div><div style="position:relative; margin-top:-20px; margin-left:20px"><img src="http://lh6.ggpht.com/_7Y9pl24WpQY/TEsn4YFFiQI/AAAAAAAAEXg/TiYA_Obocvo/mybloggerthemes_thumb%5B7%5D.png" /></div>



? Layer Untuk Gambar Variasi 2 


<div style="position:relative"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFmZTomGSvZ5vyWyFMPANAU0tpQwWNQldKZWfbtJTyN2ApPPVGGrAowQUGrSx-4hymBS9Yi2z3Q9I-l4H2rQQ3gAjbN9h2ffp5TmZWN6R0lDjDRrKBSYGfNXRrh0ZL4nAqpktmaoSt7dY/s1600-r/miscah.png" /></div><div style="position:relative; filter:alpha(opacity=20); margin-top:-10px; -moz-opacity:0.20; opacity:0.2; -khtml-opacity:0.2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFmZTomGSvZ5vyWyFMPANAU0tpQwWNQldKZWfbtJTyN2ApPPVGGrAowQUGrSx-4hymBS9Yi2z3Q9I-l4H2rQQ3gAjbN9h2ffp5TmZWN6R0lDjDRrKBSYGfNXRrh0ZL4nAqpktmaoSt7dY/s1600-r/miscah.png" /></div>


Untuk tutorial css image yang lain akan saya bahas lain waktu, semoga bermanfaat.

Backlink Gratis di Google Profiles

Saya tidak akan panjang lebar seperti biasanya, karena memang belakangan ini saya sedang malas menulis. Bicara masalah backlink, semua pasti tau manfaatnya, apalagi yang gratisan. Satu saja backlink akan sangat membantu dalam urusan perkembangan blog kita. Ada satu layanan google yang dapat sobat gunakan untuk mencari backlink gratis, namanya Google Profiles.

 

image Disini sobat hanya login dengan account google sobat, kemudian sobat hanya perlu mengisi beberapa informasi yang mereka tanyakan, seperti tentang diri sobat, termasuk url blog sobat. Dan tambahkan gambar profile sobat, jreng dapat 1 backlink, lumayan ! Selama sobat menambahkan informasi diri, profil sobat akan ditampilkan dalam hasil pencarian Google, dan harus dihitung sebagai backlink normal karena Google tidak menggunakan atribut nofollow pada link website.

 

Layanan ini juga berguna karena memberikan kesempatan untuk menambahkan url lebih dari satu dan mungkin dapat membuat nama sobat pada halaman pertama hasil pencarian google. Jadi apa yang sobat tunggu, buruan isi !