10 Free Blog Tools

Semua Engine Blog sebenarnya sudah menyediakan text editor dan image upload, sayangnya anda tidak akan leluasa karena keterbatasan dari editor standar, belum lagi anda harus login setiap kali ingin memposting artikel terbaru. Mungkin Free Blog tools di bawah ini bisa memudahkan kegiatan blogging anda, tools ini rata-rata sudah support upload gambar, drag and drop serta dukungan WYSWYG Editor (what you see is what get). Namun untuk bisa menggunakannya tentu anda harus mendownloadnya terlebih dahulu.

Free Blog tools yang bisa anda gunakan:

QUMANA

Qumana merupakan desktop blog editor yang mudah digunakan (easy-to-use), diimana kita dapat menggunakannya saat offline lalu menyimpannya ke hard drive dan meng-uploadnya kapan saja kita inginkan. yang lebih menarik qumana menyediakan program PPC artinya jika kita menampilkan iklan dari mereka dan setiap kali pengunjung melakukan klik maka kita akan dapat bayaran dan dollar pun langsung mengalir ke account kita.

www.qumana.com | Download

WBLOGGAR

Tools desktop blog editor yang sangat power full, mendukung hampir semua engine blog dan juga dukungannya terhadap banyak bahasa, kelebihan lainnya tools ini juga support bahasa indonesia. Menurut saya pribadi Tools ini yang terbaik dan layak dicoba.

http://wbloggar.com/download.php | Download

SCRIBEFIRE

ScribeFire merupakan Mozilla FireFox Extensions, jadi tools ini berjalan diatas engine browser Firefox dan Flock. tools ini memudahkan anda untuk memposting, mengedit dan upload gambar ditambah kemudahan drag and drop.

http://www.scribefire.com/ | Download

POST2BLOG

Tool ini merupakan salah satu Plugin Firefox , karena menggunakan firefox extention jadi kita harus mempunyai Browser Firefox. Selain untuk melakukan posting, tool ini dapat melakukan kemudahan lainnya, beberapa fitur pada tool ini, sebagai berikut:

• Melakukan proses Ping secara otomatis kepada beberapa layanan situs yang dipilih.

• Pengeditan text cukup mudah, bisa dalam mode text atau Html

• Cara pengeditan anda tinggal mengambil beberapa isi content secara online mengenai isi text yang akan diedit.

• Mendukung WYSWYG Editor.

• Dapat mengedit ke banyak blog sekaligus (jika anda mempunyai lebih dari satu blog)

• Mendukung beberapa blog diantarnya blogger dan wordpress

• Dan masih banyak fitur lainnya yang bisa anda coba :)

http://bytescout.com/post2blog.html | Download

FLOCK BLOG EDITOR

Anda yang menggunakan Browser Flock sebenarnya Flock Blog Editor sudah tersedia satu paket dalam instalasi yang bisa langsung anda gunakan, tools ini hanya support untuk blogger, wordpress dan Typepad. Kemudahan yang diberikan terutama pada edit mengedit posting serta dukungan upload photo.

www.flock.com/user-guide/blog/posting.html | Download

Jika Free tools blog diatas masih kurang anda bisa mencoba tools lainnya:

BlogJet
Zoundry
Blog Desk
Mars Edit
Ecto

Selamat mencoba, Happy Blogging

READ MORE - 10 Free Blog Tools

Cara membuat widget recent comment dengan feed di blogspot

Belajar ngeblog di blogspot kali ini adalah cara untuk menampilkan widget recent comment atau komentar terbaru di sidebar blog. Caranya cukup mudah silahkan ikuti petunjuk dibawah.

Tambahkan sebuah widget di dashboard elemen halaman blog anda kemudian pilih feed. Anda akan diminta memasukkan sebuah alamat feed. Masukkan alamat dibawah ini:

Untuk blog yang menggunakan subdomain blogspot:

http://namablog.blogspot.com/feeds/comments/default

Ganti “namablog” dengan nama blog anda.

Untuk blog yang custom domain: (misal www.paijo.com)

http://www.paijo.com/feeds/comments/default

Ganti “www.paijo.com” dengan nama domain anda.

Kalau sudah simpan dan anda sudah memiliki widget recent comment di blog anda. O iya jangan lupa mengganti judul widget sesuai keinginan.

READ MORE - Cara membuat widget recent comment dengan feed di blogspot

Fitur Terbaru Blogger: Geotagging

