Tutorial Blog Gratis | Wordpress | Blogger

6 Cara Mudah Meningkatkan Alexa Rank Blog

noreply@blogger.com (Reinz) — Mon, 21 Mar 2011 18:19:00 +0000

Alexa rank, yapz istilah yang satu ini sudah tidak asing lagi di dunia blogging dan bagi para webmaster serta sobat semua. Bagaimana tidak, hampir semua blogger menjadikan alexa rank sebagai ukuran atas keberhasilan dan pencapaian blognya tetapi ada juga blogger lain yang hanya bermasa bodoh dengan hal ini entah disengaja atau memang belum mengenal pengaruh dari alexa itu sendiri. Sekitar 3 bulan lalu ketika blog-indo ini baru saya buat alexa ranknya berada pada kisaran 34jt-an, dan lihat peningkatan sekarang mencapai 800 ribu-an tentu ini cukup membanggakan walaupun peringkatnya masih segitu.

Bagi sobat yang ingin me-monetize blog dan mendapatkan penghasilan lebih maka wajib untuk anda untuk meningkatkan alexa rank blog, mengapa ? karena kebanyakan dari penyedia program make money online serta para advertiser akan menggunakan alexa rank sebagai acuan untuk mengetahui kualitas dari blog sobat dan ataupun untuk beriklan seperti contoh buysellads.com hanya akan mengaprrove jika blog sobat memiliki alexa rank yang bagus.

5 cara yang saya gunakan untuk meningkatkan alexa rank

1. Daftarkan blog anda ke alexa
2. Download dan install alexa toolbar pada browser

Internet Explorer -http://www.alexa.com/toolbar?browser=ie-new
Google Chrome - http://www.alexa.com/toolbar?browser=chrome
Firefox - http://www.alexa.com/toolbar

3. Set Homepage browser ke alamat blog anda
4. Pasang widget alexa diblog
5. Tulis artikel tentang alexa lalu buatkan kategori atau tag tersendiri dengan nama "alexa".
6. Update blog anda minimal seminggu 2 kali.

Cara - cara diatas adalah yang juga saya terapkan untuk meningkatkan alexa rank untuk semua blog saya. Dan jika sobat blogger memiliki tips tambahan silahkan dishare dikolom komentar.

Selamat Mencoba !

Guest Blogger - Alternatif Mendapatkan Backlink

noreply@blogger.com (Reinz) — Mon, 21 Mar 2011 13:19:00 +0000

Ada banyak cara yang dapat dilakukan untuk mendapatkan backlink, mulai dari tukeran link, berkomentar pada dofollow blog atau juga pada blog yang mengaktifkan plugin comment luv dan kini ada lagi alternatif lain yang bisa kita lakukan yaitu sebagai guest blogger.

Guest Blogger menurut pemahaman saya adalah kita bertindak sebagai blogger tamu dengan memposting artikel milik kita atau menjadi penulis diblog orang lain.

Keuntungan sebagai Guest Blogger

Artikel kita bisa dibaca oleh pengunjung yang datang, terlebih lagi jika blog tersebut memiliki traffic yang sangat tinggi.
Dapat mempromosikan blog kita.
Mendapatkan backlink gratis dari blog tersebut.

Setelah mengetahui keuntungan yang didapat, apakah sobat blogger tertarik untuk menjadi guest blogger ? Untuk menjadi guest blogger pada suatu blog ada persyaratan dan ketentuan dari pemilik blog yang harus kita laksanakan, tetapi sobat blogger tidak perlu cemas karena persyaratannya tak begitu benar - benar susah untuk kita patuhi.

5 blog yang menyediakan fasilitas guest blogger

Dibawah ini ada beberapa daftar blog yang mengundang sobat blogger sekalian untuk bertindak sebagai Guest blogger di blognya dan silahkan anda coba sendiri :

http://www.o-om.com/2010/01/undangan-guest-blog-di-o-omcom.html - PR 2 /maret 2011
http://kampusblog.com/undangan-sebagai-guest-blogger-di-kampus-blog/ - PR 0/maret 2011
http://isnuansa.com/guest-blogger/ - PR 3/maret 2011
http://dhany.web.id/guest-blogging - PR 4/maret 2011
http://www.margasatrya.com/undangan-guest-blogger-di-margasatrya-com.html - PR 3/maret 2011

Tips dari saya untuk sobat blogger yang ingin menjadi penulis diblog tersebut adalah usahakan pilih kategori yang sesuai dengan niche blog kita agar backlink yang didapatkan adalah yang berkualitas, juga hindari duplikat konten. Semoga artikel Guest Blogger Alternatif Mendapatkan Backlink ini dapat bermanfaat bagi anda.

Good Luck !

Cara Ping Sitemap ke Search Engine

noreply@blogger.com (Reinz) — Mon, 21 Mar 2011 09:49:00 +0000

Salah satu upaya yang dapat dilakukan untuk memberitahu search engine bahwa kita telah mengupdate tulisan atau blog adalah dengan melakukan ping sitemap ke search engine tersebut. Dan untuk blogger sendiri kita harus melakukannya secara manual, hal ini berbeda dengan wordpress yang segalanya bisa dilakukan secara otomatis. Terlepas dari itu cara manual ini cukup efektif jika kita ingin tulisan yang baru dipublikasikan bisa langsung cepat diindeks oleh search engine.

Berikut adalah alamat ping sitemap masing - masing search engine dan cara penggunanaanya sangat mudah yaitu cukup copy pastekan alamat dibawah ini ke address bar browser dan ganti kode yang berwarna merah dengan alamat blog sobat.

Alamat Ping Sitemap masing - masing search engine

Google

http://www.google.com/webmasters/sitemaps/ping?sitemap=http://blog-kamu.blogspot.com/atom.xml

Yahoo

http://search.yahooapis.com/SiteExplorerService/V1/ping?sitemap=http://blog-kamu.blogspot.com/atom.xml

Bing

http://www.bing.com/webmaster/ping.aspx?siteMap=http://blog-kamu.blogspot.com/atom.xml

Ask

http://submissions.ask.com/ping?sitemap=http://blog-kamu.blogspot.com/atom.xml

Demikianlah cara untuk submit sitemap ke google, yahoo, bing, dan ask. Dan semoga artikel ini dapat bermanfaat bagi sobat blogger semua.

Selamat Mencoba !

Pasang Widget Top Komentator Cloud

noreply@blogger.com (Reinz) — Sat, 19 Mar 2011 14:01:00 +0000

Pada dasarnya widget top komentator berfungsi untuk menampilkan list atau daftar para pemberi komentar terbanyak pada suatu blog / website yang dipasangi widget ini. Salah satu alasan dari suatu blog memasang widget ini adalah untuk mengundang pengunjung untuk memberikan komentar sebanyak - banyaknya dan juga memberi penghargaan kepada komentator yang telah banyak memberikan komentar pada blognya dengan menampilkan daftar top komentator. Selain itu, bagi para top komentator ini akan cukup bermanfaat untuknya karena secara tidak langsung namanya akan terpampang di blog yang dipasangi widget ini terlebih lagi jika linknya diberi attribut dofollow ini tentu akan memberikan backlink untuknya.

Widget top komentator sebenarnya ada 2 macam yaitu bentuk standar dan juga Cloud atau yang menyerupai awan. Dan untuk kesempatan kali ini saya akan memberikan tips memasangnya secara cloud dan sekedar tambahan dengan memasangnya secara cloud berarti kita sedikit menghemat ruang disidebar.

Cara pasang widget top komentator cloud

Pertama login ke account blogger lalu pilih tab Rancangan -> Elemen laman, dan tambahkan gadget HTML/Javascript baru pada sidebar kemudian isikan dengan script dibawah ini :

<!-- Top Commentators Cloud Start            
(c)  2010 Blogger Sentral. Original code by  http://bloggersentral.blogspot.com/. Do not remove this credit and the  Make your own link at the bottom of the code.-->
<div style="text-align:justyfy;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank' rel='nofollow'>" + ccName + "  </a> | ";//clickable commentator name
display = display + ccLName;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://blog-indo.blogspot.com
&Exclusions=Anonymous
&ShowHowMany=10
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
</div><br />
<br /> <a href="http://blog-indo.blogspot.com/" target"_blank">
<span style="font-size: xx-small;">Cloud Widget</span></a>

