Cara ampuh meningkatkan Alexa Rank - 52 komentar

Cara ampuh meningkatkan Alexa Rank - Alexa, mungkin yang ada dipikiran kita adalah grup band musik di Indonesia. Tapi yang dibicarakan kali ini bukan grup musik tersebut. Tapi alexa yang merupakan salah satu anak perusahaan dari amazon. Yaitu situs yang menyediakan informasi traffik suatu blog atau web dari berbagai kriteria. Berbagai orang menganggap jasa dari situs ini sangat penting karena situs ini membaca kualitas traffic suatu blog atau web dari jumlah traffik pengunjung yang berlalulintas dimana blog atau web tersebut sudah menanamkan script yang disediakan oleh alexa untuk pembacaan traffik, tetapi beberapa juga ada yang menganggap ini kurang penting dan memprioritaskan hal lain seperti google pagerank yang berbeda dengan alexa, dimana google pagerank lebih mengutamakan backlink berkualitas sebagai pengkalkulasian traffik suatu blog atau web.

Menurut saya, situs ini cukup bisa diandalkan untuk memonitor traffik blog kita. Sehebat apakah traffik blog kita dengan blog-blog lainnya yang terdapat di dunia maya ini. Dari segi di ranking berapakan blog kita bertengger, jenis pengunjung yang mengunjungi, keyword search yang sering dicari, lama atau tidaknya pengunjung datang (bounce rate), jumlah tampilan halaman dan lain lain. Alexa juga bisa diandalkan untuk memperkuat ketenaran suatu blog atau web dimata para pengunjung dan lebih jauhnya dimata para advertiser. Meningkatkan Alexa rank terbaru bisa dikatakan mudah mudah sulit. Kita harus menyeimbangkan kualitas blog diberbagai poin. Untuk lebih lengkapnya bisa sobat perhatikan poin-poin dibawah ini untuk dijadikan senjata andalan untuk meningkatkan alexa ran.

1. Pastikan blog atau web sobat sudah terdaftar di situs alexa. Dan tidak lupa juga untuk memasang widget trafficnya sebagai alat untuk memonitoring rank blog sobat. Poin ini juga dapat dikatakan penting perannya untuk meningkatkan alexa rank ini. Karena alexa melakukan interaksi update melalui widget ini setiap harinya. Nah bagi sobat yang belum mendaftarkan blog atau webnya di situs alexa bisa masuk ke artikel Memasang widget alexa.

2. Alexa rank juga memonitoring rank blog sobat dari alexa toolbar yang dipasang di browser sobat. Jadi segeralah pasang alexa toolbar di browser sobat untuk dijadikan senjata ampuh meningkatkan alexa rank bukan promosi loh :p. Dan triknya, sobat bisa berkeliling blog sobat untuk meningkatkan pageview dan pastikan alexa toolbarnya telah terpasang.

3. Mungkin salah satu cara ini juga bisa diandalkan. Yaitu, jadikan blog atau web sobat sebagai homepage di browser. Jadi setiap sobat membuka browser akan otomatis membuka blog sobat sendiri. Trik ini juga bisa sobat gunakan diwarnet, jadi setiap user yang online di warnet itu jika membuka browser akan langsung diarahkan ke blog sobat. Tapi hati-hati, cara ini lumayan ekstrim karena dilakukan ditempat publik hehe.

4. Poin ini bisa jadi juga menjadi senjata untuk meningkatkan alexa rank. Yaitu blog sobat harus banyak komentar yang berkeliaran di postingan blog sobat. Jadi, sobat harus pintar membuat artikel yang berkualitas untuk memancing banyak komentar-komentar dari para pengunjung. Nah, pastikan juga komentar-komentar itu baik dan berkualitas. Tidak berunsur-unsur haram seperti halnya spam.

5. Poin terakhir yaitu traffik. Meskipun ada banyak cara yang dilakukan untuk meningkatkan alexa rank, tetap saja hal yang paling utama yaitu traffik. Hal ini berhubungan dengan pagerank google. Suatu blog yang memiliki traffik besar, maka blog tersebut itu jaga akan besar di segala sisi rank. Kuncinya yaitu backlink yang berkualitas, artikel yang original dan berkualitas pula, bersahabat dengan mesin pencari alias terindeks dengan mesin pencari.

Poin-poin itu merupakan pengalaman yang pernah saya lakukan, memang terbukti juga. Blog itu seperti hewan peliharaan, jika diurus hewan itu akan setia dan baik pada kita. Jika tidak, hewan peliharaan itu akan murung dan bisa jadi kabur. Begitu pula dengan blog, blog bila tidak diurus traffik akan menurun. Jadi, peran sobat dalam mengurus blog juga penting untuk meningkatkan alexa rank ini. Mungkin cukup sekian dari saya untuk Cara ampuh meningkatkan Alexa rank dengan cepat, kurang lebihnya mohon maaf. Semoga bermanfaat :)

Read More

BR Style Blogger Templates - 76 komentar

BR Style Blogger Templates - Kali ini saya akan bagi-bagi template blogger untuk sobat Blognya Reggy semua. Mengingat banyak permintaan para pengunjung yang menginginkan template yang digunakan Blognya Reggy saat yang lalu. Template ini merupakan template yang saya pakai untuk blog ini pada masa-masa yang lalu, dirancangnya sudah lama namun saya kostumisasi lagi untuk dipakai secara umum. Template ini merupakan template seo friendly, visitor friendly dll. Template ini memang simpel, namun cukup ampuh meningkatkan seo blog saya pada saat itu.

Template ini saya namai BR Style karena merupakan salah satu tampilan lama blognya reggy, atau bahasa gaulnya merupakan masa lalunya blognya reggy hehe.

Apa saja fitur template ini?

• Seo friendly, pada saat menggunakan template ini blognya reggy mendapat seo score yang lumayan besar. cek Disini
• Visitor friendly
• 3 Colums element
• Full header background with 2 colums element
• Menubar with the submenu and search box
• 3 colums footer
• Comment count di sebelah judul postingan
• Threaded comment blogger
• Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
• Dinamic metatag deskripsi dan keyword otomatis
• Auto read more
• Simple, minimalyst and fresh
• dll

Tampilan Homepage BR Style

Tampilan Postpage BR Style

Apakah template BR Style ini gratis?
Template ini gratis, namun tolong perhatikan. Kami mohon untuk tidak menghapus credit pembuat template. Hargai pembuat template. Jika sobat ingin menghapusnya, silahkan donasi Rp.30000

Link Download
Silahkan sobat download template BR Style ini dengan gratis. Hanya dengan mengklik tombol share. Link download akan muncul otomatis.

DOWNLOAD DISINI

Bagikan melalui Facebook / Twitter / Google Plus untuk melihat Link Download

Tweet

Password RAR: ILOVEblognya-reggy.blogspot.com

Panduan mengedit
1. Untuk meta tag sobat hanya tinggal mengedit kode-kode seperti ini pada template

<meta expr:content='data:blog.pageName + &quot;, META TAG DESKRIPSI POST PAGE&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, META TAG KATA KUNCI POST PAGE&quot;' name='keywords'/>

2. Untuk menubar caranya hampir sama pada postingan cara membuat menubar pada blog. Tinggal mengubah # dan judulnya. Menu terdapat pada <div class='menu1'> dan credit menu. Contoh

<li><a href='#' title='deskripsi menu'>Judul menu</a></li>

3. Menampilkan dan menyembunyikan widget. Cari kode ]]></b:skin>. Dibawahnya ada kode-kode untuk menyembunyikan atau menampilkan suatu widget. Lihat pada gambar

Sekian untuk BR Style Blogger Templates. Semoga bermanfaat :)

Read More

Memasang Tombol Back to top efek Jquery Bounce - 19 komentar

