CARA MUDAH MENINGKATKAN TRAFFIC RANK ALEXA

Cara meningkatkan ranking Alexa atau Alexa rank website maupun blog agar memiliki peringkat yang bagus berdasarkan ilmu yang kami pelajari dan berdasarkan pengalaman selama ini ternyata cukup sederhana caranya, namun hal tersebut tidak mudah untuk dilakukan.
Website yang memiliki ranking bagus tentu mendatangkan banyak hal positif, diantaranya bisa jadi sinyal bahwa website tersebut berkualitas, kredibilitasnya diakui, menandakan website tersebut disukai pengunjung, dikunjungi banyak orang, dan bisa jadi pertimbangan bagi orang lain yang ingin melakukan kerjasama, serta hal positif lain bagi pemiliknya seperti menimbulkan rasa bangga, senang dan menimbulkan rasa semangat untuk semakin meningkatkan kualitas.

Ranking Alexa (Image: bloggeraam.com)

Salah satu alat yang paling banyak digunakan orang untuk mengukur ranking atau peringkat sebuah website adalah Alexa. Jika kita berbicara tentang ranking website maka Alexa sering kali menjadi rujukan utama. Walaupun ada sebagian orang yang tidak percaya dengan angka yang dikeluarkan Alexa dengan berbagai alasan. Namun faktanya Alexa masih sangat dipertimbangkan.

Apa itu Alexa rank?

Sebelum kita membahas cara, lebih baik kita bahas sedikit tentang Alexa, Alexa adalah sebuah website yang didirikan pada tahun 1996 oleh Brewster Kahle dan Bruce Gilliat, tujuannya adalah untuk melakukan pemeringkatan website-website yang ada di Internet berdasarkan banyaknya kunjungan pada setiap website. Makin banyak pengunjung maka makin tinggi peringkatnya (makin kecil angkanya), sebagai contoh pada saat artikel ini kami tulis ranking website google.com adalah 1, sedangkan youtube.com rankingnya 3, karena memang pengunjung google.com lebih banyak dibanding youtube.com. Alexa saat ini berada dibawah naungan Amazon.com karena sudah diakuisisi pada tahun 1999.

Bagaimana cara atau metode penghitungan yang dilakukan Alexa?

Alexa melakukan pemeringkatan berdasarkan jumlah pengujung, menurut Alexa sendiri, mereka mengatahui seseorang mengunjungi sebuah website dari Alexa Toolbar yang diinstall oleh orang tersebut di browsernya, namun tentu tidak semua orang menginstal Alexa Toolbar, oleh karena itu penghitungan Alexa dianggap oleh sebagian orang kurang tepat dan tidak bisa jadi acuan penilaian sebuah website, namun nyatanya Alexa tetap dijadikan indikator oleh banyak orang ketika ingin mengetahui ranking sebuah website, apalagi setelah Google tidak lagi pernah mengupdate Google Page Rank. Selain Alexa Toolbar, hal lain yang menurut kami mempengaruhi peringkat Alexa adalah jumlah link menuju website tersebut.

Cara meningkatkan peringkat Alexa

Setelah mengetahui sedikit tentang apa itu Alexa dan bagaimana sistem pemeringkatan yang dilakukan oleh Alexa. Selanjutnya tentu Anda ingin tau bagaimana cara menaikan peringkat Alexa? berikut ini beberapa cara dan metode untuk meningkatkan ranking Alexa yang kami ketahui dan kami buktikan sendiri.
1. Perbanyak pengunjung
Seperti kami sebebut sebelumnya, untuk meningkatkan ranking Alexa itu sebenarnya sederhana saja, yaitu perbanyaklah pengunjung website Anda, itu intinya.
Maka nanti dengan sendirinya peringkat website Anda akan tinggi dimata Alexa. Namun meningkatkan jumlah pengunjung itulah yang tidak mudah, karena dibutuhkan waktu, kerja keras dan disiplin ilmu tersendiri agar pengunjung website menjadi ramai.
Ada beberapa cara yang bisa Anda gunakan untuk meingkatkan pengunjung website, yaitu sebagai berikut:

1.1 Perbanyak artikel
Sering-seringlah menulis artikel, karena dengan meningkatkan jumlah artikel maka kemungkinan halaman website Anda dikunjungi oleh orang lain akan semakin besar, bayangkan saja dengan memiliki 10 artikel maka kemungkinan jumlah pengujungnya akan lebih banyak jika dibandingkan dengan hanya memiliki 5 artikel saja. Selain itu ketika orang mengunjungi sebuah artikel di website Anda, kemungkinan mereka untuk klik dan membaca artikel lainnya akan terbuka lebar.

1.2 Artikel harus menarik
Content is king, kalimat tersebut tentu sering kali Anda dengar. Perlu diketahui bahwa banyak artikel saja belum tentu membuat website Anda banyak dikunjungi, namun Artikel yang banyak tersebut juga harus menarik dan memiliki manfaat bagi orang lain agar bisa menumbuhkan minat orang untuk membacanya.
Artikel yang biasa-biasa saja, tidak menarik, tidak bermanfaat, apalagi hanya hasil copy paste dari website lain tentu tidak akan menarik dimata orang lain dan juga dimata mesin pencari seperti Google, bahkan artikel tersebut akan dianggap sebagai spam, duplikat dan plagiat oleh mesin pencari, sehingga akan sulit bersaing dengan artikel sejenis dari website yang memiliki artikel lebih fresh dan original.
– Baca juga: 7 Cara Membuat Website Lebih Menarik dan Unik

Artikel yang tidak menarik dan kurang bermanfaat juga membuat orang tidak berminat untuk membagikannya kepada teman-teman mereka di akun sosial medianya, sehingga kesempatan untuk mendatangkan pengunjung website Anda jadi berkurang.

1.3 SEO
Memiliki banyak artikel menarik juga belum maksimal tanpa dioptimasi SEO nya, artikel juga harus memenuhi syarat-syarat yang disukai Google, seperti penulisan judul yang bagus, URL yang relevan, dan kualitas konten yang mumpuni. Kualitas konten yang mumpuni ini ada banyak faktor, salah satu faktornya adalah adanya keterkaitan isi konten dengan judul dan alamat URL.
Selain itu konten yang menjelaskan sesuatu dengan tata bahasa yang bagus, lebih rinci (panjang) tentu akan semakin disukai Google dibanding konten yang pendek dan singkat. Riset kata kunci juga penting untuk mengetahui topik dan kata kunci apa saja yang sedang ramai /nge-tren dan dicari banyak orang selama ini.
Dengan menerapkan teknik-teknik SEO yang benar, sebenarnya tidak memiliki banyak artikel pun ranking Alexa bisa tinggi, asalkan teknik SEO yang digunakan bisa menghasilkan banyak pengunjung setiap harinya.