Tips :

Your Blog URL -> Ganti http://blog-indo.blogspot.com dengan alamat blog sobat.

Exclusions -> Sobat dapat menambahkan nama selain Anonymous dan dipisahkan dengan tanda koma ( , ) dengan nama komentator yang tidak ingin ditampilkan pada daftar top komentator. Ingat nama bersifat Case Sensitive !.

ShowHowMany -> Banyaknya jumlah komentator yang ditampilkan, defaultnya adalah 10 dan silahkan ganti sesuai keinginan.

Order -> Mengurutkan daftar berdasarkan abjad (Alphabet) atau berdasarkan jumlah komentar Frequency.

Demikianlah tips memasang widget top komentator secara cloud dari saya dan semoga tips ini dapat bermanfaat bagi anda.

Selamat Mencoba !

Trik Membuat Blog Blogger menjadi Dofollow

noreply@blogger.com (Reinz) — Mon, 14 Mar 2011 04:04:00 +0000

Yah, sudah hampir sebulan gak pernah update blog kesayangan ini karena lagi fokus untuk selesaikan skripsi dan ternyata cukup banyak sobat bogger yang memberikan waktu luangnya untuk berkunjung, maka dari itu tak lupa saya ucapkan terima kasih kepada sobat semua.

Pada kesempatan kali ini saya akan memberikan tips untuk membuat link komentar blogger menjadi dofollow yang kebetulan ada sobat blogger yang menanyakan hal ini kepada saya dan berikut kutipanya "... trus gmana cara buwat blog dofolow". Dan tentang apa itu dofollow dan nofollow bisa anda baca pada tulisan saya sebelumnya disini. Karena secara default link pada komentar template bawaan blogger adalah nofollow maka kita bisa merubahnya menjadi dofollow dengan mengikuti tutorial dibawah ini.

Cara Buat Blog Blogger Menjadi Dofollow

Untuk menerapkan tips ini yang perlu dilakukan adalah mengedit template yang digunakan dengan cara login ke account blogger dan masuk pada tab Rancangan -> Edit HTML dan centang pada Expand template Widget lalu cari kode seperti dibawah ini atau yang sejenis :

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>

Tips : Gunakan fasilitas pencarian browser untuk mencari kode diatas, tekan tombol F3 pada keyboard atau juga bisa dengan menekan tombol CTRL + F.

Jika sudah ketemu kodenya, maka langkah terakhir adalah dengan menghapus kode yang berwarna merah diatas pada template anda sehingga keseluruhan kodenya menjadi seperti ini :

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>

Jangan lupa simpan template anda. Untuk melihat apakah blog sudah berubah menjadi dofollow silahkan anda lihat komentar pada salah satu postingan kemudian lihat properti dari link si pemberi komentar apakah masih terdapat kode rel='nofollow' atau sudah tidak ada. Kalau sudah tidak ada, berarti blog ada sudah Dofollow.

Seperti itulah trik membuat blog blogger menjadi dofollow dan mungkin juga sobat blogger ingin mempercantik tampilan komentar, silahkan baca artikel saya tentang Threaded Comments Untuk Blogger.

Selamat Mencoba !

Sekilas Tentang Dofollow dan Nofollow

noreply@blogger.com (Reinz) — Mon, 14 Mar 2011 03:32:00 +0000

Dofollow dan Nofollow merupakan dua hal yang berbeda karena memiliki masing - masing kelebihan dan kekurangan. Jika kita berkomentar pada suatu blog dan ternyata blog tersebut memberikan backlink untuk kita maka blog tersebut dikategorikan sebagai Dofollow Blog. Dan sebaliknya kalau komentar kita tidak mendapatkan backlink dari blog yang kita komentari maka blog itu disebut Nofollow Blog.

Anchor text yang didalamnya terdapat link yang beratribut nofollow memberitahukan search engine untuk tidak memberikan ranking atau menelusuri lebih lanjut link tersebut.

Apa Itu Dofollow dan Nofollow ?

Dalam dunia blogging dua istilah ini dapat diartikan sebagai berikut.

Dofollow adalah suatu attribut HTML yang berupa Anchor text yang biasanya didalamnya terdapat link target yang kemudian link tersebut dapat diindeks oleh mesin pencarian atau search Engine.

Contoh link dofollow: <a href="http://blogkamu.blogspot.com/" rel="dofollow">blog saya</a>
Nofollow adalah kebalikan dari dofollow yang juga merupakan attribut HTML dimana link yang ada didalamnya tidak akan diindeks oleh search engine.

Contoh link Nofollow :<a href="http://blogkamu.blogspot.com/" rel="Nofollow">blog saya</a>

Dari kedua contoh diatas kita dapatkan bahwa link targetnya adalah http://blogkamu.blogspot.com/ dan anchor textnya "blog saya". Dan link yang berattribut dofollow artinya link target tersebut akan dapat diindeks oleh search engine seperti google dan lainnya, tetapi sebaliknya link yang berattribut nofollow seperti contoh diatas tidak akan diindeks oleh search engine.

Sampai saat ini blog saya merupakan salah satu Dofollow Blog dan silahkan berkomentar yang baik dan sopan dan mohon untuk tidak melakukan spammer.

Demikianlah penjelasan singkat dari saya mengenai pengertian dofollow dan nofollow. Dan jika ada yang kurang tolong ditambahakan serta kalau ada yang salah dengan penjelasan saya mohon diperbaiki.

Cara Mudah Approve Google Adsense Melalui Indyarocks.com

noreply@blogger.com (Reinz) — Mon, 21 Feb 2011 17:14:00 +0000

Bagi teman-teman yang ingin me-monetize blognya melalui google adsense tapi akunnya belum juga di approve, tenang saja karena seperti kata pepatah "banyak jalan menuju ke Roma" dan kali ini saya akan memberikan tips untuk mendapatkan approve dari google adsense dengan cepat melalui Indyarocks.com tapi sebelumnya saya ingin mengucapkan terima kasih kepada sobat saya Pradisz Wardhana yang telah memberikan tips ini dan hanya dalam waktu sehari saja akun adsense saya sudah di approve.

Saya akan memberikan sedikit penjelasan tentang Indyarocks yang merupakan situs jejaringan sosial atau social networking yang berasal dari india. Dan melalui situs inilah kita akan mencoba mendaftar ke google adsense, untuk mempersingkat waktu berikut langkah - langkahnya.

Buat akun di Indyarocks.com

Untuk mendaftarkan akun google adsense (selanjutnya akan saya sebut GA) melalui indyarocks.com, kita harus join dulu dengan situs ini tapi dengan email yang belum dibanned oleh GA. Jadi sebaiknya disarankan untuk membuat email baru di gmail.com sebelum join dengan Indyarocks. Berikut adalah persiapan sebelum mendaftar :

Artikel bergambar dalam bahasa inggris minimal 2 artikel dan ingat gambarnya harus berhubungan dengan artikel anda dan juga harus artikel yang original tapi jika tidak bisa membuat artikel bahasa inggris tips dari saya yang juga telah saya gunakan adalah cari saja di artikel direktori. hehehe :D
Persiapkan minimal 10 foto untuk diupload nantinya.

Jika persiapannya sudah lengkap, mari kita lanjut.

Buat akun baru di Indyarocks.com dan lengkapi pendaftaranya.
Cek inbox email anda yang berisi link konfirmasi untuk mengaktifkan akun.
Setelah akun anda di konfirmasi maka sekarang anda sudah bisa login.
Lengkapi profil anda dengan cara edit profil dan lengkapi semua formnya termasuk foto profil hingga indikasinya mencapai 60% lebih. Penting !
Upload foto yang telah dipersiapkan sebelumnya dan buatkan albumnya. Penting !
Buat sebuah blog di Indyarocks dengan cara klik tab Blogs --> Write Blogs lalu isikan dengan artikel yang telah dipersiapkan tadi. Penting !
Klik tab Profile --> My Profil dan tepat dibawah foto pic anda klik Earnings (Google AdSense).

Langkah 1 -6 harus sudah anda lakukan sebelum melanjutkan karena jika tidak ketika anda klik Check Eligibility maka anda akan mendapatkan pesan seperti ini "Oops. You are not eligible" tapi tenang sob ikuti saja petunjuk dan persyaratan yang diminta pada pesan tersebut. Jika sudah lengkap, mari kita lanjutkan.