Memasang Tombol Back to top efek Jquery Bounce - Mungkin adakalanya postingan-postingan yang terdapat di blog sobat memiliki konten yang sangat panjang hingga membuat tab scroll mengecil alias halaman tersebut memanjang kebawah. Atau, suatu halaman memanjang kebawah dikarenakan komentar-komentar yang menumpuk kebawah. Ya, itu menjadi salah satu permasalahan yang akan kita alami dalam blogging. Karena, suatu halaman blog yang memanjang kebawah, bila kita sedang membaca lalu menggeser scroll kebawah dan ingin pergi keatas lagi otomatis harus mengscrollkannya lagi.

Oke, tombol back to top ini mungkin menjadi solusi dalam permasalahan ini. Dengan tombol ini, blog anda akan lebih user friendly karena memudahkan pengunjung dalam mengembalikan scroll keatas apabila sedang dibawah. Pengunjung hanya tinggal mengklik tombol tersebut dan halaman akan otomatis scroll keatas dengan sendirinya. Berbicara tentang tombol ini, sebelumnya saya juga sempat menjelaskan bagaimana membuat tombol ini, di Memasang tombol back to top simpel. Bedanya, pada kali ini tombol back to topnya lebih menarik. Dihiasi dengan efek jquery bounce.

Langkah-langkah:

Pertama, seperti biasa sobat langsung masuk ke halaman pengeditan HTML sobat. Lalu simpan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } });
$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
</script>

Kedua, masih berada diarea tersebut. Simpan kode javascript Jquery Bounce diatas kode </head> untuk memberi efek smooth dan bouncenya.

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>

Ketiga, langkah untuk memasang tombol back to topnya. Sobat langsung pergi ke halaman Tata Letak. Buatlah widget HTML/Javascript dan masukan kode dibawah ini lalu simpan

<style type='text/css' scoped='scoped'>
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>
<div id='BounceToTop'><img alt='Back to top' src='http://4.bp.blogspot.com/-tq9iYW3L-E0/UwyGmT28eoI/AAAAAAAACLk/jCw1wcRL8GA/s1600/back-to-top.png'/></div>

Oiya, sobat juga bisa merubah gambar tombolnya dengan merubah kode berwarna Orange, lalu ganti dengan link gambar tombol yang ingin sobat pasang.
Untuk demonya, sobat bisa coba scroll halaman Blognya Reggy kebawah, tombol akan muncul dengan otomatis dan apabila di klik, halaman ini akan terscroll dengan sendirinya keatas. Dengan efek smooth fade dan pantulan bounce bila sudah berada diatas halaman.

Oke cukup sekian artikel tentang Memasang Tombol Back to top efek Jquery Bounce. Semoga bermanfaat bagi sobat-sobat sekalian :)

Read More

Cara membuat Menubar di blog - 282 komentar

Cara membuat Menubar di blog - Hmm, sobat sudah pada tau menubar itu apa kan? hah belum? okedeh tidak apa-apa reggy jelaskan lagi untuk yang belum tau. Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang ada pada suatu blog itu. Pada postingan sebelumnya saya juga telah menjelaskan bagaimana cara membuat menubar pada template klasik.  Namun, bedanya kali ini membuat menubar pada custom template. Untuk melihat bagaimana screenshot menubarnya lihat di bawah ini:

Menubar ini juga bisa dibuatkan lagi submenu kebawahnya, lihat di gambar. Nah jadi misalkan sobat ingin memasang submenu dari sebuah link itu tinggal menambah sedikit kode yang akan dijelaskan dibawah. Oh iya, menubar di postingan ini tidak ada search box seperti digambar. Tetapi jika sobat ingin membuat menubar di blog dengan search box, silahkan kunjungi postingan Disini. Sudah tau kan bagaimana penampakan menubar di blog itu? nah, cara membuat menubar di blog tidak sulit kok.

1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML
4. Cari kode ]]></b:skin> (gunakan ctrl+f)
5. Pasang kode di bawah ini di atas kode ]]></b:skin>

#menubar{
width:900px;
height:32px;
background:#de360f;
margin: 0 auto;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}

7. Selanjutnya cari kode <div id="content-wrapper">
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7. Pengecualian untuk yang tidak ada kode pada no 7, sobat bisa menaruh dielemen div id lainnya. Biasanya template blog terdapat kode seperti <div id='header.... Jadi, bila tidak ada sobat bisa menaruhnya di bawah kode yang mirip dengan <div id='header...

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul>
</div>

9. Simpan Template dan lihat hasilnya

Untuk membuat sub menu (menu dropdown) agar mudah ganti saja kode pada no 8 dengan kode di bawah ini

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a>
<ul>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul></li>
</ul>
</div>

Keterangan:

• Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
• Ganti tulisan berwarna Biru (Edit me) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
• Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
• Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.
• Di setiap blog juga ada juga yang berbeda tanda kutipnya. Sobat bisa menelitinya lagi. Tanda kutip ' atau " 

Misalkan kode <div id="content-wrapper"> atau sejenisnya memang benar2 tidak ada. Sobat bisa menaruhnya di area kode header sobat. Caranya sobat bisa mengklik tombol Lompat ke widget lalu mengklik widget header sobat. Contoh pada gambar

Setelah itu. Letakkan kode menubar yang berada pada langkah no 8, di bawah kode widget header blog sobat. Bisa dibawah </b:section> atau dibawah kode </div> pada gambar. Itu meletakkan menubar dibawah header blog sobat.

Sebenarnya masih ada juga kode sejenis main-wrapper, header-wrapper, header-inner dll. Nah, kode menubar dapat diletakkan di kode-kode css sejenis itu.

Bagaimana? mudah kan. Inget sob, kunci utama keberhasilan membuat menubar pada blog yaitu ketelitian dalam mengedit dan memasang kode css/htmlnya. Misalkan ada yang kurang atau kesalahan sedikit, menubar itu malah jadi gagal alias tidak terpasang. Jadi, sobat harus lebih teliti ya agar tidak keliru, good luck sobat ;)

Read More

Membuat widget Recent Comment With Thumbnail - 40 komentar

Membuat widget Recent Comment With Thumbnail - Recent Comment kalau diartikan ke dalam bahasa Indonesia yaitu komentar terakhir, naah widget recent comment ini berfungsi agar sobat atau pengunjung blog sobat dapat melihat para readers yang berkomentar di blog sobat. Selain itu, widget ini juga bisa untuk meningkatkan pageview blog sobat. Karena setiap komentar yang telah di publish lalu diklik dan dilihat oleh seseorang. Bisa menambah 1 pageview blog sobat. Hmm, pada waktu sebelumnya juga reggy pernah posting tentang bagaimana cara membuat widget recent comment. Bedanya, yang lalu hanya isi komentar dan namanya.

Kalau yang sekarang ditambah dengan round avatar yang artinya ditambah dengan gambar si comment's writer dengan bentuk lingkaran. Selain itu, script yang digunakan tidak terlalu membuat loading blog menjadi lambat, tampilan yang simpel dan dinamis, anonymous commentator thumbnail dan masih banyak lagi. Untuk penampakannya bisa sobat lihat pada gambar di bawah atau lihat di halaman homepage Blognya Reggy. Nah, untuk membuat widget recent comment with thumbnail bisa sobat copy scriptnya di bawah ini

<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 60,
 defaultAvatar  = "http://2.bp.blogspot.com/-6pCCeOe7wKA/UKRn7f0MK7I/AAAAAAAAB3s/oWt1dVVzc5Y/s1600/gravatar.jpg",
 hideCredits = true;
 maxfeeds=20,
 adminBlog='Reggy Zian Purnama';
//]]>
</script>
<script type="text/javascript" src="http://www.geocities.ws/reggy1998/rcomment.js"></script>
<script type="text/javascript" src="http://blognya-reggy.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script>

Keterangan:

• numComments = 5 adalah jumlah komentar yang ditampilkan pada widget recent comment with thumbnailnya. Bisa ditambah atau dikurang sesuai keinginan
• characters = 60 adalah jumlah isi komentar yang ditampilkan. Bisa sobat tambahkan atau dikurang sesuai keinginan
• adminBlog='Reggy Zian Purnama' adalah nama admin yang ada di blog sobat. Silahkan ganti dengan nama author/admin yang ada di blog sobat
• Tulisan yang berwarna merah ganti dengan url blog sobat