1.3.1 Link Building, Backlink
Salah satu yang membuat ranking Alexa meningkat kabarnya adalah dengan membangun link, utamanya yaitu dengan memperbayak link menuju website Anda (backlink). Dengan banyaknya link ke website Anda itu menjadi sinyal bagi Alexa bahwa website Anda adalah website yang kredibel, karena dianggap sebagai website yang menjadi rujukan. Karena di halaman Alexa backlink menuju sebuah website akan tercatat, jadi tentu hal tersebut mempengaruhi pemeringkatan mereka juga.
Backlink yang paling bagus adalah yang didapat dari website terkenal yang kredibilitasnya diakui, rankingnya tinggi dan pengunjungnya banyak.
Biasanya website pemerintahan (.gov / go.id) atau website universitas (.edu, .ac.id) akan berdampak baik bagi website Anda karena terpercaya dan memiliki ranking yang tinggi.

1.4 Manfaatkan sosial media
Sosial media masih menjadi salah satu cara yang cukup ampuh untuk menyebarkan tulisan yang ada di website, karena pengguna sosial media masih sangat banyak.
Jika memungkinkan gunakan semua sosial media yang ada untuk menunjang aktivitas website Anda, ada banyak sosial media yang bisa digunakan seperti Facebook, Twitter, Google+, Instagram, Path, Pinterest dan lainnya.

1.4.1 Perbanyak followers
Akun sosial media tentu akan semakin maksimal apabila memiliki banyak follower/like, karena jumlah follower yang banyak tentu membuat artikel yang Anda bagikan akan semakin besar kemungkinannya untuk dibaca oleh orang lain.

1.4.2 Manfaatkan fitur yang ada disosial media
Sosial media memiliki banyak fitur yang bisa Anda manfaatkan untuk mendatangkan pengunjung, diantaranya adalah melalui fanpage, group, aplikasi, dan promosi berbayar. Semua fitur itu bisa Anda manfaatkan, misalnya dengan memperbanyak jumlah like fanpage di facebook, memperbanyak anggota group, memanfaatkan aplikasi facebook untuk membuat game, kuis, sayembara, atau motode lainnya. Selain itu sosial media juga memiliki sarana promosi berbayar yang jika Anda menfaatkan maka artikel yang Anda bagikan akan diprioritaskan muncul lebih dahulu dan lebih sering dibanding artikel yang tidak berbayar, sehingga akan memperbesar kemungkinan orang membaca artikel tersebut. Hampir semua sosial media memungkinkan Anda untuk promosi berbayar baik itu Facebook, Twitter, Instagram dan lainnya.

1.5 Manfaatkan website orang lain
Anda bisa memanfaatakn website orang lain untuk mendatangkan pengunjung dan mendapatkakan link, misalnya dengan melakukan blogwalking, berkomentar di website lain, bergaul di forum diskusi, menulis di website lain agar bisa dikenal orang dan agar bisa memasang link ke website Anda, selain itu bisa juga dengan menuliskan advertorial di website lain, advertorial mengharuskan Anda membayar agar Anda bisa menulis dan mempromosikan website Anda di website tersebut.
– Baca juga: 6 Cara Meningkatkan Traffic Pengunjung Website / Blog

2. Claim website anda di situs Alexa
Selain memperbayak pengunjung, Anda juga perlu untuk mengklaim website Anda di alexa.com, tujuannya tentu agar Anda bisa memberikan keterangan tambahan pada Alexa, keterangan tambahan itu membantu Alexa untuk mengetahui siapa pemilik website yang sebenarnya, apa kategori website tersebut sehingga membantu mereka mempercayai website Anda dan menentukan peringkat.
Untuk klaim biasanya ada beberapa cara, bisa dengan mengupload file untuk verifikasi atau dengan menuliskan kode verifikasi di meta tag, lebih lengkap bisa Anda baca disini.
3. Gunakan Alexa Toolbar

Alat utama yang digunakan Alexa untuk melakukan penghitungan adalah Alexa Toolbar yang mereka buat, semakin banyak pengguna Alexa Toolbar maka semakin mudah mereka menghitung, jadi jika memungkinkan buatlah orang yang sering mengunjungi website Anda agar menginstall Alexa Toolbar,
Tujuan memasang Alexa Toolbar agar mereka bisa dengan mudah melihat ranking suatu website (website apapun) hanya dengan klik sebuah ikon yang ada di browser setelah Alexa toolbar terinstal.
Tujuan lainnya agar ketika mereka berkunjung ke website Anda, kunjungan mereka akan tercatat dengan baik di server Alexa. Jika Anda tidak bisa membuat orang lain memasang Alexa toolbar, maka cukup Anda saja yang memasang, jadi ketika Anda mengunjungi website Anda sendiri, maka kunjungan tersebut akan tercatat di Alexa.
4. Pasang Alexa Widget
Alexa juga memiliki fitur Alexa widget, Alexa widget ini akan menampilkan ranking alexa di halaman website Anda, dengan begitu artinya Anda perlu menambahkan script yang diberikan alexa di source code website Anda, script ini ada kemungkinan juga menghitung jumlah pengunjung. Ada baiknya juga dipasang di website Anda, untuk kode nya Anda bisa liat disini.
Namun sayangnya, Alexa widget ini belum support website yang menggunakan https seperti yang mereka jelaskan di halaman tersebut.

5. Alexa Pro
Alexa juga ada versi profesionalnya dengan nama Alexa Pro, dengan Alexa Pro maka Anda bisa membuat sertifikat resmi yang akan diberikan oleh Alexa untuk website Anda, dengan adanya sertifikat pro maka website Anda akan semakin kredibel dimana Alexa, selain itu dengan Alexa Pro Anda juga bisa melihat dengan lebih lengkap data-data yang berkaitan dengan website Anda, seperti website apa saja yang mengarah ke website Anda dan paparan data-data statistik lain yang bisa Anda gunakan untuk menganalisa website dan mengoptimalkan bisnis Anda.
Itulah sedikit cara meningkatkan ranking Alexa agar website Anda semakin memliki peringkat yang cukup tinggi, terpercaya dan bernilai.

Read More

Tips Meningkatkan Page Rank dan Alexa Link In ( Back Link )