Cara Buat Akun Google Adsense Lewat Indyarocks.com

Kembali ke tab Profile --> My Profil dan tepat dibawah foto pic anda klik Earnings (Google AdSense)
Klik Start Earning lalu Next
Pada "Do you already have a google adsense account?" klik No
Masukkan alamat email yang belum pernah di banned dan klik Next
Cek inbox email dan buka dan klik email yang berisi link untuk pengisian data GA
Isikan dengan benar data -data anda dan jangan lupa untuk mencentang Yes, allow indyarocks.com to acces my account lalu klik Submit Information
Setelah itu akan dibawa ke halaman konfirmasi kebenaran data dan pembuatan akun GA lewat Indyarocks.com, klik Create Account.
Centang I Accept lalu klik submit.

Stelah semua langkah diatas telah anda lakukan maka sekarang tinggal menunggu tim GA untuk mereview permintaan dan kemudian mengapprove akun tersebut tetapi alangkah lebih baiknya lagi jika sambil menunggu, anda menambahkan artikel dan foto ke akun indyarocks, yah untuk jaga - jaga sih. Pengalaman saya ketika mendaftar melalui Indyarocks hanya memakan waktu sehari saja akun saya sudah diapprove.

Semoga dengan tips tentang Cara Mudah Approve Google Adsense Melalui Indyarocks.com ini bisa membantu anda untuk mendapatkan akun di GA.

Selamat Mencoba !

Cara Pasang Recent Post di Blogger (Javascript)

noreply@blogger.com (Reinz) — Fri, 18 Feb 2011 21:57:00 +0000

Sekali lagi saya akan memberikan tips mengenai navigasi untuk blog pada teman - teman semua, jika sebelumnya saya sudah memberikan tips cara pasang navigasi breadcrumb dan juga related post maka kali ini giliran Recent Post atau biasa disebut postingan terbaru. Dengan adanya navigasi recent post pada blog maka akan lebih memudahkan pengunjung untuk mengetahui postingan atau artikel terbaru dari blog kita.

Tutorial cara pasang recent post kali ini akan menggunakan javascript sebagai source codenya dan untuk mempersingkat waktu maka kita langsung saja dengan tutorialnya karena berhubung pada saat menulis artikel ini jam dikamar saya sudah menunjukan pukul 4 subuh hehehe :D

Cara Pasang Widget Recent Post

Untuk memasang widget ini seperti biasa kita harus login ke account blogger dan masuk pada tab Rancangan --> Elemen Laman, kemudian tambahkan gadget HTML/Javascript baru dan CoPas kode dibawah ini ke gadget baru tersebut :

<script type="text/javascript" src="http://blogindo.googlecode.com/files/recent-post.txt"></script>
<script>
    var numposts = 5;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 100;
</script>
<script src="http://blog-indo.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

Tips :

Ganti kode yang berwarna merah dengan alamat blog anda

var numposts -> Jumlah judul postingan terbaru yang ditampilkan.

var showpostdate -> Ganti false menjadi true jika ingin menampilkan tanggal postingan.

var showpostsummary -> Bisa diganti menjadi true jika mau menampilkan ringkasan posting dari tiap judul.

var numchars -> Jumlah karakter pada ringkasan. Jika showpostsummary disetting false maka option ini tidak akan berpengaruh.

Jika sudah selesai diutak-atik kodenya, coba simpan template anda kemudian lihat hasilnya. Dan semoga artikel ini bisa bermanfaat bagi anda.

Selamat Mencoba !

Aktifkan Fitur Template Seluler Blogger (Beta)

noreply@blogger.com (Reinz) — Wed, 16 Feb 2011 13:56:00 +0000

Sebenarnya Fitur Template Seluler ini sudah lama ada dalam draft blogger tetapi masih dalam tahap pengembangan karena yang namanya versi beta pasti masih dalam percobaan dan mungkin masih banyak didapatkan bug. Fitur ini memungkinkan blog kita bisa diakses lebih cepat dan mudah dari ponsel dengan tampilan blog yang dihasilkan sangat sederhana.

Blogger memang memiliki banyak fitur seperti perancang template yang pernah saya posting sebelumnya dan kini hadir dengan fitur template selulernya. Untuk anda yang ingin mengetahui lebih lengkap dan ingin mencoba fitur ini silahkan masuk ke draft blogger.

Cara mengaktifkan Fitur Template Seluler.

Untuk mengaktifkanya, login ke http://draft.blogger.com/ dengan account blogger anda, pilih Pengaturan --> Email & Seluler dan pada "Tampilkan template seluler" pilih opsi "Ya, Pada perangkat seluler, tampilkan versi seluler template saya" sebelum menyimpan pengaturan, coba anda preview dulu dengan cara mengklik tombol yang bertuliskan "Pratinjau seluler" maka akan terbuka jendela kecil baru (Firefox) yang menampilkan blog dalam versi seluler dengan tampilan yang sangat sederhana tanpa widget-widget seperti pada template tampilan web. Simpan pengaturan anda.

Untuk mencoba versi seluler blog cukup dengan menambahkan ?m=1 pada akhir alamat blog. Contohnya http://blog-indo.blogspot.com/?m=1

Sekali lagi Fitur Template Seluler ini masih versi beta jadi mungkin masih ada kekurangannya dan bug yang bisa kita temukan.

10 Blogs with CommentLuv Enabled

noreply@blogger.com (Reinz) — Sat, 12 Feb 2011 10:58:00 +0000

Commenting in a blog using Comment Luv plugin is one of the decent way for getting a backlink to your blog because the commenters could post the link to their blog posts. Commentluv is this utterly incredible magnificent plugin that will pull up the last post by your commentors.

I have the tiny list of blogs with commentluv enabled that you can place your comment to get backlink, so check it up !

List of 10 Blog with CommentLuv Enable

http://www.famousbloggers.net/
http://www.seocopter.com/
http://www.bloggingjunction.com/
http://www.realbloggingtips.com/
http://www.blogussion.com/
http://niceblogger.com/
http://www.bloggingjunction.com/
http://www.trafficgenerationcafe.com/
http://www.famousbloggers.net/
http://www.bloggingbookshelf.com/

Ok, please check it and don't forget to place your comment too. At the end, say not to ~~SPAM~~ !

SeoQuake Seo Tools For Webmaster

noreply@blogger.com (Reinz) — Fri, 11 Feb 2011 03:03:00 +0000

What is SeoQuake ? This tools can help web masters to optimized their site to rank better on search engine. If you need to completed your seo strategy, it can be useful to use this tools and i will recommended it to you.

Seoquake is a Mozilla Firefox SEO extension aimed primarily at helping web masters who deal with search engine optimization (SEO) and internet promotion of web sites. Seoquake allows to obtain and investigate many important SEO parameters of the internet project under study on the fly, save them for future work, compare them with the results, obtained for other, competitive, projects.

Beginner web masters and seos will find SeoQuake useful for estimating effectiveness and competitive ability of their SEO efforts. In the hands of professional SeoQuake will become a powerful and indispensable tool for analyzing optimization and promotion level of internet web-projects.

SeoQuake can be distinguished from similar projects by a wide range of parameters available for analysis, simplicity of use and also a tool for creation of custom parameters.

SeoQuake consists of two functional parts. The first one is SeoBar. The second part is the computation of the parameters for search results and its inclusion into search engine result pages – SERPs – for the most popular search engines.

SeoBar
SeoBar can be described as an additional toolbar, which shows the values of selected parameters for the page currently opened in the browser window. Set of parameters shown by SeoBar is fully customizable by user.

Inclusion of parameters in SERPs
After submission of the query into the search engine user is presented with SERP with search results. SeoQuake shows values of the parameters for search results under each search result shown on SERP. Set of parameters shown is fully customizable by user. Loading of parameters can be handled in two different ways – simultaneously with the loading of the SERP or after SERP loading, by user demand. Ranking of the results by selected parameter in ascending/descending order and storing results in file are available features.

Parameters
While having a wide range of default parameters, SeoQuake also gives users the opportunity to create their own parameters and also group them into presets and switch between these presets on the fly, during the work.

General set of parameters consists of such parameters as Google PR (Google PageRank of current page), Google Index (Number of indexed pages. Google version), Google link (Number of links, pointed to the current page. Google version (Except links from concerned domain)), similar parameters for many other search engines (Yahoo, MNS, Yandex, Rambler, Baidu) and some other miscellaneous parameters.