Semua kode script itu tinggal sobat copy lalu sobat pasang di blog sobat. Lalu atur dari jumlah yang sobat tampilkan, isi komentar, admin blog, url blog dan lain lain, simpan widget lalu lihat hasilnya. Oke sob, sekian dulu untuk membuat widget recent comment with thumbnail. Sampai Jumpa ;)

Read More

Redirect suatu halaman Blogger dengan Custom Redirect - 22 komentar

Pada pertengahan tahun 2012 kemarin, blogger resmi meluncurkan fitur-fitur baru yang berhubungan denan Search Engine Optimization (SEO) on page. Salah satu fitur dan akan kita bicarakan pada posting kali ini yaitu Blogger Custom Redirect. Blogger Custom Redirect adalah fitur baru blogger, yang berfungsi untuk mengalihkan (redirect) suatu halaman yang sudah dihapus, tidak ada atau sudah tidak perlu di akses lagi oleh pengunjung blog. Jadi, pengunjung yang berkunjung ke blog sobat tidak kecewa karena link yang diakses telah rusak atau telah di hapus. Atau, di google webmaster tools, sobat pernah melihat adanya link rusak (broken link) yang bila dituju akan diarahkan ke halaman error 404. Penyebab utamanya yaitu, link tersebut merupakan suatu halaman yang tidak ada atau tidak ditemukan

Dan pastinya, hal itu berefek buruk bagi Search Engine Optimization (SEO). Link Rusak atau lebih dikenal dengan broken link disebabkan oleh telah terhapusnya suatu halaman atau bisa jadi merupakan kesalahan sobat dalam penulisan link di suatu web/blog orang lain (backlink) lalu terdeteksi oleh google, dan tentunya url tersebut otomatis akan di alihkan ke halaman 404 karena google tidak menemukan halaman yang dirujuk. Selain dari semua itu, sobat juga bisa menggunakan fitur ini untuk mengalihkan halaman yang telah terhapus (usang) menuju ke halaman yang sudah diupdate atau lebih baru lagi. Nah, redirect suatu halaman blogger dengan custom redirect sangatlah mudah, bisa sobat lihat langsung caranya di bawah ini.

1. Masuk ke halaman Setelan
2. Kemudian, klik pada tab Preferensi penelusuran
   
3. Di bagian kesalahan dan pengalihan, klik Edit pada kolom Pengalihan Khusus
   
4. Nanti, sobat akan diperlihatkan oleh 2 kolom. Yaitu kolom pertama adalah link lama yang akan di redirect, dan yang kedua adalah kolom link baru
   
   Contohnya, reggy akan meredirect halaman Pasang Iklan Disini Paling Murah, ke yang terupdate yaitu Pasang Iklan Super Murah. Pada kolom pertama (link lama) reggy mengisi dengan /p/pasang-iklan-disini-paling-murah.html dan akan reggy redirect ke halaman baru. Di kolom kedua lalu reggy sisipkan /p/pasang-iklan-super-murah.html. Jadi, bagian link warna oranye saja yang disisipkan di kedua kolom tersebut.
5. Periksa kedua kolom, apakah link sudah tertulis dengan benar. Centang kotak permanen apabila sobat ingin menyeting redirect untuk selamanya. Jika ingin redirect untuk sementara, jangan centang kotak permanen. Jika sudah, klik Simpan pada kolom tersebut
   
6. Apabila sobat ingin menambah redirect lain, sobat tinggal tekan Pengalihan Baru. Jika tidak, langsung saja klik Simpan Perubahan
7. Tes link tersebut, dengan memasukkan link lama ke kolom address bar browser sobat. Apabila halaman lama diarahkan ke halaman baru. Custom redirect pun berhasil

Oke, itu semua merupakan cara bagaimana redirect suatu halaman blogger dengan custom redirect. Happy Blogging :)

Read More

Daftar situs Social Bookmark Dofollow Indonesia - 147 komentar

Daftar situs Social Bookmark Dofollow Indonesia - Sebagai blogger, kita pasti menginginkan blog yang mempunyai traffik tinggi. Karena seperti apa yang telah reggy sampaikan pada artikel tentang Cara ampuh Meningkatkan pengunjung blog, bahwa blog dengan traffik yang tinggi, popularitas blog itu akan menjadi meningkat dan banyak dicari orang - orang sebagai tempat belajar / bacaan, dan penghasilan dari blog pun meningkat. Salah satu caranya yaitu dengan berburu backlink dari situs-situs social bookmarking dofollow, karena berburu backlink bisa menjadi salah satu alternatif untuk mengatasi kejamnya penguin. Cara kerjanya sangat mudah sob, sobat hanya tinggal daftar dan submit artikel sobat ke daftar situs social bookmark dofollow di bawah ini

Tapi, saya sarankan sobat jangan terlalu frontal, daftar langsung submit. Modiflah kembali judul dan deskripsi artikel sobat agar artikel yang sobat submit dapat menarik perhatian para pengunjung situs social bookmark atau setiap orang yang searching sebuah topik yang sesuai dengan artikel yang sobat submit ke situs social bookmarking tersebut. Jadi, sobat akan mendapatkan trafik tidak berbayar (gratis) dari situs-situs social bookmark dofollow tersebut. Oke, untuk daftar situs social bookmark dofollow indonesia pr tingginya bisa langsung sobat lihat di bawah ini

1. lintas.me PR 4
2. infogue.com PR 4
3. qaafe.com PR 4
4. beritague.com PR 3
5. situsportal.com PR 3
6. populerkan.com PR 2
7. debuk.com PR 2
8. bookmarkindonesia.com PR 2
9. bagiurl.com PR 2
10. tunden.com PR 2
11. beritasaya.com PR 1
12. bagikan.com PR 1
13. plazaberita.com PR 1
14. klowor.com PR 1
15. situsku.sumbawanews.com PR 1
16. lenteraseo.com PR 1
17. dofollow.web.id PR 1
18. jaditerkenal.com PR 0
19. beritapilihan.com PR 0
20. sosbok.com PR 0
21. lintasaninfo.com PR 0
22. blogmarkit.info PR 0

Mungkin hanya beberapa daftar situs social bookmark dofollow indonesia ber pagerank tinggi di atas yang saya tulis. Jika ada sobat yang ingin menambahkan boleh berkomentar di bawah. Kesimpulannya, peran situs-situs social bookmark diatas ini sangat penting bagi kemajuan blog yang kita miliki dengan bantuan backlink berkualitas yang bisa kita dapatkan secara gratis :D

Read More

Cara pasang Iklan melayang di kiri atau di kanan blog - 47 komentar

Cara pasang Iklan melayang di kiri atau di kanan blog, iklan memang merupakan salah satu menjadi media promosi paling tepat. Namun, kita juga harus lebih efektif untuk memilih situs penyedia iklan tersebut. Dari yang murah efektif, hingga yang mahal. Salah satu caranya yaitu memilih space iklan yang strategis, bila sobat pandai memilih space iklan yang strategis, otomatis iklan sobat tersebut akan mudah di baca oleh si pembaca iklan. Lihat Disini untuk memasang iklan di tempat yang strategis

Selain si advertiser, pada publisher (penampil iklan) pun harus pandai memilih tempat strategis agar bisa mendapatkan penghasilan yang tinggi. Untuk tempat strategis itu bisa di sidebar, di header, di homepage, di kiri atau di kanan blog atau di tempat lain. Nah, pada postingan kali ini saya akan menerangkan bagaimana cara membuat dan cara pasang iklan melayang di kiri atau di kanan blog. Untuk membuatnya, bisa sobat langsung lihat langkah - langkahnya di bawah ini, cekidot