Gue bingung kok Alexa links in gue hanya 2 mulu. Yah gue nyari-nyari aja trik untuk meningkatkan alexa links in dan page rank blog. Setelah nyari-nyari kesana kemari hanya nemuin alamat palsu aja,, he,,he,, Ayu Ting Ting kalie!! Oke setelah nanya-nanya sama OM Google nemu nih di salah satu blog yang menggunakan trik ini dan kayaknya dah banyak yang menggunakan trik ini, yah aku coba aja moga aja bisa membantu mendongkrak nih links in alexa ku. Kan keren tuh jika page rank alexa kita mengecil dan links in blog kita membengkan, pasti blog kita akan mudah diindex oleh google bisa-bisa malah masuk halam depan search google. Yah dari pada kita beli back link yang harganya lumayan mahal aku coba meneruskan trik ini siapa tau ada sahabat blogger yang berminat langsung digigit aja nih trik. he,,,he,,,

Oke, dari pada muter-muter langsung aja nih triknya untuk mendapatkan back link yang dramatis. Caranya gini, sobat blogger cukup buat postingan baru dan copy paste link dibawah ini dalam postingan sobat, jangan lupa untuk menghapus link yang no.1 sehingga urutannya berubah jadi yang no.2 jadi no.1, no.3 jadi no.2, no.4 jadi no.3, dst. Lalu masukkan dech Link blog sobat di no.urut 10. Ingat jangan mengganti Urutan link nya gan dan jangan menaruh link sobat pada urutan 1 karena akan cepat hilang dari daftar. Setelah itu silahkan ajak teman-teman sobat untuk mengikuti langkah itu. Oh iya satu lagi agar kita mendapat back link yang sempurna silahkan klik semua link yang ada ini sehingga back link kita benar-benar hidup. Berikut ini daftar link yang mengikuti program ini.

1. ilmu-kompi
2. alfacroon
3. Trik-Gue
4. Pabrik Info 
5. WordPress Paper’s
6. bootingskoBlog 
7. Belajar Blog
8. Wawasan & Info 
9. cs.AP[Coretan Semenanjung Anak Pulau]
10. sobat-blog-im4m.blogspot.com

Keterangan:

Jika anda mampu mengajak lima orang saja untuk mengcopy artikel ini maka jumlah backlink yang akan didapat adalah:

• Posisi 10, jumlah backlink = 1
• Posisi 9, jumlah backlink = 5
• Posisi 8, jumlah backlink = 25
• Posisi 7, jumlah backlink = 125
• Posisi 6, jumlah backlink = 625
• Posisi 5, jumlah backlink = 3,125
• Posisi 4, jumlah backlink =15,625
• Posisi 3, jumlah backlink = 78,125
• Posisi 2, jumlah backlink = 390,625
• Posisi 1, jumlah backlink = 1,953,125

Dan nama dari alamat blog dapat dimasukan kata kunci yang anda inginkan yang juga dapat menarik perhatian untuk segera diklik. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline mengklik link anda maka anda juga mendapat traffic tambahan.

Saya sarankan anda mencoba trik mudah meningkatkan backlink dan pagerank ini dan silakan copy sebarkan artikel ini ke teman-teman anda. Hilangkan link nomor 1 dan masukan alamat blog anda pada nomor 10. Buktikan sendiri hasilnya setelah itu baru komentar.

Peringatan :

Artikel ini harus permanen selamanya di blog anda, anda tidak boleh menghapusnya.

Read More

Menampilkan Halaman Label Dengan Judul

Di tengah kesibukan dunia offline dalam beberapa hari ini, akhirnya bisa punya waktu juga nih buat ngeposting blog, semoga postingan kali ini bisa memberikan referensi yang bermanfaat buat sobat semua.
Buat yang udah susah payah buat mampir kesini, makasih banget nih atas segala partisipasinya.

Oke, pada kesempatan kali ini mencoba mensharingkan tips buat meminimalisasikan tampilan blog agar tidak mengakibatkan loading yang lama. Mungkin ini bukan hal yang baru lagi, buat yang udah menerapkan tips ini, maaf nih postingan jadul, hehehehe....

Posting kali ini memaparkan cara menampilkan halaman label dengan judul saja, kadang blog yang masih standar(asli), untuk menampilkan halaman label pastinya akan tampil halaman yang berisi postingan penuh, dan pastinya akan memakan waktu untuk menampilkan keseluruhan postingan dengan label tertentu, apalagi postingan tersebut memiliki gambar, video, dan lain-lain yang pasti memiliki kapasitas lebih besar untuk di load.

Nah, untuk meminimalisasikan tampilan tersebut, ada baiknya menampilkan halaman label tersebut hanya judul postingnya saja. Untuk contoh silakan klik salah satu label di bagian Categories

Adapun cara untuk mengubahnya seperti dibawah ini :
1. Login ke Blogger
2. Langsung menuju Tata Letak/Layout => Edit HTML
3. Centang tulisan "Expand Widget Template"
4. Tekan Ctrl+F dan cari code ini :

<b:include data='post' name='post'/>

5. Jika sudah ketemu, Hapus dan ganti dengan code dibawah ini (Replace)
<b:if cond='data:blog.homepageUrl!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
6. Simpan hasil kerja anda