There is also a tool for creation of custom parameters at user’s disposal. These parameters can be saved and used for future research, whatever it may be.

All SeoQuake parameters can be turned on/off to be shown in SeoBar or on SERPs.

Miscellaneous
SeoQuake submits a query to search engine every time when it needs to obtain a value for a new parameter (that is not in a cache yet), defined by this search engine. Frequent use of big amount of the parameters may lead to the ban of user’s IP address from search engine. In this case, you will need to delete cookies or change proxy server.

Full description of all SeoQuake functions and parameters can be found on official site of addon: http://www.seoquake.com/guide.php?sln=en
Warning! Extension is using the advertisement block in results of search engines. Please, read Privacy Policy, before install http://www.seoquake.com/policy.html
To download this addons : From Mozilla or Official Site

Trik Pasang Related Posts di Blogger

noreply@blogger.com (Reinz) — Thu, 10 Feb 2011 00:05:00 +0000

Related posts atau biasa juga disebut dengan artikel yang berkaitan atau berhubungan adalah salah satu navigasi yang bisa diterapkan untuk memudahkan pengunjung dalam mencari tulisan lain pada blog yang berkaitan dengan artikel yang sedang dibacanya.

Pada blogger untuk menampilkan navigasi ini biasanya menggunakan label sebagai acuanya. Misalkan pada tulisan yang sedang anda baca ini "Trik Pasang Related Posts di Blogger" saya beri label Tips blogger, maka nantinya related posts yang ditampilkan adalah semua postingan pada label "Tips Blogger" dan juga bisa kita atur berapa postingan yang akan ditampilkan (hanya judulnya saja).

Cara Pasang Related Posts di Blogger

Langkah awalnya adalah dengan menambahkan kode javascript dengan cara login ke account blogger dan masuk pada tab Rancangan -> Edit HTML, cari kode </head> dan letakan script dibawah ini tepat diatas tag </head> tersebut.

Ket : kode diatas sudah dicompress

Langkah selanjutnya menambahkan style (CSS) untuk related postsnya. caranya cari lagi kode ]]></b:skin> dan sisipkan kode css berikut tepat diatas ]]></b:skin>.

/* RELATED-POSTS */
#rel-posts {font : 11px Verdana;border: 1px solid #ccc; margin-top: 20px;}
#rel-posts .widget h2, #rel-posts h2 {color : #940f04;background: #f4f4f4;font-size : 20px;font-weight : normal;margin : 0 ;padding : 5px ;border-bottom:1px solid #ccc;border-top:0;}
#rel-posts a {color : #054474;font-size : 11px;text-decoration : none;}
#rel-posts a:hover {color : #054474;text-decoration : none;}
#rel-posts ul {margin : 0;padding : 0;padding-left: 5px;}
#rel-posts ul li {line-height : 2em;border-bottom:1px dotted #cccccc;display: block;}
#rel-posts ul li:last-child{ border-bottom:none}

Tips : Sesuaikan kode tersebut dengan template yang anda gunakan.

Dan langkah terakhir yaitu memanggil/meletakan related posts dibawah postingan, masih dalam tab Edit HTML cari kode <data:post.body/> dan letakan kode berikut tepat dibawah <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='rel-posts'>
<h2>Artikel yang Berkaitan</h2>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
</b:if>

Tips :

Artikel yang Berkaitan -> Judul dari Related Post, bisa diganti sesuai keinginan

5 -> Jumlah postingan yang ingin ditampilkan, juga bisa diganti.

Simpan template anda dan coba lihat hasilnya apakah sudah sesuai atau belum. Jika tampilannya belum sesuai itu biasanya karena template masing-masing berbeda dan untuk mengatasinya coba edit css related post diatas agar sesuai dengan template yang anda gunakan.

Selamat Mencoba !

Pasang Script Auto Read More di Blogger

noreply@blogger.com (Reinz) — Mon, 07 Feb 2011 15:39:00 +0000

Read more (baca selengkapnya) biasanya sering kita jumpai di postingan-postingan pada homepage atau halaman utama suatu blog yang tujuanya untuk menampilkan sebagian isi postingan pada halaman utama saja dan akan menampilkan keseluruhan isi jika kita mengklik link readmore tersebut.

Blogger sendiri sebenarnya telah menyediakan fasilitas readmore tetapi pada kali ini saya akan memberikan trik untuk memasang fasilitas ini secara otomatis tanpa harus menambahkan suatu kode pada tiap postingan yang kita buat (readmore versi lama).

Cara Pasang Script Auto Read More

Penting!!! jika sebelumnya anda telah memasang readmore versi lama (.fullpost), sebaiknya hapus dulu kodenya.

1. Masuk ke account Blogger anda. Pilih Rancangan->Edit HTML
2. Centang pada "Expand Widget Templates"
3. Cari kode </head> kemudian letakan script dibawah ini tepat diatasnya.