1. Pergi ke blogger.com menggunakan akun google sobat
2. Masuk ke halaman Template
3. Klik Edit HTML lalu Lanjutkan
4. Cari kode ]]></b:skin> (gunakan ctrl+f untuk memudahkan pencarian)
5. Jika sudah ketemu, copy kode di bawah ini dan pastekan di atas kode ]]></b:skin>
   

   #adslayoutleft {
   position:fixed;
   top:10px;
   margin-left :335px;
   float:left;
   z-index:10;
   }
   #adslayoutleft .iklankiri {
   float:right;
   clear:both;
   }
   #adslayoutleftright {
   float:right;
   position:fixed;
   top:10px;
   margin-left:-800px;
   z-index:10;
   }
   #adslayoutleftright.iklankanan {
   float:left;
   clear:both;
   }

6. Lalu Simpan Template
7. Selanjutnya, masuk ke halaman Tata Letak
8. Klik Tambah Gadget, lalu cari HTML/Javascript
9. Copy dan pasang kode di bawah ini
   

   <div id='adslayoutleft'><div class='iklankiri'>
   
   

   Simpan kode Adsense / Iklan sobat disini

   
   </div></div>
   <div id='adslayoutleftright'><div class='iklankanan'>
   
   

   Simpan kode Adsense / Iklan sobat disini

   
   </div></div>

10. Simpan dan lihat hasilnya

Jika ukuran margin terlalu panjang atau pendek. Sobat bisa mengubah ukuran marginnya dengan mengganti kode yang berwarna biru. Silahkan sobat atur sesuai keinginan sobat.

Read More

Cara membuat Iklan melayang (Floating ads) di blog - 18 komentar

Cara membuat Iklan melayang (Floating ads) di blog - Iklan adalah cara untuk mempromosikan barang, produk, ide, kegiatan, jasa dan lain lain dengan tujuan untuk mendorong si pembaca iklan agar tertarik membeli produk atau mengikuti kegiatan yang di iklankan. Seperti apa yang sudah saya jelaskan pada posting Iklan Internet Murah Efektif Berkualitas Indonesia, iklan sudah ada pada zaman yunani kuno. Hanya saja pada waktu itu, iklan yang pertama kali dibuat adalah iklan berupa surat edaran yang isinya tentang pegelaran pertandingan gladiator

Bicara tentang iklan, kali ini reggy akan menerangkan kepada sobat bagaimna cara membuat iklan melayang. Iklan melayang ini akan muncul ketika suatu loading blog telah selesai. Iklan melayang ini terletak di bagian atas blog dan sudah ada fungsi tombol Closenya. Jadi, pengunjung tidak merasa terganggu dengan adanya iklan melayang tersebut. Selain iklan, sobat juga bisa mengisi widget ini dengan chat box atau like box atau lainnya. Nah, untuk Cara membuat Iklan melayang (Floating ads) di blog sobat bisa lihat di bawah ini:

1. Masuk ke blogger.com menggunakan id blog sobat
2. Tata Letak
3. Tambah Gadget
4. Cari HTML/Javascript
5. Copy kode di bawah ini dan pasang di pengeditan html widget

<style type="text/css">
#gb{
position:fixed;

top:50px;

right:300px;

z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:center;
border:2px solid #000000;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript" src="http://www.geocities.ws/reggy/ads.js"></script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
Klik iklan di bawah ini lalu Klik CLOSE </a>
</div>
<center>

<!----Kode iklan / like box / lainnya----->

</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

6. Simpan dan lihat hasilnya

Ket:

• Tulisan yang berwarna merah adalah kode iklannya, bisa juga sibat ganti dengan kode lain seperti like box / tombol follow twitter / lainnya
• Tulisan yang berwarna biru adalah posisi floating ads nya
• Sobat bisa merubah warna kotak adsnya. Ganti tulisan yg berwarna hijau

Read More

Cara membuat Menubar dengan search box - 95 komentar

Cara membuat Menubar dengan search box - Siang sobat reggy, kali ini reggy akan menjawab pertanyaan dari para sobat. Yaitu membuat menubar di blog dengan search box. Seperti apa yang reggy jelaskan pada postingan sebelumnya, menubar atau bisa juga di sebut navigasi menu berfungsi sebagai tempat link agar pengunjung blog kalian mudah mengunjungi halaman penting blog kalian. Untuk sobat yang belum tau seperti apa menubar, liat pada bagian atas blognya reggy tulisan Home, Blogger tutorial, SEO tips. Nah, deretan menu itulah yang dinamakan menubar

Pada postingan kali ini, cara membuat menubar di blog nya beda dengan menubar sebelumnya. Bedanya yaitu menubar kali ini dilengkapi dengan search box di kanannya. Untuk demo bisa sobat lihat di gambar atas. Nah, search box jika di artikan ke dalam bahasa Indonesia yaitu kotak pencarian. Jadi, jika pengunjung sobat ingin mencari sesuatu di blog sobat, jadi tinggal mengetik di kotak pencarian tersebut. Untuk mengetahui bagaimana cara membuat menubar dengan search box bisa sobat langsung lihat di bawah ini

1. Seperti biasa, masuk ke blogger.com lalu login menggunakan akun google sobat
2. Masuk pada halaman Template
3. Klik Edit HTML kemudian Lanjutkan
4. Pertama - tama, cari kode ]]></b:skin> (gunakan ctrl+f untuk memudahkan pencarian)
5. Jika sudah ketemu, pasang kode di bawah ini di atas kode ]]></b:skin>

#menubar{
width:920px;
height:38px;
background:#de360f;
border-radius:2px;
float:center;
margin:0px auto;
}
#menubar-left{
float:left;
width:720px;
padding:0 0 2px 2px;
}
#menubar-right{
float:right;
width:170px;
padding-top:8px;
padding-right:18px
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:12px 10px;
color:#fff;
position:relative;
font-weight:bold !important;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
text-decoration:none;
background:#F0512D;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:35px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:37px;
border:1px solid #de360f;
border-radius:0px 0px 8px 8px;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
#search{
border:1px solid #F0512D;
height:20px;
width:180px;
background:#f6f4f4;
}
#search input{
color:#777;
border:none;
}
#s-m{
font-size:11px;
width:180px;
padding-left:4px;
padding-top:5px;
margin:0;
}
#search-t #search{
background-color:#FFFFFF;
border:1px solid #F0512D;
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
}
#search-t #s-m{
width:155px;
padding-top:3px;
}

6. Selanjutnya, cari kode <div id="content-wrapper">
7. Lalu pasang kode di bawah ini, di atas kode <div id="content-wrapper">

<div id='menubar'>
<div id='menubar-left'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me 1</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me 2</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me 3</a>
<ul>
<li><a href='http://blognya-reggy.blogspot.com/'>Sub menu 1</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Sub menu 2</a></li>
</ul>
</li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me 4</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me 5</a></li>
</ul>
</div>
<div id='menubar-right'>
<div id='search-t'>
<div id='search'>
<form action='/search' method='search' target='_blank'>
<input class='keyword' id='s-m' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Cari artikel disini..&quot;;}' onfocus='if (this.value == &quot;Cari artikel disini..&quot;) {this.value = &quot;&quot;}' type='text' value='Cari artikel disini..'/>
<input src='http://1.bp.blogspot.com/_C6KkooKXCEw/TIBqtV6pdmI/AAAAAAAAGyM/QUBsym_R9V0/s200/search-c.png' style='border: 0pt none ;vertical-align: top; padding-top:4px; padding-right:3px;' type='image'/>
</form>
</div>
</div>
</div>
</div>

8. Simpan Template dan lihat hasilnya

Keterangan:

• Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
• Ganti tulisan berwarna Biru (Edit me / Submenu) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
• Untuk mengubah panjang menubar bisa sobat ganti tulisan 920px menjadi sesuai dengan keinginan sobat
• Untuk mengganti warna menubar, coba cari kode background:#de360f; . Ganti kode yang berwarna orange dengan kode warna yang diinginkan. Cek Disini
• Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.
• Bila kode <div id="content-wrapper"> tidak ada, coba ganti dengan <div id="header-wrapper"> atau <div id="outer-wrapper">

Nah, itu semua merupakan tutorial bagaimana cara membuat menubar dengan search box. Oke sobat reggy, reggy sudahi sampai disini dulu ya.

Read More

Membuat Judul blog bergerak - 115 komentar