Blogger kembali menambahan fitur terbaru Geotagging kedalam Blogger Post editor. Dengan Geotagging, anda dapat menentukan sendiri peta lokasi untuk setiap posting pada blog anda. Geotaggin sangat berguna untuk membantu spider menemukan posting berdasarkan pemetan. Dengan cara memetakan lokasi ini, setidaknya spider google akan lebih mudah menemukan postingan kita berdasarkan titik pada Geotags yang sudah kita tandai sebelumnya.

Geotagging bekerja sebagai penentu lokasi dengan mengaplikasikan Google Maps Engine. Untuk memudahkan menentukan lokasi tertentu, anda akan diberikan peta khusus. Sebelumnya, Geocoder akan mencari lokasi yang paling dekat berdasarkan nama dalam label post anda. Bila lokasi titik tersebut belum sesuai menurut anda, silahkan mencari ulang pada kotak pencarian.

Geotagging juga sekaligus menentukan lokasi Atom dan RSS FEED anda menggunakan standar GeoRSS, ini berarti pembaca feed, peta dan google search akan digabungkan dalam dalam satu lokasi pemetaan postingan anda.

Untuk mencoba layanan geotagging, pertama login dahulu melalui Blogger in draft. Kemudian Geotag akan ditampilkan di bawah posting blog anda sebagai link, jika diklik anda langsung bisa menentukan pemetaan pada Google Maps. Selamat Mencoba

sumber: oom.com

READ MORE - Fitur Terbaru Blogger: Geotagging

Membuat efek Marquee - Teks Berjalan

 Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

marquee dari kanan ke kiri

</MARQUEE>

hasilnya :

marquee dari kanan ke kiri
ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee menurut perilaku

</MARQUEE>

marquee menurut perilaku

Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

</MARQUEE></b></FONT></div>

hasilnya :

marquee dengan variasi hurup

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

silahkan tunjuk ke sini

</marquee>

hasilnya :

silahkan tunjuk ke sini

Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/>

<a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/>

<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>

</marquee>

hasilnya : Free Template

Kolom iklan

Kang Rohman



Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

Selamat ber eksperimen

from: kolom-tutorial.blogspot.com

READ MORE - Membuat efek Marquee - Teks Berjalan

Bikin Readmore Otomatis

Bagi para blogger setia, boong deh klo gak tahu namanya read more. Nah, di sini saya membagikan cara bikin readmore yang sudah mulai populer. Jangan lagi kamu pake  yang manual. Pake yang otomatis. Ayo ikuti caranya..

Klik Tab "Tata Letak"
silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:


<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

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

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Selamat mencoba.. by me

READ MORE - Bikin Readmore Otomatis

BElajar Bikin BLog yuk..

Lho koq? Koq di Google? Katanya mau ngajarin bikin blog di blogger.com, koq malah di Google? Tidak salah, karena untuk masuk ke blogger, Anda harus memiliki login google.com.

Silahkan kunjungi http://www.blogger.com. Anda akan mendapatkan halaman seperti pada gambar dibawah.

Jika Anda sudah memiliki login di Google, Anda tinggal login, maka Anda akan masuk ke Control Panel atau Panel Kontrol.

Oh ya, Anda bisa memilih bahasa, apakah Bahasa Indonesia atau bahasa Inggris.

Untuk kali ini saya anggap Anda belum memiliki login Google.

Klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA.

Sejauh ini sangat mudah dan akan terus mudah.

Halaman Pertama

Langkah 2: Daftar Blog

Lengkapi Pendaftaran Anda

Setelah Anda klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA, maka akan muncul formulir seperti yang ada pada gambar dibawah ini.

Proses ini akan menciptakan account Google yang dapat Anda gunakan pada layanan Google lainnya. Jika Anda sudah memiliki sebuah account Google mungkn dari Gmail, Google Groups, atau Orkut.

Satu account Google bisa digunakan untuk mengakses semua fasilitas yang disediakan oleh Google.

Jika Anda sudah memiliki accout google, Anda bisa langsung login (masuk). Untuk login ke Google, Anda harus login dengan menggunakan alamat email.

Silahkan lengkapi.

1. Alamat email yang Anda masukan harus sudah ada sebelumnya. Anda akan dikirim konfirmasi ke email tersebut. Jika Anda menggunakan email palsu atau email yang baru rencana akan dibuat, maka pendaftaran bisa gagal. Anda tidak perlu menggunakan email gmail.com. Email apa saja bisa.

2. Lengkapi data yang lainnya.

3. Tandai "Saya menerima Persyaratan dan Layanan" sebagai bukti bahwa Anda setuju. BTW Anda sudah membacanya?

Setelah lengkap, klik tanda panah yang bertuliskan lanjutkan.

Form Pendaftaran 1

Form Pendaftaran 2

Langkah 3: Membuat Blog

Memilih Nama Blog dan URL Blog