<script type='text/javascript'>
var thumbnail_mode = "no-float" ; 
summary_noimg = 400; 
summary_img = 325; 
img_thumb_height = 100; 
img_thumb_width = 120; 
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<"); 
        for(var i=0;i<s.length;i++){ 
            if(s[i].indexOf(">")!=-1){ 
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
            } 
        } 
        strx =  s.join(""); 
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2; 
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
    strx = strx.substring(0,chop-1); 
    return strx+'...'; 
}

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {    
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>

4. Masih dalam tab Edit HTML, cari lagi kode <data:post.body/> atau <p><data:post.body/></p> lalu ganti dengan kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>
createSummaryAndThumb (&quot;summary<data:post.id/>&quot;); </script>
<span class='rmlink' style='float:right; '>
<a expr:href='data:post.url'>&#187;&#187; Readmore </a></span> 
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> 
</b:if>

5. Simpan template kemudian lihat hasilnya.

Tips:

var thumbnail_mode = "no-float"; -> Menetapkan gambar / thumbnail tidak di float.

summary_noimg = 400; -> Banyaknya karakter yang akan ditampilkan tanpa gambar / thumbnail.

summary_img = 325; -> Banyaknya karakter yang akan ditampilkan dengan gambar /thumbnail.

img_thumb_height = 125; -> Tinggi gambar / thumbnail.

img_thumb_width = 125; -> Lebar gambar / thumbnail.

»» Readmore -> Text untuk link readmore, silahkan ganti sesuai keinginan anda.

Demikianlah Tutorial auto read more dari saya dan jika ada yang kurang jelas, jangan sungkan untuk bertanya dengan memberikan komentar. Selamat Mencoba !

Threaded Comments Untuk Blogger

noreply@blogger.com (Reinz) — Sun, 23 Jan 2011 20:32:00 +0000

Satu lagi kelebihan wordpress yang bisa kita terapkan pada blogger / blogspot yaitu fitur Threaded Comment. Untuk menggunakan fitur ini kita menggunakan layanan yang diberikan oleh intensedebate [dot] com yang akan mengganti sistem komentar standar blogger dengan threaded comment.

Sistem komentar yang menggunakan threaded comment akan lebih terstruktur dan kita akan dimudahkan menjawab komentar orang yang ingin kita komentari karena terdapat tombol reply dibawah komentar orang tersebut. Bagaimana tertarik untuk memasang threaded comment pada blog blogspot anda ? Silahkan daftar di Intense Debate dan berikut caranya :

Cara Pasang Threaded Comment pada Blogger

Kunjungi http://www.intensedebate.com lalu signup dan isi form yang ditampilkan dengan data yang diperlukan selanjutnya akan dikirimkan link verifikasi ke email anda, silahkan klik link tersebut.

Untuk menginstall intense debate comments (Threaded Comments System) langsung saja klik "Continue with your installation" dan pada kolom "Blog or Website url" isikan dengan url homepage blog yang akan kita instal.

Jika blog menggunakan domain [dot]blogspot maka akan terdeteksi secara otomatis platformnya tetapi jika domain sendiri jangan lupa memilih blogger sebagai platformnya selanjutnya lihat instruksi yang diberikan pada panel sebelah kiri :

Berikut Penjelasannya :

How would you like to install intensedebate ?
Terdapat 2 option pemasangan yaitu pada "widget (easy method)" atau "template (recommended but harder to install)" dan untuk hasil yang maksimal pilih saja yang "template".
Which blog posts should have IntenseDebate comments enabled ?
jika ingin mengaktifkan fitur ini hanya pada postingan terbaru pilih "Only on new posts" dan postingan yang lama akan tetap menggunakan sistem komentar default. Sedangkan untuk mengaktifkan disemua posting pilih opsi "On all blog posts" maka semua komentar yang sudah ada sebelumnya akan disembunyikan. Silahkan tentukan pilihan kamu.
Clicking the link below opens Blogger.com in the panel to the right to continue the installation.
Klik link yang bertuliskan "Open Blogger.com" maka pada panel sebelah kanan akan terbuka jendela dashboard blogger (jika sudah login ke blogger).

Pilih Rancangan / Layout -> Edit HTML pada blog yang ingin anda install lalu klik "Download template lengkap" untuk menyimpan template yang nantinya akan diperlukan.

Kemudian pada panel sebelah kiri upload kembali template yang telah disimpan ("telusuri") dan klik tombol "upload file" tunggu hingga proses upload selesai.

Sekali lagi pada panel sebelah kanan pilih Rancangan / Layout -> Edit HTML pada blog yang mau diinstall

Pindah pada panel sebelah kiri dan dan lihat textarea pada point 3, copy semua script pada textarea tersebut.

Dan ini adalah langkah terakhirnya yaitu pada box Edit template sebelah kanan seleksi semua script template kita dengan menekan kombinasi tombol Ctrl + A pada keyboard lalu pastekan script yang sebelumnya telah dicopy pada textarea diatas.

Simpan Template dan lihat hasilnya dengan membuka postingan terbaru blog kamu.

Selain itu juga kita dapat mengatur layout dan menambahkan custom CSS form komentar sesuai dengan style yang diinginkan. Seperti itulah tutorial memasang threaded comment pada blogger dengan memanfaatkan layanan gratis yang diberikan Intense Debate.

Metode Mengkompress CSS dengan PHP

noreply@blogger.com (Reinz) — Mon, 17 Jan 2011 18:45:00 +0000

Mengoptimalkan CSS merupakan salah satu faktor yang sangatlah penting untuk mempercepat proses loading suatu website / blog. Hal ini bisa dilakukan dengan jalan mengkompress agar ukurannya menjadi kecil.

Ada banyak cara yang dapat kita lakukan untuk mengkompress CSS yaitu dengan tool online CSS Compressor atau secara manual dengan menghapus semua baris komentar yang tidak lain fungsinya hanyalah untuk menjelaskan syntax CSS tersebut serta menyederhanakan selector-selector yang mempunyai property dan value yang sama.

Pada kesempatan kali ini saya tidak akan menjelaskan kedua cara diatas tetapi memberikan metode lain dengan menggunakan PHP. Untuk mempersingkat waktu, langsung saja dengan tutorialnya.

Metode Mengkompress CSS dengan PHP

Inti dari metode ini adalah mengganti ekstensi file dari .css menjadi .php dan menambahkan snipet dibawah ini kedalam file php tersebut.

 <?php
    ob_start ("ob_gzhandler");
    header("Content-type: text/css; charset: UTF-8");
    header("Cache-Control: must-revalidate");
    $offset = 60 * 60 ;
    $ExpStr = "Expires: " .
    gmdate("D, d M Y H:i:s",
    time() + $offset) . " GMT";
    header($ExpStr);
?>

/* ------------- Letakan kode CSS dibawah baris/komentar ini ------------- */

/* Body {color:orange;}
...
dan seterusnya... */

Baris yang berwarna merah diatas bisa anda hapus atau gantikan dengan kode-kode pada file CSS blog wordpress anda (biasanya style.css) lalu simpan dengan nama css.php.

Setelah langkah diatas anda lakukan dengan benar maka langkah selanjutnya adalah memanggil file css.php tersebut. Cara pemanggilanya :

<link rel='stylesheet' type='text/css' href='link_ke_file_css.php' />

Ganti kode yang berwarna merah dengan link menuju file css.php.

Seperti itulah metodenya dan dengan menerapkan tips diatas, pastinnya kecepatan loading website atau blog akan sedikit meningkat dari biasanya tetapi itu pun tergantung bagaimana anda mengoptimalkan javascript dan juga kestabilan dari webhosting yang anda gunakan.

Gadget Popular Post dari Google Friend Connect

noreply@blogger.com (Reinz) — Sun, 16 Jan 2011 09:22:00 +0000

Bagi pengguna blogger atau blogspot pasti sudah pada tahu apa itu google friend connect karena sudah tertanam langsung pada blognya. Google Friend Connect (Jalinan Teman Google) merupakan layanan komunitas sosial dari google yang didalamnya kita bisa saling berinteraksi seperti halnya pada Blogcatalog dan lainnya. Widget friend connect ini memang sangat membantu dalam meningkatkan traffic dan popularitas blog.

Apakah anda tahu bahwa Google Friend Connect juga menyediakan widget Recommended (Popular) Post yang bisa kita pasang di blog. Kelebihan widget ini dari widget popular post yang lain adalah lebih stabil dan juga cepat terupdate untuk menampilkan list posting. Contoh dari widget ini dapat anda lihat disidebar kanan, dan dibawah list yang ditampilkan terdapat tombol Vote yang berfungsi untuk mengukur tingkat kepopuleran sebuah halaman dan kemudian akan ditampilkan ke dalam list.

Untuk memasang Gadget Popular Post ini ke blog, silahkan anda simak tutorial lengkapnya :

Gadget Recommended (Popular) Post

Kunjungi :http://www.google.com/friendconnect/

Masuk / login dengan username dan password akun google atau blogger anda dan pilih salah satu blog kemudian pilih menu "Gadget".

Scroll kebawah dan pilih widget "Recommendation".

Mengatur tampilan untuk list Popular Post

Ini merupakan widget utama yang akan menampilkan list atau daftar postingan terpopuler, silahkan atur warna, background, width dan lainnya sesuai keinginan anda lalu lihat previewnya apa sudah sesuai atau belum.

Mengatur tampilan untuk tombol Vote

Tombol ini berfungsi untuk merekomendasikan sebuah halaman untuk ditampilkan ke dalam list / daftar popular post (tergantung jumlah rekomendasi). Pilih salah satu dari 2 tombol dan iconnya yang akan kita gunakan :

"Tombol Ringkas" tampilannya seperti ini:

"Modular" tampilanya seperti ini :

Silahkan pilih tombol yang anda sukai dan atur tampilannya.

Buat dan Dapatkan Kode HTML

Setelah mengatur tampilan maka langkah selanjutnya adalah mengambil kode widget yang nantinya akan dipasang di blog.

Klik tombol "Buat Kode" untuk menggenerate kodenya dan akan muncul 2 kode yang masing - masing kode untuk Recommended (popular) list dan yang satunya untuk Tombol Vote.

Cara Pasang Widget

Saya asumsikan langkah diatas sudah anda jalankan dengan benar dan telah memiliki kodenya.

Pasang Kode Recommended List Pada Sidebar

Sebagai contoh kita akan memasangnya di sidebar, untuk blogger/ blogspot tambahkan "widget HTML/Javasript" baru lalu isi dengan kode Recommended (popular) list sedangkan untuk wordpress caranya sama yaitu dengan menambahkan "widget text" baru pada sidebar kemudian isi dengan kode Recommended (popular) list.

Pasang Kode Tombol Vote pada tiap Postingan

Alangkah baiknya kita memasang tombol ini hanya pada halaman postingan saja agar tidak terjadi kesalahan jika menampilkan banyak tombol pada halaman yang sama (halaman Homepage yang menampilkan banyak posting) dan tekniknya adalah menggunakan Conditional Tag. Sebagai contoh kita akan memasang tombol ini diatas postingan.

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-7064793784943751094" style="width:100%;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['HEIGHT'] = '21';
skin['BUTTON_STYLE'] = 'compact';
skin['BUTTON_TEXT'] = 'Sarankan!';
skin['BUTTON_ICON'] = 'default';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
 { id: 'div-7064793784943751094',
   url:'http://www.google.com/friendconnect/gadgets/recommended_pages.xml',
   height: 21,
   site: '11332923189683725073',
   'view-params':{"pageUrl":location.href,"pageTitle":(document.title ? document.title : location.href),"docId":"recommendedPages"}
 },
  skin);