Membuat Judul blog bergerak adalah salah satu cara untuk membuat blog sobat menjadi terlihat lebih menarik. Nah, selain itu judul blog bergerak ini pun memiliki fungsi lain sob, mungkin sobat memiliki sebuah blog yang judul blognya panjang, judul blog bergerak ini merupakan salah satu alternatif agar judul blog sobat yang panjang terbaca. Oiya, judul blog yang dimaksud ini adalah nama blog sobat. Untuk melihat contohnya, judul blog saya adalah Blognya Reggy.

Hanya dengan mengubah sedikit kode html template sobat, judul blog bergerak pun jadi. Pada postingan sebelumnya juga kita pernah membahas tentang Cara membuat judul adress bar tampil beda. Sama dengan postingan sebelumnya, kita menggunakan script yang dapat membuat judul blog bergerak. Untuk gerakannya, judul blog bergerak ini satu jenis dengan marquee. Yaitu bergerak dari kanan ke kiri. Okedeh sobat, tanpa basa-basi lagi silahkan sobat lihat bagaimana cara Membuat Judul blog bergerak di bawah ini.

1. Masuk ke blogger.com dan login menggunakan akun blog sobat
2. Masuk pada halaman Template
3. Klik Edit HTML lalu Lanjutkan
4. Cari kode <title><data:blog.pageTitle/></title>, untuk mempermudah pencarian gunakan ctrl+f
5. Jika kode tersebut sudah ditemukan, ganti kode tersebut dengan kode di bawah ini:
   

   <b:include data='blog' name='all-head-content'/>
   
   <script language='JavaScript'>
   var txt="<data:blog.pageTitle/> - ";
   var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
   txt=txt.substring(1,txt.length)+txt.charAt(0);
   segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
   </script>

   - tulisan berwarna merah adalah kode dari kecepatan gerakan judul blog. Jadi bisa sobat ganti sesuai dengan keinginan sobat.
   - tulisan berwarna biru adalah kode otomatis dari judul blog sobat. Nah, bisa sobat ganti dengan mengganti kode berwarna biru tersebut dengan judul blog sobat yang diinginkan
6. Sebelum sobat simpan, silahkan klik Pratinjau terlebih dahulu agar judul blog berjalan sesuai dengan keinginan sobat
7. Jika sudah pas dan sesuai dengan keinginan sobat silahkan klik Simpan Template

Bagaimana ? sederhana kan sobat untuk membuat judul blog bergerak? Okedeh sob, reggy pamit dulu sampai disini. Sampai jumpa ;)

Read More

Cara daftar Feedburner - 28 komentar

Cara daftar Feedburner - Nah, sekarang kita akan belajar bagaimana cara daftar feedburner dengan mudah. Sebelumnya, saya akan menjelaskan apa itu feedburner. Feedburner adalah layanan gratis dari google yang disediakan untuk melakukan manajemen serta kontrol feed suatu blog/website yang lebih maksimal. Selain itu, feedburner juga mempublikasikan suatu blog/website dengan cara menyebarkan konten dan rss feed. Sehingga secara tidak langsung, ternyata blog/website sobat sudah di promosikan.

Feedburner memiliki banyak fitur yang sangat bermanfaat bagi kita. Salah satunya yaitu layanan yang memudahkan pengunjung blog sobat untuk berlangganan konten blog melalui e-mail. Ada juga fitur yang memungkinkan sobat untuk melakukan kostumasi feed, publikasi feed, optimasi feed dan masih banyak lagi. Nah, dalam tutorial ini kang reggy akan menjelaskan bagaimana cara daftar feedburner dan Cara membuat feed di feedburner

1. Pertama-tama masuk ke feedburner.google.com dan login menggunakan akun google sobat
2. Di halaman awal feedburner, lihat pada kolom Burn a feed right this instant. Masukkan url feed sobat pada form dibawahnya. Contoh: http://blognya-reggy.blogspot.com/feeds/posts/default *ganti tulisan merah
dengan alamat blog sobat. Jika sudah, klik Next

3. Selanjutnya, feed akan terverifikasi. Nah, feedburner akan secara otomatis title (nama feed) akan diambil dari feed blogger. Url feedburner pun otomatis akan diambil dari feedburner. Tetapi, jika sobat ingin merubahnya, silahkan merubah sesuai keinginan sobat. Jika sudah klik Next

4. Proses pembuatan feed selesai, bila sukses nanti ada konfirmasi seperti pada gambar. Setelah itu sobat akan ditawarkan untuk menambah fitur feed stats (statistik feed). Kemudian klik Next

5. Beri centang pada Clickthorughs dan I want more! Have Feedburner Stats also track. Khusus untuk podcast blog/website beri centang pada Item inclosure downloads tetapi bila status blog sobat biasa. Jangan di centang. Jika sudah klik Next

6. Proses pembuatan feed di feedburner pun akhirnya selesai. Kini sobat tinggal memasang link feedburner dimanapun agar pengunjung mudah menemukan link feed sobat



Nah, selesai sudah reggy menerangkan bagaimana Cara daftar feedburner dan Cara membuat feed di feedburner. Di lain waktu, mungkin kang reggy akan posting lain tentang feed. Stay update okay ;) see you

Read More

Cara membuat Contact form di blog - 73 komentar

Membuat Contact form (Formulir kontak) di blog mungkin dapat dikatakan penting. Mengapa demikian ? membuat contact form di blog, fungsinya untuk mempermudah pengunjung memberi kritk / saran pada suatu blog. Dengan itu, kedua pihak antara pemilik suatu blog/website dan pengunjung suatu blog/website dapat menjaga privacy masing-masing karena contact form ini. Selain itu, memasang contact form juga berfungsi untuk menghindari spam yang dikirim melalui email.

Nah, biasanya pemilik blog/website menaruh contact formnya di suatu halaman yang biasanya dinamai dengan "Contact Me / Kontak Saya". Sayangnya blogger/blogspot belum menyediakan halaman contact me secara default. Berbeda dengan blogger, Wordpress sudah menyediakan halaman contact me secara default. Tapi sobat blogger jangan khawatir, kita dapat membuat halaman contact me sendiri dan menggunakan contact form dari layanan external suatu situs. Oke, langsung saja kita ke Cara membuat Contact form di blog:

Langkah pertama, membuat contact form di blog

1. Pilih salah satu website penyedia contact form di bawah ini
   
   • Email me form : http://emailmeform.com/
   • Jotform : http://jotform.me/
   • 123 Contact form : http://www.123contactform.com/
   • Kontactr : http://kontactr.com/
2. Buatlah akun di website yang telah sobat pilih diatas. Lalu ikuti langkah - langkah untuk membuat contact form. Langkah-langkah yang diterangkan di website di atas sudah jelas sob, jadi saya tidak perlu menjelaskan lagi disini. Di website diatas, sobat dapat melakukan kostumisasi untuk contact form. Seperti menambah form, merubah tulisan form, merubah panjang dan lebar, merubah warna dan masih banyak lagi
3. Lalu, copy kode contact form yang telah sobat buat tadi. Disana terdapat beberapa opsi kode yang bisa sobat pilih. Untuk blog berplatform blogger/blogspot, sobat bisa memilih opsi kode html/javascript

Langkah kedua, membuat halaman contact me di blog

1. Masuk ke blogger menggunakan email dan password sobat. Jika sudah, lanjut ke langkah ke-2
2. Buatlah sebuah halaman posting baru dengan judul "Contact Me / Kontak Saya / Contact Us / lainnya yang sobat inginkan" lalu pilih Setelan entri > Pilihan > Beri tanda pada Jangan bolehkan mode tulis pada bagian Komentar pembaca. Namun, saya menyarankan agar sobat menggunakan halaman statis / pages (Untuk membuatnya masuk ke halaman Dasboard > Laman > Laman Baru > Laman Kosong). Karena, sobat tidak perlu lagi untuk menyeting lagi seperti halaman posting.
3. Klik kotak HTML pada pojok kiri atas
   
4. Masukan kode contact form yang sudah sobat buat tadi ke dalam kotak posting
5. Untuk melihat hasilnya, klik pada kotak Compose
   