Semoga berhasil
Semoga bermanfaat
(Sumber : http://www.whatmakesblog.com)

Read More

Cara Pasang Kotak Komentar/Comment Form Facebook di Blogger

Cara Membuat Kotak Komentar/Comment Form Facebook di Blogger | Mungkin Tips ini udah bukan hal baru lagi, namun jika niat ingin berbagi, tidak ada kata terlambat. Berikut ini ingin mensharingkan cara membuat Kotak Komentar/Comment Form Facebook yang akan di tampilkan di Blogger. Jadi Kotak komentar yang sudah secara default ada di blogger dirubah atau ditambah dengan aplikasi kotak komentar/Comment form yang disediakan oleh Facebook.

Fungsi kotak komentar Facebook ini adalah sebagai pengganti atau alternatif lain bagi pengunjung blog kita untuk memberikan komentar di blog kita, karena memungkinkan untuk pengunjung blog selain pengguna Blogger/Wordpress/Typepad/Open id untuk memberikan ide/komentar/saran/kesan untuk blog kita. Dikarenakan pengguna Facebook semakin meningkat jumlahnya, jadi bisa dipastikan hampir semua pengunjung blog memiliki akun Facebook.

Untuk melihat demo Kotak komentar Facebook, silakan lihat Disini

Berikut ini cara membuat/memasang kotak komentar Facebook di blogger :

Pertama, silakan buat aplikasi facebooknya disini : Facebook Develover

isi form dengan lengkap seperti contoh diatas.

untuk kolom URL site, isi URL blog anda, jangan lupa tambahkan backslash "/" diakhir URL agar blog anda bisa dikonfirmasi.

Contoh : http://serba-seru.blogspot.com menjadi http://serba-seru.blogspot.com/ <=

Kemudian ambil ID aplikasi yang sudah diberikan (lihat contoh dibawah)

Langkah selanjutnya, langsung menuju Blogger. Login ke account blog anda.

Kemudian langsung menuju Design/Rancangan => Klik tab Edit HTML => Centang "Expand Widget Template".

Lalu cari code berikut ini :

<data:post.body/> atau <div class='post-header-line-1/>

Jika sudah ketemu, Paste code berikut ini setelah code diatas  

(Jika sudah memasang readmore, terdapat dua code <data:post.body/>, maka letakkan code dibawah ini setelah <data:post.body/> yang kedua)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIq0rOCJ8tykeWbj-BXlTJ_RidycBdIRQlrVXIxgvx76bso8Q3SPRGVHscq3vNgm_RrHpr_eDAylBrPcaJphiqYVPSuSprlVZA-K-AZMukTMiicNqOubZj4tchOhXkTV1j009MWVqKso1//'/></a></p>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: &#39;ID-APLIKASI&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); </script>
<fb:comments/>
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></p></div>
</b:if>

Ganti tulisan ID-Aplikasi dengan ID Aplikasi yang telah anda buat sebelumnya.
Jika ingin mengganti background untuk menyesuaikan dengan template blog anda, silakan ganti kode warna tulisan yang berwarna biru diatas (#ffffff)

Bagi anda yang hanya ingin menggunakan kotak komentar Facebook saja di blogger tanpa comment form blogger, anda bisa menghilangkan comment form blogger tersebut dengan cara :
Klik Tab Setting/Pengaturan => Comments/Komentar => Klik hide/sembunyikan pada bagian Komentar/Comment

Untuk melihat contoh hasilnya, silakan lihat Disini

Semoga bisa bermanfaat.

Read More

Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog

Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog | Sebagai salah satu cara untuk menarik pengunjung ke Blog kita adalah dengan memasang Meta Tag di blog kita.Tujuannya adalah supaya blog kita bisa memberikan keterangan yang jelas tentang Blog kita kepada Search Engine, apa saja yang di tuangkan dalam blog kita, blog kita ber-tema-kan apa, kata kunci apa yang menjadi kunci utama untuk membuka pintu menuju blog kita, dan lain sebagainya. Namun yang jelas, kita pasti berharap bahwa pengunjung blog dapat datang secara otomatis dan bukan melalui cara manual(blogwalking,dll).

Banyak cara menarik pengunjung ke Blog kita, salah satunya yaitu melalui Search Engine seperti Google, Yahoo, MSN, dan banyak lagi yang lainnya. Nah, bagaimana cara menarik perhatian Search Engine untuk melirik blog kita. Seperti pepatah, "Tak kenal maka tak sayang". begitu juga dengan Search Engine. Bagaimana Search Engine ingin menyayangi blog kita jika Search Engine tidak mengenal blog kita. Search engine tahu dengan SERBA BLOG, tapi Search engine belum tentu mengenal SERBA BLOG, apa sih itu serba blog, serba blog itu membahas apa, Search Engine bakalan memberikan kunci kepada pengunjung sesuai kriterianya. maka dari itu kita berikan keyword/kata kunci blog kita ke Seach Engine agar Search Engine bisa memberikan kunci tersebut kepada para pengunjung.

Bagaimana cara memperkenalkan blog kita kepada Search Engine, yaitu melalui META TAG.
Berikut Code Meta Tag :

<meta content='Deskripsi Blog Anda' name='description'/>

<meta content='Kata Kunci Blog Anda' name='keywords'/>

Ganti tulisan berwarna merah sesuai dengan deskripsi dan kata kunci blog anda
Untuk membuat meta tag description, sesuaikan dengan deskripsi blog kita.
Untuk meta tag keyword, buatlah kata kunci sesuai dengan artikel yang kita sajikan di blog kita dan tidak lebih dari 30 kata kunci.

Contoh :

<meta content='Serba berbagi tentang tutorial, tips-trik blog, facebook' name='description'/>

<meta content='Artikel blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download' name='keywords'/>

Untuk memasang Meta Tag di blog, silakan lihat cara seperti dibawah ini :

• Masuk ke Blogger
• Langsung menuju Design/Rancangan
• Klik tab Edit HTML
• Cari kode ini :

<title><data:blog.pageTitle/></title> .

• Ganti code diatas dengan code berikut :

<title><data:blog.pageTitle/></title>

<meta content='Deskripsi Blog Anda' name='description'/>

<meta content='Kata Kunci Blog Anda' name='keywords'/>

Contoh :

<title><data:blog.pageTitle/></title> .

<meta content='Serba berbagi tentang tutorial, tips-trik blog, facebook' name='description'/>

<meta content='Artikel blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download' name='keywords'/>

• Lalu simpan.

Maka selanjutnya tinggal tugas Search Engine untuk mengenali blog kita dan memberikan kunci blog kita kepada para pengunjung.

 

Sumber :  http://serba-seru.blogspot.com

Read More

Mengoptimalkan Blog Dengan Meta Tag Title

Mengoptimalkan Blog Dengan Meta Tag Title | Untuk mempermudah Search Engine memberikan pengunjung ke blog kita, ada beberapa cara seperti salah satunya yang sudah diungkapkan pada artikel sebelumnya yaitu "Meningkatkan Jumlah Pengunjung Dengan Meta Tag Blog". Adapun cara berikut ini cukup memberikan pengaruh untuk meningkatkan jumlah pengunjung, yaitu dengan mensetting Meta Tag Title. Biasanya Title Blog secara default akan di set seperti berikut :

<title><data:blog.pageTitle/></title>

Hasilnya akan ditampilkan di Search Engine (Google) seperti gambar dibawah ini :

 

Pada gambar diatas, yang ditampilkan terlebih dahulu yaitu Nama Blog kita, setelah itu baru Judul artikel pada blog kita.

Pada umumnya, pengunjung akan mencari artikel/gambar di Search Engine. Maka logikanya yang dicari adalah isi/konten artikel dari suatu blog dan yang mewakilkan isi/konten artikel blog adalah Judul Artikel Blog. Bayangkan saja jika misalkan nama blog anda adalah Catatan Budi. bisa dipastikan orang akan menulis Catatan Budi sebagai Kata Kunci sangat kecil kemungkinannya.

Namun misalkan didalam Blog Catatan Budi memuat artikel yang berjudul "Cara Mengoptimalkan SEO Blog", besar kemungkinan orang akan menuliskan kata kunci "Cara Mengoptimalkan SEO Blog/SEO/SEO Blog/dll".

Maka dari itu ada baiknya sebagai garis depan untuk mewakilkan blog kita, kita tempatkan Judul Artikel Blog pada posisi yang terdepan.

Contoh penampakan setelah dipasang Meta Tag Title yang akan ditampilkan di Search Engine Google seperti dibawah ini :

Berikut yang akan tampil di Browser kita :

Berikut cara mensetting Meta Tag Title di Blog :

• Login ke Blogger
• Klik Design/Rancangan
• Pilih Edit HTML
• cari code berikut :

<title><data:blog.pageTitle/></title>

• Ganti code diatas dengan code berikut ini :

<b:if cond='data:blog.pageType == "item"'>

<title><data:blog.pageName/> | <data:blog.title/></title>

<b:else/><title><data:blog.pageTitle/></title>

</b:if>

• Simpan hasilnya.

Untuk melihat hasilnya di Search Engine, butuh beberapa hari untuk Search Engine menerima settingan Meta Title Blog anda. jadi, harap bersabar....

 

source :  http://serba-seru.blogspot.com

Read More

Mengoptimalkan Meta Tag Blog

Mengoptimalkan Meta Tag Blog | Setelah kemarin Setelah kemarin membuat artikel tentang cara "Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog" serta "Mengoptimalkan Blog dengan Meta Tag Title". Masih berhubungan dengan cara meningkatkan jumlah pengunjung dengan Meta Tag Blog. Kali ini mengulas tentang cara mengoptimalkan Meta Tag Blog. wah, kenapa banyak banget aturan mainnya nih, jika sebelumnya sudah menghadirkan  Setting Meta Tag, sekarang di optimalkan lagi, kenapa ga sekalian saja...???

Namanya juga tips & trik(saran), maka itu adalah sebuah pilihan, jadi terserah mau mengikuti/mengambil yang mana. ga di ambil juga ga kenapa-napa...namanya juga pilihan. Namun didalam pilihan tentu ada yang terbaik, jadi ga ada salahnya buat ngambil sesuatu yang terbaik.

Lagipula Tips & Trik mengoptimalkan Meta Tag ini sudah di terapkan oleh beberapa master blogger seperti Kang Rohman, o-om, dll yang sudah bisa kita lihat keberhasilan blog mereka. Jadi ga ada salahnya dong buat ngikutin cara mereka.

Jika pada Meta Tag sebelumnya kita mensetting meta tag deskripsi dan keyword utuh, kali ini mencoba mengoptimalkan meta tag dengan menambah keterangan Nama Blog dan Judul Artikel Blog pada deskripsi dan Keyword.

Berikut Penampakannya di Ruang Mbah Google :

Langsung saja, untuk membuat meta tag dengan keterangan Nama Blog & Judul Blog pada deskripsi & Keyword, berikut langkah-langkahnya :

• Login ke Blogger
• langsung menuju ke Design/Rancangan
• Klik Tab Edit HTML
• Cari kode berikut :

<title><data:blog.pageTitle/></title>

Ganti kode diatas dengan kode dibawah ini :

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

<meta expr:content='data:blog.pageTitle + &quot; - DESCRIPTION&quot;' name='description'/>

<meta expr:content='data:blog.pageTitle + &quot;, KEYWORDS&quot;' name='keywords'/>

<b:else/>

<meta expr:content='data:blog.pageName + &quot; - DESCRIPTION&quot;' name='description'/>

<meta expr:content='data:blog.pageName + &quot;, KEYWORDS&quot;' name='keywords'/>

</b:if>

Ganti tulisan Description yang berwarna Merah dengan deskripsi blog anda.

Ganti tulisan Keywords yang berwarna Merah dengan kata kunci blog anda.

• Kemudian simpan hasil kerja anda.

Contoh :

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

<meta expr:content='data:blog.pageTitle + &quot; - Serba berbagi tentang tutorial, tips-trik blog, facebook&quot;' name='description'/>

<meta expr:content='data:blog.pageTitle + &quot;, Artikel blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download&quot;' name='keywords'/>

<b:else/>

<meta expr:content='data:blog.pageName + &quot; - Serba berbagi tentang tutorial, tips-trik blog, facebook&quot;' name='description'/>

<meta expr:content='data:blog.pageName + &quot;, Artikel blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download&quot;' name='keywords'/>

</b:if>

Dari contoh Meta tag diatas, maka akan menjadi seperti dibawah ini (dilihat dari page source) :

Ini contoh penampakan page source pada halaman Home/halaman depan :

Deskripsi

Serba Blog - Serba berbagi tentang tutorial, tips-trik blog, facebook, download ebook, software, film gratis

Keywords

Serba Blog, Artikel komputer, blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download, gratis

Ini contoh penampakan page source pada halaman Artikel :

Deskripsi

Serba Blog: Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog - Serba berbagi tentang tutorial, tips-trik blog, facebook, download ebook, software, film gratis

Keywords

Serba Blog: Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog, Artikel komputer, blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download, gratis

Sebagai catatan, pastinya kita membuat judul posting yang berbeda disetiap postingan, setelah menggunakan meta tag seperti diatas, maka hasil yang akan ditampilkan pada search engine akan memiliki awal deskripsi yang berbeda-beda disetiap postingan disesuaikan dengan judul postingan blog secara otomatis. Jadi bisa dibilang, kita bisa menebar benih lebih banyak di search engine dengan bantuan Nama Blog serta Judul Artikel Blog yang berperan sebagai deskripsi blog. Maka meta tag ini biasa disebut dengan Meta Tag Blogger Dinamis/Dynamic Blogger Meta Tag.

Source : http://www.blogspottutorial.com/2010/11/best-blogger-meta-tag.html & http://serba-seru.blogspot.com

Read More

Cara Membuat Halaman Posting Berpindah dari Kiri ke Kanan

Cara Membuat Halaman Posting Berpindah dari Kiri ke Kanan | Sempat bingung menentukan judul artikel yang satu ini, tapi yang jelas gambarannya seperti dibawah ini, Pernah lihat halaman blognya Kang Rohman (kolom-tutorial.blogspot.com), jika diperhatikan, ketika pada halaman beranda/Home page, bagian artikel/posting terletak di sebelah kiri dan sidebar berada di sebelah kanan, dan ketika masuk ke halaman postingnya, halaman artikel akan berada di sebelah kanan dan sidebar di sebelah kiri.

Nah, untuk membuat halaman tersebut agar bisa berpindah-pindah ternyata cukup simpel. ternyata yang dibutuhkan hanya sedikit penambahan pada struktur CSS nya saja. berikut cara-caranya :

• Login ke Blogger
• Langsung menuju ke Design/Rancangan
• Klik Edit HTML
• centang tulisan "Expand Widget Template"
• Cari kode berikut :

]]></b:skin>