</script>

Untuk Blogger :

Login ke account blogger
Pilih tab Rancangan --> Edit HTML
Sebelum melakukan perubahan pada template, biasakan untuk membackup terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.
Centang pada expand template widget
Cari kode data:post.body
Tepat diatasnya Copas skrip ini

<b:if cond = 'data:blog.pageType == &quot;item&quot;'>
<!-- Skrip tombol Vote letakan disini.. -->
</b:if>

Sehingga seluruhnya jadi seperti ini:

<b:if cond = 'data:blog.pageType == &quot;item&quot;'>
<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-7064793784943751094" style="width:100%;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['HEIGHT'] = '21';
skin['BUTTON_STYLE'] = 'compact';
skin['BUTTON_TEXT'] = 'Sarankan!';
skin['BUTTON_ICON'] = 'default';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
 { id: 'div-7064793784943751094',
   url:'http://www.google.com/friendconnect/gadgets/recommended_pages.xml',
   height: 21,
   site: '11332923189683725073',
   'view-params':{"pageUrl":location.href,"pageTitle":(document.title ? document.title : location.href),"docId":"recommendedPages"}
 },
  skin);
</script>
</b:if>

kode <b:if cond...</b:if> diatas adalah conditional tag agar tombol vote hanya tampil pada halaman postingan saja.

Untuk Wordpress :

Masuk Ke Dashboard Blog Anda
Pilih tab Appearance--> Editor (Themes Editor)
Edit file single.php
Cari kode <?php the_content(); ?> kemudian
Letakan skrip Tombol Vote sebelum kode diatas.

<!-- Skrip tombol Vote letakan disini.. -->
<?php the_content(); ?>

Silahkan simpan template anda dan lihat hasilnya.

Pada awalnya widget Popular Post ini masih akan menampilkan list kosong, ini dikarenakan belum ada yang merekomendasikan postingan tertentu melalui tombol vote yang telah dipasang.

Untuk menampilkan postingan pada list, anda dapat melakukannya sendiri dengan mengklik tombol vote pada tiap posting dan selanjutnya biarkan pengunjung blog anda yang melakukanya.

Cara Claim Blog di Technorati

noreply@blogger.com (Reinz) — Wed, 12 Jan 2011 18:14:00 +0000

Technorati merupakan salah satu directory blog yang cukup populer, Sampai saat ini technorati masih menjadi favorite para blogger jadi tidak ada salahnya jika kita mendaftarkan kelayanan ini. Keuntungan dari layanan ini yaitu selain blog kita akan dikenal luas sekaligus meningkatkan trafik pada blog kita (Wikipedia).

Kalau sekedar urusan sign up (mendaftar) pasti teman-teman sudah tahu step by stepnya. Namun saya cuman mau berbagi bagaimana cara mengklaim blog kita di Technorati, yakni :

Setelah login, buka profil. Shourcutnya klik aja nama (username) di pojok kanan atas halaman technorati
Nah, terus rolling ke bawah di sana ada baris isian alamat blog. Ketik alamat blog kamu.
Klik "Claim Blog".
Selanjutnya kamu akan dikirimkan token (semacam kode verifikasi) ke email kamu, contoh : S2EWBCEPU2PJ.
Masukkan token tersebut ke salah satu postingan blog kamu (tinggal masukkan saja kodenya), contoh : Biasanya optimasi blog menjadi suatu wahana belajar dan pembelajaran, maklum kita sama-sama manusia yang butuh belajar. Optimasi Blog merupakan kumpulan tips seo dan trik blogger tentu saja diulas dengan bahasa Indonesia yang gaul abis. Yuk, kita sama-sama belajar tentang blog dan jangan sampai ketinggalan yah.
Terbitkan entry, maka secara otomatis token tersebut akan terdeteksi oleh Technorati.
Kembali ke site Technorati, klik "Check Claim"
Klik "Verify Claim Token" dan jika sukses, maka Technorati kembali mengirimkan email.
Next kamu dapat menghapus token tersebut setelah blog kamu terdeteksi oleh Tefchnorati.

Mudah-mudahan informasi ini bermanfaat dan klaim blog kita dapat diterima. Selamat mendaftarkan blog kamu ke Technorati.

Sumber Tulisan : Optimasi Blog

Tips Menambahkan Sidebar Pada Wordpress

noreply@blogger.com (Reinz) — Tue, 11 Jan 2011 15:34:00 +0000

Template wordpress sendiri terbagi menjadi beberapa file bagian yang berdiri sendiri tapi mempunyai keterkaitan satu sama lainnya berbeda dengan template blogspot yang hanya terdiri dari satu file saja. Jadi menurut saya, mengedit template wordpress tidaklah semudah blogspot. Template - template pada wordpress memiliki struktur yang berbeda - beda dalam pengkodeanya tetapi sebenarnya mempunyai arah yang sama.

Kali ini saya akan memberikan tips membuat sidebar baru pada wordpress yang dihosting sendiri bukan wordpress [dot] com yang intinya hanyalah memberikan fungsi dan kode utama sidebar, karena seperti yang sudah saya sebutkan diatas struktur dari template wordpress adalah berbeda -beda.

Membuat sidebar baru pada wordpress

Yang pertama kita lakukan adalah meregisterkan sidebar yang akan kita tambahkan dengan cara mengedit file functions.php lalu tambahkan baris kode ini :

<?php if ( function_exists('register_sidebar'))
register_sidebar(array(
  'name' => 'Sidebar-baru',
  'before_widget' => '<li id="%1$s">',
  'after_widget' => '</li>',
  'before_title' => '<h3>',
  'after_title' => '</h3>',
));
?>

Tips : Anda bisa mengganti kode yang berwarna merah dengan nama sidebar yang akan anda tambahkan.

Selanjutnya buat sebuah file baru pada folder theme anda dengan nama sidebar-baru.php yang telah diregisterkan diatas lalu isi dengan kode seperti ini :

<?php
/**
* Sidebar Baru.
*
*/
?>

<div class="sidebar-baru">
    <ul>
      <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar-baru') ) : ?>
      <?php endif; ?>
    </ul>
</div>

Kode utama pemanggilan sidebar biasanya seperti ini :

<?php
  get_sidebar( );
?>

Agar sidebar baru yang kita buat tersebut bisa ditampilkan diblog, maka kode pemanggilan sidebar diatas harus kita ubah dulu:

<?php 
  get_sidebar( 'baru' );
?>

Kode yang berwarna hijau diambil dari nama sidebar-baru yang telah dibuat diatas. Lalu letakan kode pemanggilnya ke dalam file index.php.

Selamat mencoba..!!

Perancang Template Blogger

noreply@blogger.com (Reinz) — Mon, 10 Jan 2011 09:20:00 +0000

WYSIWYG ??? kenal dengan istilah ini ?. What You See Is What You Get inilah yang menggambarkan salah satu fitur pada blogger yang kita kenal dengan Perancang Template, karena apa yang kita lihat pada editor template ini akan sama persis dengan output atau hasilnya. Ini sangat bermanfaat bagi pemula yang belum tahu cara mengedit template bloggernya melalui HTML.

Apa saja yang pilihan - pilihan yang disediakan Perancang Template ini ?

Templates : Terdapat banyak pilihan template bawaan blogger yang bisa anda coba satu-persatu.
Background : background images dan color yang bisa anda pilih sesuai selera.
Layout : kita dapat memilih tataletak one column, two columns atau juga three columns.
Adjust Widths : disini kita bisa menyesuaikan lebar (width) keseluruhan blog dan juga dapat merubah lebar dari sidebar dengan menggeser slider kekiri atau kekanan.
Advanced : pada advanced setting ini terdapat banyak sekali pilihan yang dapat membantu kita dalam merubah tampilan elemen tertentu pada template seperti merubah font dan warna dari latar, link, judul, gadget, header dan masih banyak lagi. Yang lebih menarik lagi, kita diperbolehkan menambahkan style kita sendiri pada tab add css.

Setiap perubahan yang kita buat akan langsung ditampilkan pada kolom dibawahnya. Secara garis besar Perancang template ini dapat digunakan untuk mendesign template blog bawaan blogger dari segi CSS. Demikianlah sedikit penjelasan dari saya dan jika ada yang salah atau kurang dari penjelasan singkat ini, tolong dikoreksi dengan memberikan komentar anda.