6. Jika menurut sobat sudah beres bisa langsung klik Publikasikan
7. Copy linknya dan pasang di menubar / di bagian blog lain yang sobat suka
8. Selesai

Nah, cara membuat contact form di blog sangatlah mudah kan ? ok sob, kang reggy sudahi sampai disini dulu ok. Sampai Jumpa ;)

Read More

Memasang Related post with thumbnail (Linkwithin) di blog - 39 komentar

Nah, setelah sekian hari kang reggy istirahat tidak mengurus blog. Akhirnya, kang reggy kembali datang mengurus blog :D. Sekarang, kita akan mempelajari tentang bagaimana cara memasang related post with thumbnail dari Linkwithin. Linkwithin adalah situs penyedia widget related post bergambar untuk beberapa blog atau website. Pada posting sebelumnya juga, kang reggy pernah menjelaskan bagaimana cara memasang related post with scroll di bawah postingan. Fungsi dari related post with thumbnail ini sama dengan related post sebelumnya. Yaitu untuk mempermudah pengunjung blog sobat membaca postingan lainnya dan fungsi lainnya yaitu untuk meningkatkan pageview sobat. Nah, berikut penampakan dari related post with thumbnail (linkwithin)

Linkwithin akan membaca seluruh postingan sobat secara random. Bahkan, postingan yang belum pernah dilihat, akan ditampilkan oleh linkwithin. Jadi fiturnya bagus kan ;). Linkwithin biasanya dipasang di bawah postingan. Tampilan linkwithin, dapat menarik perhatian pengunjung untuk mengkliknya. Linkwithin melakukan generating gambar dari postingan yang dimuat, atau jika tidak ada gambar dalam suatu postingan, LinkWithin akan menampilkan gambar dasar berwarna abu-abu dan sedikit bertekstur. Nah, tertarik untuk memasangnya di blog sobat, so cek this out..

Cara memasang Related post with thumnail (linkwithin) di blog

1. Langsung saja sobat kunjungi situsnya di www.linkwithin.com/learn
2. Di bagian kanan, terdapat kolom pengisian untuk mendapatkan widget linkwithin
3. Isi alamat e-mail sobat dengan benar
4. Di kolom selanjutnya, isi dengan url blog/website sobat
5. Kemudian pilih platform blog sobat. Nah, langkah ini dilakukan jika sobat ingin memasang widget linkwithin secara mudah dan cepat
6. Pilih jumlah postingan/stories yang ingin ditampilkan
7. Jika blog sobat menggunakan tampilan yang gelap, centang saja pada "My blog has light text on a dark background"
8. Lalu klik Get Widget!
9. Dihalaman selanjutnya sobat akan dibimbing untuk memasang widget linkwithin sesuai dengan platform blog
10. Setelah itu di halaman Tata Letak, drag widget link within ke bawah postingan

Cara menghilangkan widget linkwithin di homepage
Bila sobat memasang widget link within menggunakan langkah cepat dan mudah. Hasilnya widget akan muncul di homepage. Jadi aneh terlihatnya, Selain itu, loading di homepage akan menjadi lambat dan berat. Nah, untuk menghilangkan widget linkwithin di homepage silahkan ikuti langkah - langkah di bawah ini:

1. Ikuti langkah-langkah mendapatkan widget linkwithin seperti biasa, namun menggunakan Platform Other
2. Lalu copy kodenya
3. Masuk ke halaman Template
4. Edit HTML lalu Lanjutkan
5. Cari kode </body> gunakan ctrl+f
6. Copy kode di bawah ini dan pastekan di atask kode </body>

   <b:if cond='data:blog.pageType == &quot;item&quot;'>

   Paste kode linkwithin disini

   </b:if>

7. Simpan Template

Cara mengganti tulisan You might also like pada linkwithin
Nah, sekarang saatnya modif widget tersebut. Yaitu dengan mengubah tulisan You might also like dengan tulisan yang sobat inginkan. Berikut langkah-langkahnya:

1. Masuk ke halaman Template
2. Edit HTML lalu Lanjutkan
3. cari kode </head> gunakan ctrl+f
4. pasang kode di bawah ini di atas kode tersebut
   

   <script>linkwithin_text='Artikel Terkait:'</script>

5. Ganti tulisan Artikel Terkait: dengan tulisan yang sobat inginkan
6. Simpan Template

Nah, bagaimana ? sudah jelas ? okedeh kang reggy pamit dulu untuk Memasang Related post with thumbnail (Linkwithin) di blog. Sampai Jumpa ;)

Read More

Cara mudah mendapatkan Google Sitelinks - 48 komentar

Cara mudah mendapatkan Google Sitelinks mungkin perlu di lakukan untuk blog sobat, karena google sitelinks bermanfaat untuk meningkatkan traffic blog/website serta menunjukkan adanya otoritas blog/website di mata search engine dan pengunjung karena tidak semua website/blog memiliki sitelinks di hasil pencarian Google. Sebelum kita ke pembahasan, sekarang saya menjelaskan apa itu google sitelinks. Google Sitelinks adalah kumpulan link navigasi di dalam suatu blog/website dimana pengunjung dapat dengan mudah menemukan halaman yg diinginkannya. Untuk mengetahui seperti apa google sitelinks itu, lihat hasil pencarian blognya reggy di bawah ini:

Nah, dari gambar diatas dapat disimpulkan, bahwa link yang terdapat di hasil utama pencarian google merupakan link homepage, sedangkan di bawahnya terdapat link - link yang menuju ke halaman tertentu dari suatu website, link-link di bawah itulah yang dinamakan dengan Google Sitelinks. Untuk mendapatkan Google Sitelinks bukanlah hal yang mudah seperti mengambil permen dari anak kecil. Karena google hanya menampilkan sitelinks di hasil pencarian apabila Google menemukan navigasi yg bermanfaat bagi user dan sesuai dengan algoritma google search engine. Okedeh sob, setidaknya ada beberapa point penting yang dapat sobat gunakan untuk mendapatkan google sitelinks. Point-point Cara mudah mendapatkan Google Sitelinks itu bisa sobat lihat di bawah ini:

1. Membuat blog lebih SEO Friendly
   Point ini bisa sobat lakukan seperti mengganti template seo friendly, meningkatkan SEO blogspot dan yang paling lengkap untuk mengetahui ciri-ciri blog yang SEO friendly dan membuat blog lebih SEO friendly dapat sobat lihat Disini
2. Daftarkan blog/website sobat ke Google Webmaster Tools
   Point ini yang wajib hukumnya, karena dengan google webmaster tools kita akan lebih mudah mengontrol perkembangan blog kita. Banyak fasilitas/tools yang tersedia disana, Misal :
   Site configuration menyakup Sitemaps, Crawler Acces, Sitelink dll. Usahakan jangan ada duplikat konten atau duplikat lainnya, karena itu berpengaruh untuk mendapatkan Google sitelinks
3. Buatlah Navigasi blog yang penting
   Navigasi blog adalah hal paling utama yang paling berpengaruh untuk mendapatkan Google Sitelinks. Gunakanlah menu-menu yg terstruktur dengan baik dan dapat dibaca dengan baik pula oleh google search engine. Hindari penggunaan navigasi yg banyak mengandung javascript. Sobat dapat menggunakan menu-navigasi dengan struktur HTML untuk mendukung sitelinks website. Untuk membuat navigasi blog yang baik, sobat bisa lihat di Cara membuat menubar di Blog
4. Jangan terlalu berlebihan memasang Label sebagai bagian utama menu
   Mengapa para bloggers disarankan agar tidak terlalu berlebihan memasang label sebagai bagian utama? pertanyaan sepanjang itu tapi jawabnya hanya singkat, karena label tidak terdeteksi google search engine. Untuk membuat kumpulan posting atau sejenisnya, buatlah halaman posting atau halaman statis dan pasang url serta anchor textnya.