• Letakkan kode berikut ini setelah kode diatas 

<style type='text/css'>

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

#main-wrapper{float:right;}

#sidebar-wrapper{float:left;}

</b:if>

</style>

• Simpan hasilnya.

Untuk melihat Demonya, silakan lihat DISINI


Source code from kolom-tutorial.blogspot.com

Read More

Mendaftarkan Blog ke Search Engine(Google, Yahoo, MSN)

Begitu banyak cara untuk meraih traffic yang tinggi, tujuan utamanya adalah agar web/blog kita bisa mendapat kunjungan yang banyak sekali setiap harinya. nah disini saya mencoba mensharingkan cara mendaftarkan web/blog kita ke search engine, namun sekarang yang ingin saya paparkan hanya untuk search engine yang sudah menjadi super power, seperti mbah google, siapa yang ga tau GOOGLE. ada juga YAHOO, serta MSN.
langsung aja dech...

• Yang pertama pastinya cara mendaftar ke mbah GOOGLE. untuk mendaftar ke google, silakan masuk ke link ini dahulu(klik disini). Setelah masuk ke link tersebut, langkah awal yang harus anda lakukan yaitu Masukkan URL anda pada kolom URL, setelah itu isi kolom Comment dengan Keywords web/blog anda, terus isi kolom verifikasi sesuai dengan kode diatasnya, Lalu klik tombol Add URL. selesai dech.... namun setelah anda melakukan pendaftaran ke Google, tidak serta merta web/blog anda langsung terindex di search engine, masih memerlukan waktu 3 - 4 minggu, nah setelah 3 - 4 minggu jika masih belum terindex, silahkan anda daftarkan kembali web/blog anda. Namun menurut pengalaman, biasanya hanya butuh waktu 1-2x 24 jam saja sudah terindex.
• Yang kedua adalah mendaftarkan Web/blog anda pada Yahoo. Nah seperti mendaftar ke google, untuk mendaftar ke Yahoo silakan menuju ke link ini dulu (klik disini). Setelah anda masuk, anda harus login dulu ke Yahoo, bagi anda yang tidak memiliki account yahoo, silakan registrasi terlebih dahulu. Nah setelah anda login ke yahoo, Langsung anda isi kolom URL dengan URL web/blog anda, Kemudian klik Add URL, selesai dech. Namun jika anda ingin mendaftarkan Alamat feed web/blog anda sekaligus, langsung saja anda masukkan alamat feed situsnya atau alamat feed di blogger dengan menambahkan /atom.xml atau /rss.xml. untuk contohnya seperti ini : http://serba-seru.blogspot.com/atom.xml atau http://serba-seru.blogspot.com/rss.xml
• Untuk ke MSN, langsung saja menuju link ini (klik disini). setelah masuk, langsung isi kolom verifikasi, terus isi kolom URL dengan URL anda, selesai dech....gampang bangetkan....