Tutorial Paling Mudah Menggunakan Filezilla

noreply@blogger.com (Reinz) — Sun, 09 Jan 2011 04:19:00 +0000

Filezilla merupakan salah satu software uploader yang bisa kita gunakan untuk upload, edit dan juga bisa untuk download file dari PC ke hosting ataupun sebaliknya. Tulisan ini sengaja saya buat karena untuk tips wordpress lainnya yang akan saya berikan nantinya akan lebih banyak menggunakan filezilla ini.

Anda mungkin sering dan mungkin sudah terbiasa mengupload file / folder ke hosting wordpress dengan menggunakan file manager pada cpanel atau juga mengupload langsung dari dashboard. Tetapi pada kesempatan kali ini saya akan memberikan tips wordpress tentang cara upload menggunakan ftp program Filezilla.

Cara upload dengan filezilla

Sebelumnya kita harus sudah memiliki program filezilla dan jika belum ada, silahkan kunjungi http://www.filezilla-project.org/download.php kemudian pilih versi filezilla yang sesuai dengan OS Anda. Ok lanjut :

Buka program File Zilla
Masukkan data ftp anda :

Host : Isi dengan nama domain ( tanpa http://www.)
Username : isi dengan username ftp anda
Password : password ftp.

Klik Quickconnect
Tunggu beberapa saat sampai muncul kalimat "Directory listing successful"
Pada kolom "Remote Site" disebelah kanan, arahkan ke direktori theme. Contoh : /public_html/wp-content/themes
Pilih theme yang akan anda upload pada kolom sebelah kiri. Contoh: theme atahualpa
Klik kanan folder theme yang akan diupload tersebut lalu pilih upload dan tunggu hingga proses selesai
Finish

Mudah bukan ?? Sebenarnya masih banyak software uploader diluar sana yang bisa kita gunakan tetapi saya lebih menyukai filezilla dan untuk anda yang ingin mencari ftp program lainya, silakan googling dengan kata kunci "ftp program".

Trik Memasang Manual Tombol Share Pada Blog

noreply@blogger.com (Reinz) — Tue, 04 Jan 2011 03:31:00 +0000

Memasang Tombol Share mempunyai manfaat yang sangat besar bagi anda yang ingin blognya jadi lebih terkenal, karena dengan dengan adanya tombol share yang dipasang di blog, maka setiap artikel yang kita tulis dapat dipublikasikan ke situs bookmarking dan situs jejaringan sosial seperti digg, lintas berita ,facebook, twitter dll. Jika artikel tersebut sudah dipublikasikan ke salah satu atau semua situs diatas, maka secara otomatis akan meningkatkan popularitas blog dan terlebih lagi tanpa kita sadari akan dapat meningkatkan traffik ke blog.

Untuk contoh tombol share dapat anda lihat dibawah artikel atau tulisan ini, nah sekarang saya akan memberitahukan trik memasang tombol share bagi anda yang belum tahu caranya dan bagi anda yang sudah tahu, mohon hargai tulisan saya (lebay..! hihihi).

Source Code Tombol Share

Tips : >> Jika ingin mengganti image/gambar tombol sharenya, silahkan ganti tiap kode yang berwarna merah dengan lokasi url image/gambar milik anda sendiri.

Cara pasang pada Blogger/Blogspot

Penting !!
Untuk Blogger / Blogspot -- Source Code Tombol share diatas belumlah seluruhnya diparse, jadi untuk menggunakan code tersebut agar tidak terjadi kesalahan silahkan diparse dulu di http://www.blogcrowds.com/resources/parse_html.php. Caranya : CoPas source codenya diform yang disediakan kemudian klik tombol parse.

Login ke account blogger
Pilih tab Rancangan --> Edit HTML
Sebelum melakukan perubahan pada template, biasakan untuk membackup terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.
Centang pada expand template widget
Cari kode <data:post.body/>
Jika sudah ketemu, CoPas Source Code Tombol Share yang sudah diparse seluruhnya sebelum kode point 5.
Save Template dan lihat hasilnya.

Tombol share akan tampil dibawah postingan setiap artikel anda. sedangkan jika ingin tampil diatas artikel, silahkan baca tips dibawah ini.

Tips :

Posisi tampilan lainnya :

Dibawah postingan : letakan source kodenya tepat diatas kode <div class='post-footer'> atau bisa juga dibawah kode <data:post.body/>.
Diatas Postingan : letakan source kodenya tepat diatas kode <div class='post-body entry-content'> atau juga diatas kode <data:post.body/>.

Jika anda menginginkan agar tombol share tidak ditampilkan pada homepage dan hanya akan ditampilkan pada halaman posting, tambahkan kode <b:if cond='data:blog.pageType == "item"'> diawal, dan kode </b:if> diakhir dari Source Code Tombol Share.

Cara pasang pada Wordpress tanpa Plugin

Untuk memasang tombol share di wordpress ada 2 cara yaitu melalui dashboard dan yang kedua melalui file manager atau ftp program seperti filezilla.

Cara pertama

Masuk Ke Dashboard Blog Anda
Pilih tab Appearance--> Editor (Themes Editor)
Edit file single.php
Cari kode <?php the_content(); ?> kemudian
Letakan Source Code Tombol Share, sebelum (diatas postingan) atau sesudah (dibawah postingan) kode point4
Simpan / Save

Cara kedua

Jika cara pertama tidak berhasil itu karena kita tidak diberi permission untuk mengedit lewat dashboard dan untuk mengatasinya silahkan coba yang ini.

Jalankan program filezilla atau juga bisa menggunakan file manager pada cpanel
Login menggunakan data FTP anda
Arahkan ke direktori theme yang digunakan. Contoh: /public_html/wp-content/themes/twentyten
Edit file single.php
Cari kode <?php the_content(); ?>
Letakan Source Code Tombol Share sebelum (diatas postingan) atau sesudah (dibawah postingan) kode point5
Simpan / Save

Seperti itulah triknya dan untuk memasang tombol share dengan cara yang lebih mudah bisa lewat addthis.com yang artikelnya masih dalam konsep.

Memperpendek Url dengan Google Url Shortener

noreply@blogger.com (Reinz) — Sat, 01 Jan 2011 15:45:00 +0000

Sebelumnya saya ingin mengucapkan selamat Tahun baru 2011 pada pengunjung setia blog-indo serta para blogger sekalian, semoga ditahun yang baru ini bangsa indonesia tercinta ini akan semakin maju, timnas indonesia juga dapat lebih berprestasi, dan tak lupa dunia blogging bisa lebih maju dari tahun - tahun sebelumnya. Salam Blogger..!

Google URL Shortener merupakan salah satu layanan yang diberikan oleh google yang berfungsi untuk memperpendek dan merubah url - url yang panjang sehingga akan lebih mudah untuk di share. Berikut kutipannya :

Google URL Shortener at goo.gl is used by Google products to create short URLs that can be easily shared, tweeted, or emailed to friends.

Dengan memperpendek url - url yang panjang, akan lebih mudah untuk diingat dan terlebih lagi kita dapat memanfaatkan layanan ini untuk menyembunyikan link affilasi kita. Link yang diperpendek URL Shortener bentuknya sangat unik sehingga memudahkan kita untuk mengingatnya.

URL sebelum diperpendek :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1boC8jq7YzAVmUfDw1zJiHD-uL1I7gV05GFu0tpboDJxIrqugN2o1Qf3lmABAhJzkySwSpGIUZNJ2MJv2JRS_UW9VmzXqSv4RToEkvUbYZGH0c1lQd516gzTsuSlMB5G_QfHAqCcNP1IM/s320/cats.jpg

URL setelah diperpendek Google URL Shortener :
http://goo.gl/ZHb6H

Saya yakin dari kedua url diatas, pasti anda memilih url yang telah diperpendek adalah yang mudah untuk diingat.

Tertarik mencoba layanan ini ? Silahkan kunjungi Google URL Shortener Services
Anda tinggal memasukan url yang akan diperpendek kemudian klik shorten.

Cara Buat Form Berlangganan Email

noreply@blogger.com (Reinz) — Wed, 29 Dec 2010 16:32:00 +0000

Form berlangganan Email merupakan salah satu layanan dari sebuah blog yang menurut saya harus disediakan oleh pemilik blog, karena jika suatu blog yang mempunyai konten yang menarik bagi pengunjung maka blog tersebut pasti akan selalu dikunjungi pengunjung tersebut. Untuk memudahkan pengunjung agar selalu mendapatkan update dari tulisan-tulisan anda maka kiata harus menyediakan form berlangganan ini supaya pada waktu anda mempublikasikan tulisan terbaru maka akan otomatis terkirim ke email si pengunjung yang telah mendaftarkan alamat emailnya.

Untuk membuat form berlangganan email terlebih dahulu kita harus mendaftarkan blog ke feedburner. Kalau sudah terdaftar di feedburner, CoPas source code ini kedalam temlplate anda:

Source Code Form Berlangganan Email

<div class="rss_text_widget">
Kirim update terbaru dari<br /><b>"Tutorial Blog Gratis"</b><br />langsung ke Email anda!<p></p><form action="http://feedburner.google.com/fb/a/mailverify" style="text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blog-indo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width:140px" onfocus="if (this.value == &#39;Email anda disini...&#39;) {this.value = &#39;&#39;;}" value="Email anda disini..." name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Email anda disini...&#39;;}" type="text" /><input value="blog-indo" name="uri" type="hidden" /><input value="" name="loc" type="hidden" /><p><input value="GO" type="submit" /></p></form>
</div>

Tips:
1. Kode Warna Merah = Bisa anda ganti sesuai keinginan.
2. Kode Warna Biru = Ganti dengan Nama feed blog anda.
3. Kode Warna Hijau = Sesuaikan nilai width(lebar) dan height(tinggi) sesuai dengan template anda.

CSS Form Berlangganan Email

Untuk membuat background seperti pada milik blog-indo ini (sidebar kanan) maka tambahkan kode CSS berikut:

.rss_text_widget {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWlzfFqWi0064IRDerDrHd0HXTKOOrHmx366pZwJTcAvMEvuIkL3s0YUHs0XNVfkdcH1S2X5R8XG_Wn7DzT44pSubbKlJiiytnYjK-2h_pNpYFOffytAsxmNaIw3NpaLjZbT34BBWmxEX_/s800/feed-big.png) no-repeat top right;
}