5. Stabilitas keyword di hasil pencarian berpengaruh besar
   Kalau diperhatikan, rata-rata google sitelinks memiliki keyword yg sangat identik dengan suatu blog/website. Artinya, optimasi link dan keyword sangat kuat. Nah, saya sarankan untuk terus memperkuat keyword tersebut dengan link building hingga akhirnya keyword tersebut melekat dan menjadi nama identik bagi suatu blog/website
6. Pemasangan meta tag di blog juga berpengaruh
   Pemasangan meta tag di blog juga berpengaruh sob, jadi gunakanlah meta tag yang mengandung keyword yang sedang dioptimasikan. Jangan lupa, susun kembali meta tag descriptionnya agar terlihat rapi sehingga memiliki keterkaitan dengan suatu blog/website. Coba lihat tutorial tentang Cara memasang Meta tag pada blog
7. Tingkatkan traffic dari suatu blog/website
   Banyak juga yang bilang bahwa traffic suatu blog/website juga berpengaruh untuk mendapatkan google sitelinks. Tapi menurut saya, point menintkakan traffic tidak terlalu berpengaruh alias sedikit. Coba deh sobat lihat blog/website yang trafficnya tinggi, tetapi masih ada yang belum mendapatkan google sitelinks.
8. Posisi SERP dari blog sobat juga berpengaruh
   Nah, ternyata posisi serp blog sobat juga berpengaruh untuk mendapatkan google sitelinks, semakin besar CTR (click through rate) yg menuju blog/website, semakin besar pula kemungkinan mendapatkan sitelinks. Untuk mengetahui ctr menuju blog/website, sobat bisa gunakan jasa dari situs Google Analyticts
9. Keep posting dan tetap berdoa :D
   Jika point ini yaitu berdoa tidak dilaksanakan, ke-8 point diatas akan sia-sia. Karena, setelah berusaha, sobat harus berdoa dan meminta pertolongan kepada tuhan yang maha kuasa agar mendapatkan yang sobat inginkan :D

Yaps, mungkin 9 point itu saja yang dapat sobat gunakan untuk  Cara mudah mendapatkan Google Sitelinks. Ke 9 point itu saya dapatkan dari pengalaman saya sendiri dan ada juga yang saya dapatkan dari pengalaman orang lain. Jika sobat ingin menambahkan bisa hubungi kang reggy atau berkomentar di bawah. Selamat Mencoba ;)

Read More

Cara membuat blog cepat Terindeks Google - 137 komentar

Bagaimana Cara membuat blog cepat terindeks Google mungkin beberapa dari sobat bertanya - tanya soal itu. Dan apakah sobat sudah tau apa efek dari website/blog cepat terindeks mesin pencari google ? seperti apa yang saya terangkan dalam artikel tentang cara meningkatkan seo blogspot bahwa search engine adalah salah satu ramuan paling ampuh untuk meningkatkan traffik blog.

Jadi bila artikel sobat cepat terindeks google, pastinya artikel sobat cepat ditemukan oleh sang pencari di google search engine. Naha terindeks google hungkulh kang? ehh maksudnya, kenapa hanya terindeks google kang? *malah pake bahasa sunda hehehe :P. Pada artikel sebelumnya juga saya telah menerangkan, bahwa Google adalah mesin pencari yang paling sering digunakan saat ini. Pada umumnya, jika blog sobat sudah mulai dikenal mbah Google, setelah sobat mempublikasikan artikel blog sobat. Artikel sobat terdeteksi google selama 30 menit. Menurut pengalaman yang saya alami ini, untuk membuat blog cepat terindeks google dapat dilakukan dengan berbagai cara. Cara - cara untuk membuat blog cepat terindeks google bisa langsung sobat lihat di bawah ini

1. Hal yang paling utama, pastinya blog sobat sudah terdaftarkan di google. Jika belum, silahkan lihat Disini untuk mengetahui bagaimana cara mendaftarkan blog ke google
2. Selain itu, adapula tool untuk memperkuat pendaftaran blog ke google. Tool itu bisa sobat lihat Disini
3. Sekarang saatnya optimasi, setelah sobat mempublikasikan artikel sobat. Biasakanlah untuk melakukan ping terhadap url artikel dan judul artikel blog sobat tersebut. Hal ini berfungsi untuk membuat notifikasi ping directory. Melakukan ping terhadap artikel sobat, bisa sobat coba menggunakan layanan ping seperti pingler.com , mypagerank.net/service_pingservice_index dan masih banyak lagi
4. Daftar dan buat sitemap blog sobat di google webmaster tools
5. Tingkatkan SEO blogspot sobat
6. Carilah backlink yang berkualitas
7. Nah, satulagi niih. untuk memperkuat popularitas dan otoritas link artikel blog sobat. Daftarkan pula blog sobat ke direktori blog dofollow dan berkomentar ke blog - blog dofollow. Selain itu, social networkpun bisa juga sobat gunakan untuk memperkuat populartias dan otoritas link artikel blog sobat

Selain ke 7 poin di atas, masih banyak cara untuk membuat blog cepat terindeks google. Bila sobat ingin menambahkan, bisa sobat kirim melalui komentar. Nah, sampai disini dulu ok untuk cara membuat blog cepat terindeks google. Sampai Jumpa ;)

Read More

Memasang jumlah komentar pada judul posting - 32 komentar

Memasang jumlah komentar pada judul post adalah judul postingan untuk menjawab pertanyaan salah seorang blogger yang menanyakan "Kang, blog ini dihalaman depan samping judul post ada comment link berwarna hijau, itu bagaimana cara bikinnya ???". Pertanyaan salah seorang blogger tadi mengarah kepada gambar hijau yang berisi jumlah komentar yang berada pada judul posting blog ini.

Selain berfungsi sebagai pernak - pernik blog, memasang jumlah komentar pada judul posting berfungsi juga untuk mengetahui jumlah komentar pada suatu artikel blog. Oke sob, tanpa basa - basi lagi, kita langsung saja ke tutorial tentang Memasang jumlah komentar pada judul posting di bawah ini:

1. Login pada blogger menggunakan id blog sobat
2. Masuk ke halaman Template
3. Klik Edit HTML lalu Lanjutkan
4. Jangan lupa klik centang pada Expand Template Widget
5. Pertama - tama, cari kode ]]></b:skin>
6. Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

   .comment-link {
   background:url(http://1.bp.blogspot.com/-bTr-wNh7Md4/T7iKWkVLxrI/AAAAAAAAAKY/asAv-ixLfjY/s1600/comment-link+anjeunn.png) no-repeat;
   width:30px;
   height:20px;
   float:right;
   color:#fff !important;
   font-size:10px;
   text-align:center;
   margin-left:4px;
   }

7. Selanjutnya, cari kode yang mirip dengan <h2 class='post-title entry-title'>
8. Copy kode di bawah ini dan paste di sebelah kode <h2 class='post-title entry-title'>
   

   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <span class='post-comment-link'>
   <b:if cond='data:post.allowComments'>
   <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>0<b:else/><data:post.numComments/></b:if></a>
   </b:if>
   </span>
   </b:if> 

9. Nah, jika semua itu dipasang, jumlah komentar akan muncul di halaman homepage, jadi di halaman postingan tidak ada. Untuk mencegah munculnya jumlah komentar tampil di halaman statis (pages) copy kode di bawah ini, dan paste di atas kode </head>

   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   <style>
   .comment-link{display:none;}
   </style>
   </b:if>

10. Simpan Template dan lihat hasilnya

Selesai deh, ohiya sob, untuk mengganti gambar jumlah komentarnya, ganti saja tulisan berwarna merah dengan link gambar yang sobat inginkan untuk dijadikan sebagai gambar jumlah komentarnya. Nah, sampai disini dulu untuk Memasang jumlah komentar pada judul posting. Sampai Jumpa ;)

Read More

Cara membagi header menjadi 2 kolom - 32 komentar