Sedikit tambahan, jika anda ingin mendaftarkan Web/blog anda ke Search Engine lainnya, disini saya mensharekan software GRATIS untuk mensubmit web/blog anda ke EMPAT RIBUAN Search Engine. Caranya Mudah sekali, hanya dengan mengisi data2 Web/blog anda sekali saja, terus pilih search engine yang anda inginkan atau anda bisa memilih seluruhnya, Lalu anda submit dech web/blog anda.
Jika tertarik menggunakannya, silakan klik Link Download dibawah ini :

DOWNLOAD

MUDAH-MUDAHAN BISA BERMANFAAT

                                                                  TERIMA KASIH

Read More

Microsoft Office Professional Plus 2010 Beta

Produk terbaru dari microsoft ini sekarang sudah dipublikasi, dan dari publikasi ini mempersilakan anda untuk mencobanya. adapun paket-paket di dalamnya terdiri dari :

Nah...Jika anda tertarik serta ingin selalu update dengan program ini,
Silakan download Disini

Microsoft Word

Microsoft Excel

Microsoft Power Point

Microsoft Outlook

Semoga bisa membantu...
Terima Kasih

Read More

Kotak Komentar Facebook/Facebook Comment Box Terbaru (With Reply)

Setelah jalan-jalan ke google, walhasil ketemu dengan tips membuat facebook comment box/kotak komentar facebook yang cukup unik, berbeda dengan facebook comment box yang lama. disini terdapat perbedaan di bagian comment body-nya yaitu memiliki fitur Reply seperti layaknya status di facebook.

Pada Facebook Comment Box yang terbaru ini juga bisa mengirimkan pemberitahuan kepada admin atau pemilik website/blog tersebut jika ada seseorang yang meninggalkan komentar de website/blog tersebut. Cukup menarik bukan, karena berbeda dengan Comment Box yang lama, yang tidak memiliki fitur Reply (Balas), Like (Suka), Notification (Pemberitahuan).

Sebelum mencobanya, ada baiknya lihat screen shot nya dibawah ini :

Untuk melihat Demo nya, silakan kunjungi webblog teman saya yang sudah mencobanya DISINI