Jika Anda berhasil, Anda akan dibawa ke halaman seperti pada gambar dibawah. Jika gagal? Gagal biasanya karena verifikasi kata Anda salah. Itu wajar karena sering kali verifikasi kata sulit dibaca. Yang sabar saja, ulangi sampai benar. Saya sendiri sampai mengulang 3X.

Setelah Anda berhasil mendaftar, Anda akan dibawa ke halaman seperti yang ada pada gambar dibawah. Sekarang Anda mulai membuat blog dengan mengisi nama dan alamat blog Anda.

Sebagai contoh, saya menamakan blog tersebut dengan nama Hasna Zahidah. Sssst, jangan curiga, Hasna adalah putri saya. Saya memilih alamat blog dengan alamat http://hasna-zahidah.blogspot.com
sebagai alaternatif, bisa juga http://hasnazahidah.blogspot.com.

Jika Anda membuat lensa dengan tujuan mempromosikan produk Anda atau produk afiliasi, maka dalam memilih nama, harus berisi nama produk atau jasa yang akan Anda tawarkan. Misalnya jika Anda ingin menjual ebook saya, Anda bisa memilih kata kunci seperti motivasi, sukses, berpikir positif, dan kata-kata kunci lainnya yang sesuai.

Anda juga bisa meneliti kata kunci yang paling banyak dicari orang (tentu harus berhubungan dengan produk yang Anda jual) di
https://adwords.google.com/select/KeywordToolExternal

Anda bisa mengecek ketersediaan alamat blog yang Anda pilih. Jika tersedia bisa Anda lanjutkan. Jika tidak tersedia, maka Anda harus kreatif mencari nama lain atau memodifikasi alamat yang sudah ada, misalnya ditambahkan abc, xzy, 101, dan bisa juga dengan menyisipkan nama Anda.

Lanjutkan dengan klik tanda panah bertuliskan LANJUTKAN.

Proses Pembuatan Blog

Langkah ke 4 Blog Template

Pilih desain yang sesuai dengan selera Anda.

Berhasil? Tentu saja berhasil, memang mudah koq. Jika berhasil, Anda akan diarahkan ke halaman seperti yang ada pada gambar dibawah.

Pilihlah tema yang sesuai dengan selera Anda. Jika tidak ada yang sesui dengan selera Anda, jangan khawatir, nanti masih banyak pilihan tema yang bisa Anda install sendiri. Sekarang pilih saja tema agar proses pembuatan blog bisa diselesaikan. Anda bisa preview tema dengan klik gambarnya.

Untuk Memilih tema Anda klik (tandai) bulatannya o seperti pada gambar dibawah. Lihat yang saya tunjuk dengan panah merah buatan saya.

Setelah itu Anda klik tanda panah yang bertuliskan LANJUTKAN

Memilih Tema

Belajar Membuat Blog Selesai

Sekarang tinggal posting, pengaturan, dan tata letak

artikel ini copas

READ MORE - BElajar Bikin BLog yuk..

Panduan SEO dari Google dalam Bahasa Indonesia

Panduan SEO untuk pemula dalam 22 halaman ini sangat membantu bagi kita yang baru mulai atau sudah pernah belajar apa itu SEO dan bagaimana menerapkannya di website atau blog kita. Sehingga minimal website/blog kita bisa terindex search engine dengan baik.

Dengan diterjemahkannya ke dalam 40 bahasa ( yang di perkirakan mencakup 98% pengguna internet di dunia), diharapkan para pemilik website/webmaster bisa meningkatkan visibilitas di search engine dan tentu saja juga lebih memudahkan (menguntungkan) kerja search engine terutama google sebagai pemain utama.

Berikut daftar selengkapnya Panduan SEO yang sudah diterjemahkan kedalam 40 bahasa (dalam bentuk PDF, dengan jumlah halaman sekitar 22 lembar) :

• Arabic
• Bulgarian
• Catalan
• Chinese (Simplified)
• Chinese (Traditional)
• Croatian
• Czech
• Danish
• Dutch
• English
• English (GB)
• Filipino
• Finnish
• French
• German
• Greek
• Hebrew
• Hindi
• Hungarian
• Indonesian
• Italian
• Japanese
• Korean
• Latvian
• Lithuanian
• Norwegian
• Polish
• Portuguese (BR)
• Portuguese (PT)
• Romanian
• Russian
• Serbian
• Slovak
• Slovenian
• Spanish
• Swedish
• Thai
• Turkish
• Ukrainian
• Vietnamese

Download SEO untuk pemula dalam Bahasa Indonesia ( 600 KB)

READ MORE - Panduan SEO dari Google dalam Bahasa Indonesia