Hallo sobat, jumpa lagi dengan kang reggy :D. Sekarang, kang reggy akan kembali posting tutorial blog kali ini tentang Cara membagi header menjadi 2 kolom. Nah, sobat pasti bertanya, untuk apakah kolom header dibagi menjadi 2 kolom? jawabannya, kalau header blog, pada umumnya kolom pertama yaitu kolom judul blog sobat dan kolom kedua bisa sobat pakai seperti untuk adsense, pemasangan iklan, search engine dll. Membagi / membelah header menjadi 2 kolom, perlu diketahui desain template itu sangatlah komplek dan menggunakan banyak sekali teknik.

Agar mudah dan terfokus, sebagai contoh untuk menbagi header menjadi 2 bagian kang reggy menggunakan template buatan blogjuragan yaitu Thesis seo blogger template, silahkan sobat mendownloadnya disini Disini. Tetapi jika sobat merasa sudah ahli dalam pengeditan template tidak masalah lah jika menggunakan template sobat sendiri ;). Jika sobat sudah mendownload dan mengupload templatenya ke blog sobat, tampilan header sebelum di edit gambarnya seperti di bawah ini

Oh iya, sebelum kita ke tkp, agar tidak terjadi hal yang tidak diinginkan seperti blog kesayangan sobat menjadi acak - acakan hanya karena hal percobaan, kang reggy sarankan jangan dulu mencoba tutorial ini pada blog kesayangan sobat. Buatlah blog untuk percobaan kemudian upload template thesisnya.  Are you ready guys? ok 1...2...3 lets go, eiitts, kayak mau perlombaan lari aja, hehehe :p. Okedeh sobat, kita langsung ke cara membagi header menjadi 2 kolom

1. Login pada pada Blogger menggunakan id blog sobat
2. Template
3. Edit HTML lalu Lanjutkan
4. pertama - tama cari kode #header-wrapper { atau lebih lengkapnya mirip seperti di bawah ini
   

   #header-wrapper {
   -moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;
   background:transparent url(http://3.bp.blogspot.com/_rLYhkzmU7RY/TDvdaQEQJhI/AAAAAAAAAAM/tQr4P8Rb7AQ/s1600/line.gif) repeat-x scroll left bottom;
   height:119px;
   width:900px;
   }
   #header-inner {
   background-position:center center;
   margin-left:auto;
   margin-right:auto;
   }
   #header {
   color:#000000;
   text-align:left;
   }

5. hapus dan ganti kode tersebut dengan kode dibawah ini:
   

   #header-wrapper {
   -moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;
   background:transparent url(http://3.bp.blogspot.com/_rLYhkzmU7RY/TDvdaQEQJhI/AAAAAAAAAAM/tQr4P8Rb7AQ/s1600/line.gif) repeat-x scroll left bottom;
   height:100px;
   width:900px;
   }
   #header-inner {
   width:428px;
   margin:0 auto;
   padding-top:6px;float:left;
   }
   #header {
   color:#000000;
   text-align:left;
   }
   #r_head{
   width:468px;
   float:right;
   padding-top:6px;
   }

6. selanjutnya geser scroll ke bawah dan cari kode <div id='header-wrapper'> atau lebih lengkapnya mirip seperti di bawah ini
   

   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Blognya Reggy Demo (Header)' type='Header'/>
   </b:section>
   </div> 

7. hapus kode di atas dan ganti dengan kode di bawah ini
   

   <div id='header-wrapper'>
   <div id='header-inner'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Blognya Reggy Demo (Header)' type='Header'/>
   </b:section>
   </div>
   <div id='header-kanan'>
   <b:section class='header2' id='header2'/>
   </b:section>
   </div>
   </div>

8. Simpan Template

Selesai deh, jika semua langkah sudah sobat lakukan seperti di atas, tampilan kolom sesudah diedit akan menjadi seperti pada gambar di bawah ini

Bagaimana sob ? susah apa mudah ? oh iya, kang reggy baru ingat, jika sobat ingin mengubah ukuran setiap kolom, tinggal utak - atik kode yang berwarna merah dengan ukuran yang sesuai dengan kebutuhan sobat. Okedeh sob, sampai disini dulu untuk Cara membagi header menjadi 2 kolom. Sampai Jumpa ;)

ZSF33Z7V3366

Read More

Cara meningkatkan SEO blogspot - 123 komentar

Cara meningkatkan SEO blogspot atau dalam bahasa inggrisnya How to improve SEO blogspot perlu diterapkan untuk blog - blog sobat semua. Sebelumnya, saya akan menjelaskan Apa itu SEO. SEO yang memiliki kepanjangan Search Engine Optimization adalah proses meningkatkan/mengoptimalkan peringkat di hasil indeks halaman search engine (SERP) untuk meningkatkan jumlah pengunjung blog/website. Jadi, semakin tinggi posisi SERP sobat, semakin besar pula kemungkinan jumlah pengunjung.

Kalau sobat ingin tau, sangat jarang penjelajah (pengunjung) search engine yang melakukan browsing dari halaman 1 ke halaman seterusnya. Yang dilihat hanya halaman serp ke 1 saja. Maka dari itu, para webmaster bersaing dan berebut posisi serp agar web / blog tampil halaman utama search engine. Ada juga istilah lain dari SEO (Search Engine Optimizer) yakni pelaku, alat, & elemen yang dapat membantu meningkatkan peringkat SERP blog/website. Oke deh sob, kita langsung ke tutorial dasar Cara meningkatkan SEO blogspot :

1. Memilih template yang SEO friendly
   Suatu desain template blog bisa saja memiliki keunggulan dan kelemahan. Di satu sisi, sebuah tampilan template / theme tampak dinamis (bagus) tampilannya, namun dari segi SEO bisa saja lemah, ataupun sebaliknya. Oleh karena itu, pilihlah template Blogger yang SEO friendly. Saat ini telah banyak tersedia template Blogger gratis berkualitas premium yang telah disisipi hack SEO.
2. Memasang meta tag pada blog
   Memang banyak jenis - jenis meta tag, yang paling sering digunakan yakni meta description, yang berisi deskripsi blog/website dan meta key, yang berisi keyword-keyword yang berkaitan dengan isi blog/website. Nah, ada pula cara yang digunakan oleh para webmaster dengan memasang meta tag di setiap postingan. Sobat bisa melihatnya Disini
3. Maksimalkan keyword yang padat dan efektif di dalam postingan blog
   Pada langkah ini, sobat harus pintar menaruh keyword di postingan blog sobat. Misalkan, keyword harga handphone. Isilah beberapa keyword yang sering dicari orang dan sesuai dengan judul postingan. Dan, berilah efek tulisan bercetak tebal (Bold) / miring (Italic) / bisa juga underline (U)
4. Link building
   Link building adalah proses menciptakan inbound link (link yang mengarah ke blog/website), yaitu mendapatkan backlink dari blog/website lain. Link building dapat dilakukan dengan berbagai banyak cara, yaitu: membuat reciprocal link baik dengan direktori/social bookmark (yang mensyaratkan reciprocal link), bertukar link dengan blog/website lain, mendaftarkan blog dan artikel ke social bookmark/direktori dan masih banyak lagi. Pada langkah ini, merupakan langkah yang memiliki poin penting dalam SEO
5. Percepat Loading Blog
   Memang banyak cara untuk mempercepat loading blog. Seperti, mengatur jumlah postingan di blog, menggunakan auto readmore, menggunakan widget yang berguna saja, optimasi css dan javascript. dan masih banyak lagi
6. Meletakkan judul blog di belakang judul postingan
   Maksud dari langkah ini yaitu bila sobat baru membuat blog dan memakai template official. Judul blog standart yaitu "Blog Sobat : Cara membuat blog" nah bila udah disetting akan menjadi seperti ini "Cara membuat blog | Blog Sobat" untuk menyetingnya, sobat bisa menggunakan meta tag yang sudah disetting judul blognya. Sobat dapat melihat tutorialnya Disini

Sebenarnya masih banyak cara meningkatkan SEO blogspot namun tutorial di atas hanya tutorial dasar yang merupakan hasil pengalaman saya dalam meningkatkan SEO blogspot. Oke sob, sampai disini dulu untuk Cara meningkatkan SEO blogspot. Sampai Jumpa ;)

Read More