Untuk membuatnya, pertama-tama dapatkan Aplikasi ID dengan membuat aplikasinya disini [http://developers.facebook.com/setup/]
Jika kurang mengerti cara membuat Aplikasi ID Facebook, silakan lihat caranya DISINI

Jika sudah mendapatkan Aplikasi Id, sekarang anda bisa memasang Facebook Comment Box/Kotak Komentar Facebook yang baru ke Blog anda.Berikut cara-caranya.

• Masuk ke blogger
• Dihalaman Dasbor/Dashboard, klik Rancangan/Design.
• Lalu klik Tab Edit HTML
• Centang Expand Widget Template

Langkah 1
Cari kode berikut <head>
Letakkan kode berikut ini setelah kode diatas tadi

<meta content='App ID' property='fb:app_id'/>
<meta content='ID Profile Facebook' property='fb:admins'/>

• Ganti tulisan App ID dengan Aplikasi ID anda
• Ganti tulisan ID Profile Facebook dengan ID profil facebook anda

Langkah 2
Langkah selanjutnya, cari kode <data:post.body/>
Jika anda menggunakan fitur auto readmore, letakkan kode berikut ini setelah kode <data:post.body/> yang KEDUA.
atau
Anda bisa juga meletakkan kode berikut setelah code

<div class='post-footer-line post-footer-line-1'>

<!-- FACEBOOK COMMENT FORM -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/><script>window.fbAsyncInit = function() {
FB.init({appId  : &#39;App ID&#39;,
status : true,
cookie : true,
xfbml  : true});};
(function() {var e = document.createElement(&#39;script&#39;);e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;e.async = true;document.getElementById(&#39;fb-root&#39;).appendChild(e);}());</script><fb:comments expr:href='data:post.url' migrated='1' expr:title='data:post.title'/>
<div style='float:right; padding:10px><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></div></div>
</b:if>
<!-- FACEBOOK COMMENT FORM -->

Nb :
Namun jika anda ingin kotak komentar yang sudah di perindah dengan tampilan kotak [lihat disini Demo-nya]
silakan gunakan kode berikut sebagai pengganti kode pada langkah kedua :

<!-- FACEBOOK COMMENT FORM -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#ECEFF6; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:40px; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #627AAD; border-bottom:1px solid #2A4280; border-right:1px solid #2A4280;'>
<div align='left' style='text-align:left; background:#3B5998; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2A4280; border-bottom:1px solid #627AAD; border-right:1px solid #627AAD; padding:0 10px; margin-bottom:10px;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8TgZe0Vreg29KFbSk8TaIYC0Lyx1p_rTSl8P0ULIW3e1OeS4qC60wvG5PlRT93rJ0irzpNJjT1Gle00gUJ-A5F28xxCpJFDry_7IMgomQAJw9OQ477JE0KUEQaTQDkZGjLxsrO_WXyUtV/s1600/serba-blog-facebook-comment.png' width='100%'/></a></div>
<div id='fb-root'/><script>window.fbAsyncInit = function() {
FB.init({appId  : &#39;App ID&#39;,
status : true,
cookie : true,
xfbml  : true});};
(function() {var e = document.createElement(&#39;script&#39;);e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;e.async = true;document.getElementById(&#39;fb-root&#39;).appendChild(e);}());</script><fb:comments expr:href='data:post.url' expr:title='data:post.title' migrated='1'/>
<div style='background-color: #3B5998;-moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2A4280; border-bottom:1px solid #627AAD; border-right:1px solid #627AAD; font-size:10px; padding:3px 5px;width:ancho; float:right; margin-bottom:5px;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></div></div>
</b:if>
<!-- FACEBOOK COMMENT FORM -->

• Simpan hasilnya

Semoga bisa bermanfaat.

Source : http://adityameilaz.blogspot.com/2011/03/kotak-komentar-facebook-versi-terbaru.html
http://serba-seru.blogspot.com

Read More

Membuat Slide Headline

Wah, hampir seminggu absen ngeblog nih setelah kemarin sempat disibukkan oleh kegiatan offline.

Pada kesempatan kali ini mencoba menghadirkan satu tips untuk membuat "headline Slide". Cukup sederhana sekali, untuk demonya bisa lihat Disini.

Oke, jika anda tertarik untuk membuatnya, silakan ikuti langkah-langkahnya dibawah ini :

1. Login terlebih dahulu ke Blogger
2. Masuk ke bagian Tata Letak/Layout
3. Pilih Tab menu Edit HTML
4. Centang tulisan Expand Widget Template
5. Cari code ini  ]]></b:skin> (untuk memudahkan pencarian tekan Ctrl+F)
6. Copy Paste code CSS dibawah ini sebelum code diatas :

#slider { background:#101010; height: 153px; text-align:center; overflow: hidden; position: relative; margin: -5px 0px; } #mover { width: 600; position:absolute; overflow:hidden; } .slide { padding: 15px 0px; width: 1000px; float: left; position: relative; height:130px; } .slide h2 { font-family:Georgia, Helvetica, Sans-Serif; font-size: 18px; font-weight:bold; text-align:left; color: #FFFF00; padding:0px 0px 0px 0px; margin:0px 0px; width:440px; overflow:hidden; } .slide h2 a:link, .slide h2 a:visited { color:#E1771E; background-color: transparent; } .slide h2 a:hover { color: #ff0000; background-color: transparent; } span.slmet { color: #ee0909; font-size: 10px; font-family:Tahoma, georgia, Helvetica, Sans-Serif; line-height: 20px; width: 200px; padding:0px 0px 0px 30px; margin:0px 0px; text-transform:uppercase; } .slide p { color: #FFFFFF; font-size: 12px; text-align:left; font-family: Georgia, Helvetica, Sans-Serif; line-height: 20px; width: 440px; padding:0px 0px 0px 0px; margin:0px 0px; } .slide img { position: absolute; top: 20px; left: 225px; background:; padding:10px 10px; } #slider-stopper { position: absolute; font-family: Georgia, Helvetica, Sans-Serif; top: 1000px; right: -125px; color: #FF0000; padding: 3px 8px; font-size: 14px; font-weight:bold; text-transform: uppercase; z-index: 1000; }

7. Langkah selanjutnya cari code ini </head>
8. Copy Paste code berikut sebelum code </head>

<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type='text/javascript'><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover"; }
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), ""); }}}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

9. Simpan hasil kerja anda
10. Langkah selanjutnya klik tab menu Elemen Laman
11. Buat klik Add a Gadget, pilih HTML/Javascript
12. Paste code dibawah ini didalamnya

<!-- Casing -->
<div id="casing">
<!-- Slider -->
<div id="slider">
<div id="mover">
<div class="slide">
<h2><a href="http://serba-seru.blogspot.com/">JUDUL SLIDE 1</a></h2>
<p>isi artikel slide 1</p>
<img src=""/>
</div>
<div class="slide">
<h2><a href="http://serba-seru.blogspot.com/">JUDUL SLIDE 2</a></h2>
<p>isi artikel slide 2</p>
<img src=""/>
</div>
<div class="slide">
<h2><a href="http://serba-seru.blogspot.com/">JUDUL SLIDE 3</a></h2>
<p>isi artikel slide 3</p>
<img src=""/>
</div>
</div>
<!-- /Mover -->
</div>
<!-- /Slider -->
<div class="clear"/></div></div>

13. Ganti tulisan http://serba-seru.blogspot.com dengan link posting blog anda.
14. Ganti tulisan berwarna merah dengan Judul Slide anda
15. Ganti tulisan berwarna biru dengan isi artikel slide anda

NB: Untuk mengubah warna background dan lain-lainnya bisa anda edit pada code CSS diatas