Cara Pasang di Blogger / Blogspot

Login ke account blogger
Pilih tab Rancangan --> Elemen Laman
Pilih Tambah Gadget
Pada jendela Tambah gadget pilih yang HTML/JavaScript
CoPas Source Code Form Berlangganan Email diatas↑.
Save / Simpan

Untuk backgroundnya :

Pilih tab Rancangan --> Edit HTML
Cari kode >]]></b:skin>
CoPas CSS Form Berlangganan Email diatas↑ sebelum kode ]]></b:skin>
Simpan Template.

Cara Pasang di Wordpress

Masuk Ke Dashboard Blog Anda
Pilih tab appearance--> Widgets
Tambahkan Widget Text ke sidebar
Isi dengan Source Code Form Berlangganan Email diatas↑.
Tambahkan kode CSS dibawah ini

Sehingga seluruh kodenya seperti ini :

<div class="rss_text_widget">
Kirim update terbaru dari<br /><b>"Tutorial Blog Gratis"</b><br />langsung ke Email anda!<p></p><form action="http://feedburner.google.com/fb/a/mailverify" style="text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blog-indo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width:140px" onfocus="if (this.value == 'Email anda disini...') {this.value = '';}" value="Email anda disini..." name="email" onblur="if (this.value == '') {this.value = 'Email anda disini...';}" type="text" /><input value="blog-indo" name="uri" type="hidden" /><input value="" name="loc" type="hidden" /><p><input value="GO" type="submit" /></p></form>
</div>

<style type="text/css">
.rss_text_widget {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWlzfFqWi0064IRDerDrHd0HXTKOOrHmx366pZwJTcAvMEvuIkL3s0YUHs0XNVfkdcH1S2X5R8XG_Wn7DzT44pSubbKlJiiytnYjK-2h_pNpYFOffytAsxmNaIw3NpaLjZbT34BBWmxEX_/s800/feed-big.png) no-repeat top right;
}
</style>

Seperti itulah langkah-langkah yang harus dilakukan dalam membuat Form berlangganan Email ini. So, tunggu apa lagi, Ayo di praktekan..!!

Daftarkan Feed Blog ke Feedburner

noreply@blogger.com (Reinz) — Wed, 29 Dec 2010 11:23:00 +0000

Salah satu dari sekian banyak cara yang dapat ditempuh untuk membuat blog lebih terkenal adalah dengan mendaftarkan sekaligus mengalihkan feed blog ke Feedburner.com karena dengan demikian maka secara tidak langsung feedburner membantu mempublikasikan isi / konten dari blog kita dengan gratis dan secara otomatis akan meningkatkan traffic ke blog kita.

Setiap pemilik blog atau website pasti ingin agar blognya jadi lebih terkenal. Jadi tunggu apa lagi silahkan daftarkan blog anda difeedburner dengan mengikuti tutorial ini dari awal hingga akhir.

Cara Daftar di Feedburner.com

Kunjungi http://www.feedburner.com/.
Login dengan akun google anda
Isi Kotak dibawah tulisan Burn a feed right this instant dengan alamat feed blog anda dan klik Next. Contoh :

Blogger : http://namabloganda.blogspot.com/feeds/posts/default
Wordpress.org : http://www.namabloganda.com/feed

Pada kolom Feed Title dan Feed Address, silahkan diganti sesuai keinginan lalu klik Next. Contoh :

Feed Title : Tutorial Blog Gratis
Feed Address : Blog-Indo --> Jadinya alamat feedburner blog anda menjadi http://feeds.feedburner.com/Blog-Indo

"Congrats! Your FeedBurner feed is now live." Selamat feedburner Feed anda telah aktif. Klik Next.
Centang pada Clickthroughts dan I want more lalu klik saja Next
Selesai dan silahkan aktifkan service-service yang penting dan anda butuhkan.

Sampai disini anda telah berhasil mendaftar di feedburner.com dan sebagai penunjangnya silahkan aktifkan service-service yang diperlukan melalui tab yang disediakan.

Bagi blog yang berplatform blogger.com/blogspot.com, untuk mengalihkan feed blogger ke feedburner ikuti langkah dibawah ini.

Login ke account blogger
Pilih tab Pengaturan --> Feed Situs
Pada kolom Posting URL Pengubahan Arah Feed isikan dengan alamat feed dari feedburner yang telah anda daftarkan sebelumnya. Contoh :

Posting URL Pengubahan Arah Feed : http://feeds.feedburner.com/Blog-Indo

Simpan Pengaturan

Semoga artikel ini dapat bermanfaat bagi anda.

Energy Saving Untuk Blog

noreply@blogger.com (Reinz) — Tue, 28 Dec 2010 07:34:00 +0000

Untuk menghemat energi dalam hal ini battery atau listrik, biasanya kita mensetting komputer atau laptop yang jika tidak digunakan dalam jangka waktu tertentu, akan masuk ke mode power saving yang ditandai dengan munculnya screen saver pada layar komputer dengan tujuan untuk meminimalisir pemakaian battery atau listrik.

Sebenarnya tulisan ini sudah lama ingin saya publikasikan tetapi terhalang kesibukan yang lumayan banyak dalam bulan desember ini. Ok, langsung saja.. Energy Saving tidak hanya bisa diterapkan pada komputer atau laptop tetapi juga bagi anda yang memiliki website atau blog pun dapat dipasangi Energy saving ini.

Untuk melihat demo energy saving bisa dilihat pada Blog-Indo ini dengan cara mendiamkan kursor mouse anda selama ± 60 detik maka akan muncul layar hitam tanda energy saving telah aktif.

Anda tertarik untuk memasang trik ini pada blog anda ? Tenang, gampang koq anda tinggal CoPas code javascript dibawah ini ke dalam template blog anda :

<script language="javascript" src="http://blogindo.googlecode.com/files/EnergySavingMode2.js" type="text/javascript"/>

Bagaimana, mudah bukan ?dan untuk melihat hasilnya, diamkan kursor mouse anda selama ± 60 detik dan lihat apa yang terjadi ? Selamat anda sudah dapat mengaplikasikan Energi Saving pada blog anda.