Selamat berkreasi
Semoga bermanfaat
(sumber: http://serba-seru.blogspot.com)

Read More

Thumbnail Related Post (Artikel Terkait Menggunakan Gambar)

Setelah kemaren membahas tentang cara membuat related posting versi Daftar list berdasarkan label, nah kali ini mencoba mengangkat versi lainnya dalam membuat Related Posting. Untuk kali ini, Related Posting yang akan dipaparkan yaitu menggunakan "Gambar". Untuk contohnya, silakan anda scroll halaman blog ini hingga bagian bawah posting.

Setelah anda puas melihatnya, mungkin ada yang tertarik untuk menggunakannya, anda bisa lanjutkan membaca artikel ini hingga akhir, jangan lupa untuk mempraktekkannya juga yaaa...

Oke, cara untuk membuat Related posting ini sebagai berikut :

• Login dahulu ke Blogger
• Masuk pada Tata Letak/Layout
• Lalu pilih Edit HTML
• Centang tulisan Expand Widget Template
• Kemudian cari code ini </head>
• Letakkan code dibawah ini sebelum code </head> tadi

<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->

• Langkah selanjutnya, cari code ini

<div class='post-footer-line post-footer-line-1'>

• Jika tidak menemukannya coba cari yang ini

<p class='post-footer-line post-footer-line-1'>

• Jika sudah ketemu, letakkan code dibawah ini Setelah code diatas

<!-- Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html' style='display:none;'>Thumbnail Related Post</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End-->

• Untuk code jumlah related post yang berwarna merah bisa anda sesuaikan dengan blog anda
• Untuk tulisan Related Post bisa anda ganti sesuai selera anda, seperti Posting terkait, Artikel terkait, dll.
• Simpan hasil kreatifitas anda, coba lihat hasilnya.

Jika anda ingin merubah warna atau yang lainnya, anda bisa merubah dibagian CSS.

Jika blog anda  tidak menggunakan sistem Read More, dan anda ingin menampilkan Related Posting ini di seluruh halaman, tidak hanya di postingan pertama saja, silakan hapus code yang diberi tanda keterangan <!-- remove --> pada code di dalam kotak yang pertama dan kedua

Selamat mencoba
Semoga bermanfaat
Terima Kasih
(Sumber : http://www.bloggerplugins.org)

Read More

Membuat Related Posting/Posting Terkait (Versi Daftar List Berdasarkan Label)

Oke, posting kali ini mencoba menjawab request dari sobat blogger yg paling gokil abis, yang pasti saya sangat senang sekali berkunjung ke blog beliau, bisa melepas penat di otak dengan postingannya yang selalu bikin saya tertawa. siapa lagi kalau bukan sobatku mas Bayu Lebond yang saya kasih nama akrab Master kehilangan korek. Hilangkan penat diotak anda bersama mas Bayu Lebond. Thanx mas bayu udah mengingatkan saya akan topik ini.

Nah, postingan kali ini mencoba balik lagi ke tahap awal, karena saya sempat lupa mau memposting artikel ini, saya coba memaparkan tentang membuat Related Posting/Posting Terkait (versi daftar list berdasarkan label). Karena yang saya ketahui ada beberapa macam jenis tampilan related posting, saya harap Related Posting seperti ini yang mas Bayu maksudkan.

Langsung ke tahap pembuatannya.
- Pertama pastinya Loggin dulu ke blogger.
- Masuk ke Tata Letak/Layout
- Pilih Edit HTML
- Centang tulisan Expand Widget Template
- Cari code dibawah ini, untuk memudahkan tekan Ctrl+f, cari code tersebut :
<data:post.body/>
atau
<p><data:post.body/></p> 
- Pastekan code dibawah ini setelah code diatas tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='similiar'> <!-- *****************Related Posting****************** --> <div class='widget-content'> <b>Related Posting :</b> <div id='data2007'/><br/><br/> <div id='Randezvous'> <u><h5><a href='http://serba-seru.blogspot.com/2010/02/membuat-related-postingposting-terkait.html'> Grab This Widget</a></h5></u> </div> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;data2007&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if>

- Untuk template yang menggunakan metode Read more(Baca Selanjutnya), terdapat 2 code yang sama, pastekan code diatas setelah code yang kedua.
- Simpan hasil kerja anda
- Coba test hasilnya...
- Semoga berhasil

Semoga Bermanfaat
Terima Kasih

Read More

Cara Menampilkan Top Comment Berjalan (Marquee)

Oke, setelah kemaren sempat memposting cara menampilkan Top Comment di Blog, nah... sekarang mencoba membeberkan cara alternatif kedua untuk menampilkan Top Comment di blog dengan tampilan yang sedikit berbeda.

Cara alternatif yang kedua ini menggunakan metode tulisan berjalan (Marquee). makanya postingan kali ini saya beri nama Cara Menampilkan Top Comment Berjalan (Marquee). sempat bingung sich mau memberi judul postingan kali ini, namun tanpa banyak pikir...yaaahhh lihat aja dech tampilannya seperti di blog ini ( halaman utama, diatas postingan )

Sudah dilihat hasilnya...???
Jika sudah puas ngeliatnya...sekarang buat anda yang ingin mencoba, selamat mencoba cara dibawah ini.
Scriptnya tidak jauh berbeda dengan script code Top Comment sebelumnya, cuma sedikit di modifikasi aja. oke langsung aja dech :

• Pertama-tama Login dulu ke Blogger
• Lalu, pada dashboard masuk ke Layout/Tata Letak
• Nah, sekarang berada di Page Element/Elemen Laman
• Add Gadget
• Pilih HTML/Javascript
• Copy code dibawah ini dan paste di gadget HTML/Javascript tadi

<center><!--Top Comments-->
<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Top Comment :</b></div>
<div style="border: 3px dotted black; background: #fff000; padding:2px; width:470px; font-size: 12px; color:black;">
<script type="text/javascript">
function pipeCallback(obj) {
document.write("<marquee>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> | ";
document.write(item);
}
document.write("</marquee>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=G E O R G E O U Z&url=http%3A%2F%2Fnama-blog-anda.blogspot.com&num=10" type="text/javascript"></script>
<!-- End Top Comments--></div></center>

• Ganti tulisan berwarna merah dengan link blog anda (ingat tanpa http://)
• Ganti angka berwarna kuning sesuai dengan jumlah top comment yang ingin anda tampilkan
• Ganti tulisan berwarna hijau dengan nama anda yang biasa anda pakai di comment blog anda(seperti contoh diatas, nama yang biasa saya pakai adalah G E O R G E O U Z, jadi harus sama huruf-hurufnya,simbol-simbolnya serta jaraknya jika anda menggunakan spasi) fungsinya agar nama anda tidak ikut dalam Top Comment dari pengunjung, jika tidak diganti, maka sudah pasti anda sendiri yang menjadi top commentnya, it's not fair for your visitor(so' inggris mode-on)
• Simpan hasil kerja anda
• Coba dech test hasilnya

Selamat mencoba
Semoga bermanfaat
Terima Kasih

Read More