Oleh fatihsyuhud.com

Misalkan Anda punya foto favorit. Foto itu terlalu kecil, padahal Anda ingin sekali membuatnya besar untuk dipajang di dinding kamar. Kalau diedit pake program Paint di windows biasanya gambarnya jadi kabur. Atau foto besar ingin diperkecil, bentuk rupa dan warna jadi kurang bagus. Atau lebih parah lagi, Anda tidak tahu sama sekali seni mengedit foto sedangkan Anda ingin sekali mengedi foto, image/gambar, atau apapun untuk dipasang di header blog atau di sidebar dengan ukuran pixel yang sesuai keinginan. Gimana caranya? Sekarang semuanya mudah. Salah satu contoh, ikuti petunjuk praktis berikut:

1. Kunjungi http://snipshot.com/

2. Di bawahnya tulisan “Open from your computer” ada kotak kosong –> klik browse –>pilih foto atau gambar di komputer yg ingin diedit. Tunggu sampai gambar tersebut tampil.

3. Di atas gambar yang akan diedit ada beberapa menu seperti “Resize”, “Crop”, “Enhance”, “Adjust”, “Rotate”, “Effects” –> pilih command yang ingin Anda lakukan. Sebagai contoh, klik Resize untuk merubah ukuran foto / gambar.

4. Klik kiri terus-terusan mouse Anda dan arahkan ke kotak kecil merah di pinggir gambar dan tarik ke atas/bawah atau ke samping untuk memperlebar atau memperpanjang image.

5. Setelah puas dengan ukuran yang diinginkan, klik kanan di gambar –>Save picture as –> kasih nama file. Selesai.

6. Untuk menyimpan secara online foto yang sudah di saving di komputer tadi, lihat caranya di sini.

Salam ngeblog,

Oleh fatihsyuhud.com
Di sidebar sebelah kanan blog ini, saya mengajak teman-teman blogger untuk bertukar link dengan fatihsyuhud.com yang bertujuan selain untuk saling kenal antar sesama blogrollers, juga berfungsi sebagai saling promosi blog. Saya memakai format Text Area–yang berisi link dan chicklet/image kecil– supaya yang berminat tukar link dapat langsung meng-copy/paste kodenya dengan mudah. Berikut kode Text Area di sidebar tsb yang dapat diganti dg link dan chiklet Anda sendiri:


<img src=”http://fatihsyuhud.com/blog-indonesia.gif” border=”0″></a>

<br>
Copy code below, insert into your blog </font>
<br>
<textarea name=”code” rows=”4″ cols=”25″> <a href=”http://fatihsyuhud.com/” title=”Blogger Indonesia” target=”_blank”> <img src=”http://fatihsyuhud.com/blog-indonesia.gif” border=”0″ alt=”Blogger Indonesia”> </a> </textarea>

Catatan:

1. rows=.. adalah ukuran ke atas, sedangkan cols=… adalah ukuran ke samping. Apabila setelah dipasang di blog ternyata kelebaran atau kepanjangan, maka dirubah angka di rows atau di cols sesuai kebutuhan yg sesuai dg sidebar blog Anda.

2. Cara pasang di wordpress.com, hidupkan widget. Naikkan widget *TEXT* ke sidebar. Dan pasang kode Text Area tsb.

3. Cara pasang di blogger.com / blogspot, klik add element –> text html/javascript –> pasang kode Text Area.

Salam ngeblog,

Oleh fatihsyuhud.com
Bagi pemakai blogger.com / blogspot yang merasa kurang sreg dengan adanya Navbar (navigation bar) di header blogspot paling atas (di atas judul blogspot Anda) dan berkeinginan untuk “menyembunyikan”nya dari pandangan pengunjung, Anda bisa memakai kode javascript berikut. Letakkan kode di bawah di kode CSS template Anda. Kode CSS terletak di bagian paling atas template yakni antara <style> dan </style> Copy/paste kode berikut:

Malam ini saya mendapat kejutan. Tulisan saya di blog utama saya (www.fatihsyuhud.com) mendapat ” love link” dari salah satu blog besar Amerika Insta Pundit. Sebuah blog pelopor yang bertopik politik dan current events. Tulisan reporting saya tentang gempa di Sumatra ternyata menarik perhatiannya. Blog Insta Pundit, seperti saya ceritakan di sini, memiliki traffic tinggi, sekitar 100.000 visitor perhari. Untungnya saya baru saja upgrade batas bandwithnya ke paket yang lebih besar. Kalau tidak, bisa dipastikan ketika Anda berkunjung ke fatihsyuhud.com akan terbaca “bandwith limit exceeded.”

Apa artinya ini buat blog “kemaren sore” itu? Ini artinya dalam waktu tidak lama, PR blog fatihsyuhud.com akan naik PR (google page ranking)-nya. Kalau sekarang sudah ber-PR 5, maka kemungkinan sebentar lagi akan naik kelas jadi PR 6.

Pelajaran yang bisa diambil dari sini: (a) Aktiflah ngeblog; (b) Buat content yang orisinil, kalau mengutip tulisan orang jangan lupa sebut sumber linknya; (c) Kalau mampu berbahasa Inggris, tulislah pakai bahasa Inggris, atau buat dua blog masing-masing berbahasa Indonesia dan Inggris.

Terkadang kita begitu terobsesi dengan template yang ‘glamour.’ Hal ini ditambah dengan begitu banyaknya pilihan template/themes yang beraneka warna. Banyak yang lupa bahwa visitor tidak begitu peduli dengan glamornya template yang kita pakai. Orang masuk ke blog kita umumnya karena isinya yang menarik, orisinil dan unik.

Selain itu, kalau kita perhatikan, situs-situs bertraffic tinggi rata-rata berpenampilan sederhana. Lihat misalnya tiga situs bertraffic tertinggi di dunia: google.com, yahoo.com dan msn.com. Ketiganya memakai template minimalist: background putih, font tulisan warna hitam dan warna tulisan di menunya yang tidak menyolok. Google.com, situs no. 1 di dunia termasuk pelopor minimalist di mana cuma ada kotak search engine dan sedikit menu link di atasnya. Dulu, yahoo.com memiliki banyak link di halaman utama / frontpage-nya, tapi sekarang sudah ‘ketularan’ google. Intinya, the simpler the better. Saya sendiri males berkunjung untuk kedua kalinya pada sebuah blog yang terlalu ribet dan berat loadingnya karena kebanyakan script yang terpasang.

Oleh karena itu, memilih template harus mempertimbangkan poin-poin di atas: pilihlah template atau themes yang rapi, background warna yang sederhana, dan warna font artikel yang enak dibaca. Saya pribadi memilih themes black and white untuk www.fatihsyuhud.com. Pengunjung blog saya datang kebanyakan dari search engine. Mereka datang tentunya karena ingin membaca lebih lanjut artikel yang mereka cari. Saya tidak ingin mengganggu mata mereka dengan warna-warna yang “menyilaukan”.

Selain itu, tak kalah pentingnya adalah “kerapian blog.” Blog yang rapi artinya: (a) sidebar tidak melorot; (b) font artikel cukup satu warna dan satu macam; (c) blogroll atau banner terpasang rapi dan tertata; (d) cocok dibuka dengan berbagai browser, terutama IE dan firefox.

Bagaimana dg Anda? Apakah Anda suka blog rapi atau yang “rame?”

Tips bagi Blogger Baru:

1. Bagi pengguna wordpress.com, untuk ganti template / theme / tema, setelah login anda tinggal (a) klik “Tampilan” atau “Presentation” (b) Akan langsung tampak deretan template di bawahnya; (c) klik template / theme /tema yang Anda suka.

2. Bagi pengguna blogger.com / blogspot, walaupun template asli (default) blogspot tidak ada yang bagus, tapi kita dapat kesempatan luas untuk memilih template bikian desainer template. Lihat daftar desain template dan cara meng-upload-nya di sini.

Pada sebagian template blogspot, tulisan yg mengandung link ada underline (garis bawah)-nya. Bagi sebagian orang, mungkin garis bawah pada link itu tidak mengganggu. Namun bagi Anda yg agak peduli dengan estetika, garis bawah pada link itu agak mengurangi keindahan blog. Bila Anda termasuk golongan ini, berikut tip cara menghilangkan underline (garis bawah) link.

1. Setelah login, klik TEMPLATE untuk blogger classic, atau klik LAYOUT/TEMPLATE –> EDIT HTML untuk blogger baru.

2. Cari kode berikut di bagian atas template di bawahnya <head>
a:link {
color:$linkcolor;
text-decoration:none;

} a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

a:hover {
color:$titlecolor;
text-decoration:underline;

3. Yang membuat link di blog kita ada underline (garis bawah) atau tidak ada underline adalah sbb:

3.A. text-decoration:none; untuk membuat link tidak memakai underline
3.B. text-decoration:underline; untuk membuat link memaki underline.

Jadi, Anda tinggal merubah kode setelah “text-decoration:”

Jangan lupa setelah membuat perubahan, klik SAVE. Selesai.

Glossary:

1. a:link artinya link yang tampil di blog kita.

2. a:visited artinya link setelah diklik
3. a:hover artinya link ketika mouse kita arahkan ke link tsb.

Sebenarnya soal ini sudah dibahas di sini, tapi untuk blogger baru yg mungkin belum sempat nengok artikel tsb berikut tip untuk tahu siapa yg ngelink blog Anda. Cara paling mudah adalah via Technorati.com. Tulis di browser Anda (Internet Explorer atau Firefox) begini:

http://technorati.com/search/afatih.wordpress.com

Ganti URL blog saya dg blog Anda. Hasilnya, Anda akan tahu siapa saja yg sudah ngelink ke blog Anda. Terjadinya perubahan jumlah yg ngelink biasanya setelah Anda mengupdate posting atau template blog.

Update: Bagi yang ngelink ke Blogger Indonesia, silahkan cek dulu di Technorati.Com. Apabila blog Anda sudah masuk sebagai blog yang ngelink ke Blogger Indonesia, maka yang perlu Anda lakukan adalah menunggu linkback darinya. Karena linkback akan dilakukan berdasarkan laporan Technorati. Jadi, Anda tak perlu memberi tahu.Sebaliknya, walaupun Anda laporan sudah melinkback Blogger Indonesia, tapi link Anda tidak ada di Technorati.com, blog Anda tidak akan dilinkback

Bagi yang sudah memanfaatkan feedburner untuk meningkatkan SEO (search engine optimization) feed blognya, ada kabar gembira. Saat ini, dengan diakuisisi-nya feedburner oleh Google, pemilik blogger.com, kita bisa mengintegrasikan feed blogger dg feedburner. Jadi, semua feed blogger akan diredirect ke feedburner. Ini tentu akan meningkatkan SEO blog kita. Caranya mudah sebagai berikut:

Syarat utama adalah Anda sudah punya account di feedburner.com, kalau belum silahkan daftar (sign-up/register) feed blogger Anda dulu di http://feedburner.com

1. Setelah login ke www.blogger.com, klik Setting –> Site Feed.

2. Ada menu “Post Feed Redirect URL” masukkan feedburner blog Anda di kotak yang tersedia di sebelah kanan. Feedburner blog ini misalnya adalah http://feeds.feedburner.com/mario_gagho

3. Meluncur ke bawah, klik menu Save Setting.

4. Selesai.

Salam ngeblog,

Jika Anda sudah ngeblog memakai blogger.com atau blogspot cukup lama, maka apabila ada menu baru di DASHBOARD anda menawarkan untuk berganti ke Blogger versi baru, maka saya sarankan agar tidak terburu-buru bermigrasi ke yg baru. Blogger versi baru ini masih BETA atau masih dalam tahap percobaan. Bagi yg baru daftar sejak dirilisnya Blogger versi baru (BETA) pada 14 Agustus 2006, maka akan otomatis dapat menikmati layanan baru tsb. Apa kelebihan dan kekurangan Blogger yg baru?

Kekurangan:Layanan fitur baru seperti “drag and drop” menu ternyata tidak bersatu atau tidak terkombinasi dg kustomisasi HTML (HTML customization). Artinya, bila kita sudah terlanjur menyukai gaya READ MORE, menu pulldown, dll, maka begitu berpindah ke sistem baru ini, semua kustomisasi itu akan hilang. Namun, kekurangan ini menurut pihak blogger akan segera diatasi. Kita tunggu saja.

Bagi pemakai blogger versi baru (BETA) yg menyukai tutorial blog dan kustomisasi di blog ini, Anda masih tetap dapat melakukannya dg cara TIDAK MENGGUNAKAN sistem LAYOUT yg baru. Walaupun demikian tak ada salahnya anda melakukan “pengintaian” langsung di sini.

Kelebihan

1. Memakai sistem kategori yg di blogger.com disebut dg LABEL.

2. Menu “DRAG AND DROP”. Kita tinggal memainkan mouse saja untuk merubah, mengurangi, dan/atau menambah menu di sidebar.

3. Dapat mensindikasi FEED/RSS/XML dari blog atau situs lain secara LIVE di sidebar atau footer blog kita.

4. DLL.

Seorang teman menulis di bukutamu (guestbook/shoutbox) blog ini menanyakan bagaimana memasang chicklet/widget Technorati Favorite seperti di blog saya (lihat di atas bukutamu). Saya suruh ambil langsung kodenya di technorati.com, katanya tidak ada. Barusan saya iseng berkunjung ke technorati.com, ternyata memang sudah tidak dipasang lagi. Atau nyelempit kali ya? Sekalian buat tutorial soal widget/chicklet Technorati, berikut beberapa kode chicklet atau widget dan contoh/screenshotnya yg bisa Anda pasang di blog Anda.

1. Technorati Favorite Gunanya agar pengunjung yg suka dg isi blog Anda, memasukkan blog Anda sebagai blog favorite di Technorati. Copy/paste kode berikut, jangan lupa ganti URL blog saya dg blog Anda:

<a href=”http://technorati.com/faves?add=http://kolom-mario.blogspot.com” mce_href=”http://technorati.com/faves?add=http://kolom-mario.blogspot.com”> <img src=”http://static.technorati.com/pix/fave/tech-fav-1.gif” mce_src=”http://static.technorati.com/pix/fave/tech-fav-1.gif” alt=”Add to Technorati Favorites” /> </a>

2. Blog Authority

Fungsi: Akan secara otomatis menunjukkan berapa blog yg ngelink ke blog Anda. Copy/paste kode html/javascript di bawah dan taruh di sidebar atau footer. Tentu saja ganti alamat URL blog saya dg URL blog Anda.

<script src=”http://widgets.technorati.com/t.js” mce_src=”http://widgets.technorati.com/t.js” type=”text/javascript”> </script> <a href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_authority_t_ns” mce_href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_authority_t_ns” class=”tr_authority_t_js” style=”color: rgb(66, 97, 223);”>View blog authority</a>

3. Link Count/Blog reactions

Fungsi: Untuk mengetahui berapa blog yang ngelink ke posting di blog kita. Karena itu, khusus untuk link count ini kodenya ditaruh di footer posting sejajar dg blog author, comment dan permalink. Kalau bingung dan kebetulan Anda masang kode “Read More”, maka taruh kode di bawah di bawah kode “read more”. Berikut kodenya dan tempatkan sebelum atau sesudahnya:

Berikut kode yg mesti dipasang

<script src=”http://embed.technorati.com/linkcount” mce_src=”http://embed.technorati.com/linkcount” type=”text/javascript”> <a class=”tr-linkcount” href=”http://technorati.com/search/%3C$BlogItemPermalinkUrl$%3E” mce_href=”http://technorati.com/search/%3C$BlogItemPermalinkUrl$%3E” view=”” blog=””>

4. Blog Top Tag Cloud Widget:

Fungsi: Untuk mengetahui tag/label/kategori paling populer saat ini di Technorati dalam bentuk cloud. Ganti kode URL blog saya dg URL/alamat blog Anda.

Kodenya:

<script src=”http://widgets.technorati.com/t.js” mce_src=”http://widgets.technorati.com/t.js” type=”text/javascript”> </script> <br /> <a href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_tagcloud_t_ns” mce_href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_tagcloud_t_ns” class=”tr_tagcloud_t_js” style=”color: rgb(66, 97, 223);”>View blog top tags

5. What is Hot Top Search

Fungsi: Untuk mengetahui apa yg paling dicari melalui search engine Technorati.

Kode:

<script src=”http://widgets.technorati.com/t.js” mce_src=”http://widgets.technorati.com/t.js” type=”text/javascript”> </script> <a href=”http://technorati.com/pop/?sub=tr_top-searches_t_ns” mce_href=”http://technorati.com/pop/?sub=tr_top-searches_t_ns” class=”tr_top-searches_t_js” style=”color: rgb(66, 97, 223);”>Technorati Top Searches</a>

6. Technorati Top Tags

Fungsi: untuk mengetahui tag yg paling dipakai di Technorati saat ini. Agak mirip dg yg nomor 4, kalau Anda mau pasang sebaiknya pasang yg ini daripada yg nomor 4.

Kodenya:

<script src=”http://widgets.technorati.com/t.js” mce_src=”http://widgets.technorati.com/t.js” type=”text/javascript”> </script>

<a href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_tagcloud_t_ns” mce_href=”http://technorati.com/blogs/http://kolom-mario.blogspot.com?sub=tr_tagcloud_t_ns” class=”tr_tagcloud_t_js” style=”color:#4261DF”>View blog top tags</a>

Lihat contohnya di sini.

Salam ngeblog,

Seperti yg pernah dijelaskan sebelumnya, untuk promosi blog supaya lebih luas dikenal setidaknya anda harus mensubmit ke dua direktori blog terkenal: technorati.com dan feedburner.com.

Technorati adalah direktori blog terbesar saat ini disusul oleh blogsearch.com milik google. Technorati tidak hanya berfungsi sebagai direktori blog, tapi juga sebagai blogsearch, tags aggregator, piranti untuk mengetahui situs/blog apa saja yg pasang link blog Anda dan online bookmarks. Apa itu tag dan online bookmarks dan bagaimana memaksimalkan fungsi technorati?

* Tag: tag mirip dg subyek atau kategori. Ini berfungsi untuk memudahkan search engine menemukan tulisan Anda. Saat ini sudah ada search engine yg khusus mencari ‘tag’. Jadi, umpama blog anda di beri tag “indonesia”, maka setiap ada yg mencari kata ‘indonesia’ di search engine, blog anda akan masuk.Di Technorati, kita boleh memasang 20 tag untuk setiap blog. Saya isi antara lain dg nama-nama negara di ASEAN yg populer, plus nama lain. Karena salah satu tag blog saya adalah Brunei, blog saya jadi masuk di situs pemerintah Brunei yg punya tool otomatis untuk memasukkan secara otomatis situs/blog yg mengandung kata Brunei. Ini sekedar contoh.* Social bookmark: kalau anda buka internet explorer (IE), maka di situ ada menu FAVORITE. Menu Favorite gunanya untuk menyimpan link yg anda anggap perlu di IE anda, termasuk alamat blog anda sendiri sehingga lain kali cukup membuka link tsb. dari Favorite IE. Caranya, setelah membuka alamat misalnya, http://republika.co.id, maka klik menu FAVORITE. Klik Add, dan klik OK.

Yg di atas namanya offline bookmark, saat ini banyak situs yg menyediakan layanan online bookmark. Termasuk di antaranya Technorati. Kelebihannya, online bookmark ini bisa diakses saat kita online di manapun. Berbeda dg offline bookmark yg hanya bisa diakses di komputer kita sendiri.

***

Berikut panduan step by step memaksimalkan Technorati (panduan ini dg asumsi anda sudah sign-up/register di Technorati. Kalau belum silahkan register dulu).

1. Submit ke Direktori Blog dan Tag Technorati

Caranya:

a. Setelah sign-in, klik menu ACCOUNT.

b. Ada instruksi Claim a Weblog, isi alamat URL blog anda di kotak yg tersedia. Contoh: http://myaceh.blogspot.com

c. Klik Begin Claim

d. Ada menu Quick Claim, isi dg id dan password blogspot Anda.

e. Klik Quick Claim.

f. Isi deskripsi singkat tentang blog Anda di kotak yg tersedia.

g. Beri tanda tik di menu “Include this blog in Technorati’s Blog Finder”

h. Isi 20 tag (kategori) yg paling Anda suka di kotak yg tersedia.

i. Apabila Anda tidak ingin memasang fasilitas Technorati di blog Anda, maka klik SAVE CHANGES. Selesai.

j. Apabila Anda ingin memasang fasilitas Technorati (lihat contohnya di blog ini: http://purwarno-sastra-uisu.blogspot.com/) seperti blogsearch, who links to this blog, dll, maka ..

(i) beri tanda tik di menu “Show Technorati embed on my site”

(ii) Ada preview tampilan disitu, kasih/buang tanda tik yg tidak ada suka;

(iii) Copy/paste kode script di bawahnya, dan masukkan di SIDEBAR template blog Anda.

(iv) Klik SAVE CHANGES. Selesai.

2. Technorati Bookmarks/Favorites

Caranya:

a. Klik menu FAVORITES

b. Masukkan alamat blog/situs yg ingin anda simpan di kotak “Add a blog to your favorites”

c. Klik ADD. Selesai.

Catatan:

- Technorati membatasi pemuatan Bookmarks sampai 50 alamat blog.

- Blog/alamat situs apapun bisa Anda masukkan, termasuk blog/situs Anda sendiri.

- Memasukkan blog Anda di online bookmark Technorati juga akan menambah expose blog Anda.

3. Profile

Caranya:

1. Klik menu PROFILE.

2. Klik menu EDIT

3. Isi data termasuk foto Anda (kalau ingin tampil fotonya).

4. Klik SAVE PROFILE. Selesai.

4. Siapa yg Link Blog Anda?

* Mengetahui siapa yg nge-link blog kita itu penting dalam dunia perblogan (blogosphere). Karena dg demikian, kita dapat ‘membalas budi’ dg cara membuat link balik (linkback) blog orang yg ngelink blog kita. Ini namanya link-exchange.

* Semakin banyak yg nge-link blog kita, semakin bagus. Karena akan semakin mudah ditemukan di google. Naiknya rangking kita di search engine google, antara lain tergantung dari seberapa banyak yg nge-link kita. Tapi, tentu saja orang umumnya tidak akan ngelink blog kita, kalau kita tidak melakukan hal yg sama, bukan?

Cara Mengetahui Siapa yg Link Blog Kita.

1. Buka technorati.com (tidak perlu sign-in).

2. Di kotak search, isi alamat blog kita.

Contoh, ketika saya memasukkan alamat http://myaceh.blogspot.com blog milik Irwansyah, senior saya di Agra University, Technorati menjawah: 8 sites link to: myaceh.blogspot.com. Kemudian di bawahnya diterangkan blog siapa saja yg masang link.

Tambahan:

Kalau di technorati.com, kita hanya boleh mem-bookmark hanya 50 links, maka alternatifnya apabila masih kurang Anda dapat register di situs yg memberi layanan bookmark online gratis dan tak terbatas sbb:

1. http://del.icio.us (ini yg paling terkenal dan saat ini sudah menjadi bagian dari layanan yahoo.com)

2. http://furl.net

3. http://spurl.net

4. http://shadows.com

5. http://ma.gnolia.com

Sumber: www.fatihsyuhud.com

Pada sebagian template blogspot, tulisan yg mengandung link ada underline (garis bawah)-nya. Bagi sebagian orang, mungkin garis bawah pada link itu tidak mengganggu. Namun bagi Anda yg agak peduli dengan estetika, garis bawah pada link itu agak mengurangi keindahan blog. Bila Anda termasuk golongan ini, berikut tip cara menghilangkan underline (garis bawah) link.

1. Setelah login, klik TEMPLATE untuk blogger classic, atau klik LAYOUT/TEMPLATE –> EDIT HTML untuk blogger baru.

2. Cari kode berikut di bagian atas template di bawahnya <head>

a:link {

color:$linkcolor;

text-decoration:none;

} a:visited {

color:$visitedlinkcolor;

text-decoration:none;

}

a:hover {

color:$titlecolor;

text-decoration:underline;

3. Yang membuat link di blog kita ada underline (garis bawah) atau tidak ada underline adalah sbb:

3.A. text-decoration:none; untuk membuat link tidak memakai underline

3.B. text-decoration:underline; untuk membuat link memaki underline.

Jadi, Anda tinggal merubah kode setelah “text-decoration:”

Jangan lupa setelah membuat perubahan, klik SAVE. Selesai.

Glossary:

1. a:link artinya link yang tampil di blog kita.

2. a:visited artinya link setelah diklik

3. a:hover artinya link ketika mouse kita arahkan ke link tsb.

Bagi yang sudah memanfaatkan feedburner untuk meningkatkan SEO (search engine optimization) feed blognya, ada kabar gembira. Saat ini, dengan diakuisisi-nya feedburner oleh Google, pemilik blogger.com, kita bisa mengintegrasikan feed blogger dg feedburner. Jadi, semua feed blogger akan diredirect ke feedburner. Ini tentu akan meningkatkan SEO blog kita. Caranya mudah sebagai berikut:

Syarat utama adalah Anda sudah punya account di feedburner.com, kalau belum silahkan daftar (sign-up/register) feed blogger Anda dulu di http://feedburner.com

1. Setelah login ke www.blogger.com, klik Setting –> Site Feed.

2. Ada menu “Post Feed Redirect URL” masukkan feedburner blog Anda di kotak yang tersedia di sebelah kanan. Feedburner blog ini misalnya adalah http://feeds.feedburner.com/mario_gagho

3. Meluncur ke bawah, klik menu Save Setting.

4. Selesai.

Salam ngeblog,

Bagi Anda yang Penyakit Posting Post-summary

Tips ini hanya untuk Buat Read More di Blogger Lama (Template Classic).

Untuk buat Read More di Blogger Baru silahkan lihat di sini (semua yg daftar di blogger.com setelah 2007 memakai blogger baru). Yg saya maksud dg “penyakit” adalah bugs dalam script. Bahasa tepatnya biar ahli linguistic IT nanti yg bahas.

Sebelumnya, sudah diterangkan di sini bagaimana cara membuat abstraksi posting di blogger/blogspot supaya tidak semua posting kita tampil di halaman muka. (Apabila Anda lupa, silahkan lihat lagi di sini.

Dari pengalaman teman-teman yg sudah mencobanya dan umumnya berhasil, ternyata terkadang mengalami permasalahan sbb: (1) Terkadang, sidebar tidak nongol di halaman muka (front-page); (2) Halaman muka tidak tampil semua, seperti ada penghambat; (3) Keseluruhan posting tetap tampil di halaman muka. Solusinya sbb:

(1) Pastikan sebelum mem-publish posting Anda di blog, Anda klik lagi menu “Edit HTML” di toolbar bagian atas (di samping menu “Compose”);

(2) Akan tampak SATU kode post-summary pembuka yaitu dan SATU kode post-summary penutup, yaitu </span>.

(3) Apabila Anda menemukan kode pembuka dan penutup post-summary lebih dari satu di posting yg akan Anda publish, maka di situlah penyakit (bugs)-nya. Yg harus Anda lakukan adalah MENGHAPUSnya.

(4) Setelah menyisakan hanya satu kode pembuka dan satu kode penutup, klik publish.

(5) Selesai dan selamat ngeBLOG.

Banyak blogger yg nanya tentang bagaimana cara memasukkan fotonya yg ganteng dan cantik di profile blognya. Berbeda dg di blog gratis lain, di blogger/blogspot, prosesnya agak sedikit rumit bagi yg masih baru di dunia internet.

Ada dua cara memasukkan foto :

Cara Pertama:

Upload foto Anda di postingan blog. Caranya:

(a) Setelah login, klik link blog Anda.

(b) Klik menu “posting” atau “Create”

(c) Di toolbar posting ada tombol bergambar panorama warna biru. Klik

di situ, dan akan muncul pop-up window untuk “upload images”

(d) Klik browse ke file foto Anda yg sudah tersimpan di komputer

(e) Klik Upload Image warna biru (tunggu beberapa saat sampai proses

upload selesai)

(f) Klik Done

(g) Sekarang foto Anda sudah masuk ke posting. Klik menu “Edit HTML”

di toolbar posting bagian atas sebelah kanan.

(h) Akan tampak sejumlah kode HTML di situ. Copy/paste kode yg berada

setelah tulisan [src="] yaitu link yg dimulai dg [http://] dan

berakhir dg [.jpg] atau [.jpeg]

(i) Simpan link tsb. di notepad atau ditulis di kertas.

(j) Jangan lupa, klik publish.

(k) Setelah itu, klik menu “Dashboard”

(l) Klik menu “Edit Profile”

(m) Di sini ada menu “Photo URL”, paste link foto Anda tadi di kotak

yg tersedia.

(n) Klik “Save Profile” di bagian paling bawah.

(o) Selesai.CARA KEDUA

———————Cara kedua adalah dg meng-upload (memasukkan/menyimpan) foto Anda di hosting lain, dan baru kemudian link URL foto tsb. di copy/paste ke profile blogger/blogspot.

Yg paling mudah, simpan/upload foto Anda di http://geocities.com karena hosting ini milik yahoo.com. Jadi, siapa saja yg memiliki email yahoo dapat langsung log-in ke geocities.com dg memakai id yahoo Anda.

Misalkan file foto Anda adalah jenggot.jpg dan email id Anda mukhliszamzami. Maka, nantinya setelah foto itu diupload ke geocities, link url Anda akan menjadi sebagai berikut: http://geocities.com/mukhliszamzami/jenggot.jpg. Nah, copy/paste link

tsb. ke profile blogger.com di kolom yg tersedia dan setelah itu SAVE

CHANGES dan REPUBLISH.

Sumber: www.fatihsyuhud.com

Farah Putri menanyakan apakah sistem menu pulldown atau drop-down untuk arsip itu bisa diimplementasikan untuk menu lain seperti untuk link blog teman-temannya? Jawabnya tentu saja bisa. Tapi dengan sedikit tambahan kode. Caranya semudah memasang menu pull-down untuk Arsip / archive blog kita.

Ikuti cara sederhana sebagai berikut:

1. Login ke blogger.com dg ID dan password Anda seperti biasa.

2. Klik judul blog Anda, dan klik TEMPLATE.

3. Di antara BEGIN SIDEBAR dan END SIDEBAR pasang kode berikut (copy dan paste):

<select name=”menu” onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)”size=1 name=menu><option value=0 selected>- Other Blogs -</option><option value="http://afsyuhud.blogspot.com/">Blogger Indonesia</option>

<option value=”http://kolom-mario.blogspot.com/”>Blog Tutorial</option>

<option value=”http://informasi-beasiswa.blogspot.com/”>Scholarships</option>

<option value=”http://beasiswas.blogspot.com”>Beasiswa</option>

<option value=”http://scholarshipz.blogspot.com/”>Fellowships</option>

<option value=”http://karirkerja.blogspot.com/”>Job Vacancy</option>

<option value=”http://infokerjas.blogspot.com/”>Lowongan Kerja</option>

</select></form>

Setelah itu SAVE TEMPLATE dan REPUBLISH. Maka hasilnya akan seperti ini:

- Other Blogs – Blogger Indonesia Blog Tutorial Scholarships Beasiswa Fellowships Job Vacancy Lowongan KerjaGanti atau tambah alamat URL yang ada dg alamat URL teman-teman atau media yg Anda sukai. Untuk menambah link baru, cukup dg meng-copy kode berikut dan ganti alamat blog di bawah dg alamat URL blog teman pilihan Anda:

<option value=”http://afsyuhud.blogspot.com/”>Blogger Indonesia</option>

Sewaktu kita jalan-jalan ke blog orang lain atau dikenal dg istilah blogwalking, terkadang kita melihat blog yg isinya menarik dan ingin kita memasang link blog tsb di blog kita tapi tidak tahu caranya. Apabila Anda termasuk golongan ini, ikuti cara sederhana sebagai berikut:

1. Sign-in ke blogger.com seperti biasa.

2. Klik menu TEMPLATE.

3. Di sebagian template blogger / blogspot biasanya sudah ada contoh link di sidebar seperti di bawah ini:

<h2 class=”sidebar-title”>Links</h2><ul><li><a href="http://news.google.com/">Google News</a></li><li><a href="http://EDITME">Edit-Me</a></li>

<li><a href=”http://EDITME”>Edit-Me</a></li>

</ul>

Apabila template yg Anda pilih kebetulan ada kode seperti di atas, maka Anda tinggal merubah isinya dg alamat URL blog lain yg ingin Anda link.

Akan tetapi apabila tidak ada, maka Anda tinggal meng-copy kode di atas dan taruh di sidebar dan isi dg alamat URL blog teman-teman Anda.

Tidak ada batasan berapa jumlah link yg ingin Anda masukkan, umumnya blog yg ingin dilink adalah blog yg isinya Anda sukai atau yg juga memasang link blog Anda yg dikenal dg link-exchange atau pertukaran link yg umum dikenal dalam dunia blog (blogosphere).

Catatan: Untuk memasang link di blogger baru, Anda tinggal klik Layout -> Tambah Elemen Halaman / Page Element -> Teks -> isi kode di atas.

Sumber: www.fatihsyuhud.com

Oleh fatihsyuhud.com

Rekan-rekan mahasiswa dan masyarakat di India pelan tapi pasti sudah mulai rajin menorehkan tulisan di blog masing-masing, searah dg perkembangan rekan-rekan lain di Tanah Air. Umumnya mereka membuat blog dg provider blog gratis paling terkenal yaitu Blogger atau Blogspot.

Pada tulisan-tulisan lalu, sudah dijelaskan sejumlah tips untuk membuat blog kita menjadi google friendly, mudah ditangkap mesin pencari (search engine) google dan saudara-saudaranya. Tips berikut ini sebagian akan mengulang tulisan lalu secara lebih detail plus sejumlah tambahan bagaimana untuk memaksimalkan cara kerja blog kita. Saya urut dari awal.

Setting-an BlogSetelah log-in dg id Anda, klik link blog. Setelah itu:(a) Klik ‘SETTING’ dan klik ‘BASIC’.

• Title –> Isi judul blog Anda. Sebaiknya nama Anda sendiri. Contoh: Tasar-Zulfikar Blog
• Description –> Deskripsi singkat isi blog Anda. Sebaiknya tidak terlalu panjang dan berisi kata-kata yg paling mewakili isi blog Anda. Contoh: Blog Tasar-Zulfikar GAM, Aceh. Dua saudara yg selalu rukun dan sepakat untuk berbagi dan bersaing dalam segala hal.
• Add your blog to our listing? –> klik YES. Supaya setiap posting kita selalu masuk di daftar blogger.com.
• Show quick editing on your Blog? –> klik YES
• Show Email Post Links? –> klik YES
• Show Compose Mode for all your blogs? –> klik YES
• Klik SAVE SETTINGS dan REPUBLISH. Selesai.

(b) Klik ‘SETTINGS’ dan klik PUBLISHING.

• Notify Weblogs.com –> klik YES. Tujuan: setiap kita mengupdate blog kita, search engine khusus blog yaitu weblogs.com akan mengupdate otomatis databasenya.
• Klik SAVE SETTING dan REPUBLISH. Selesai.

(c) Klik SETTINGS dan klik FORMATTING

• Show –> pilih posts (jangan days). Kemudian pilih angka posting yg Anda inginkan untuk tampilan di blog Anda. Contoh: Show: 4 posts, berarti posting yg tampil di halaman blog Anda sebanyak empat posting.
• Date Header Format –> pilih model tanggal/bulan yg sesuai dg selera. Format tanggal/bulan ini akan selalu tampil di bagian atas posting kita.
• Archive Index Date Format –> pilih model peng-arsip-an. Blog kita akan dibuatin arsip setiap bulan. Contoh: February 2006.
• Timestamp Format–> pilih bentuk waktu yg Anda suka. Sebaiknya yg pendek. Contoh: 7.50 PM.
• Timezone –> pilih zona waktu yg sesuai. Contoh untuk WIB: [UTC-+7.00]Asia/Jakarta.
• Encoding –> pilih Universal (Unicode UTF-8). Ini adalah kode format yg dipakai kebanyakan search engine besar termasuk google, yahoo dan MSN. Dg kode ini, Google, dll akan lebih mudah mendata setiap update di blog kita.
• Converts Linebreaks –> pilih YES.
• Show Title field –> pilih YES.
• Show Link Field –> pilih NO. Tapi andai dipilih YES juga tak ada pengaruhnya.
• Enable float alignment –> pilih YES. Pilih NO juga tidak apa-apa.
• Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

(d) Klik SETTINGS dan klik COMMENTS.

• COMMENTS –> pilih SHOW.

  Who Can Comment? –> pilih ANYONE. Supaya semua pengunjung baik yg anggota blogspot maupun yg tidak dapat ikut berkomentar.

• Comments Default for Posts –> pilih New Posts Have Comments.
• Backlinks –> pilih SHOW. Supaya tahu kalau ada yg ngelink ke artikel di blog kita.
• Backlinks Default for Posts –> pilih New Posts have Backlinks.
• Comments Timestamp Format –> pilih format jam yg singkat. Contoh: 8.00 PM.
• Show comments in a popup window? –> pilih YES. Supaya ketika di klik, blog kita pengunjung, blog kita tidak hilang.
• Show word verification for comments? –> pilih YES. Untuk menghindari komentar otomatis oleh robot spam.
• Enable comment moderation? –> pilih NO (sebaiknya). Kalau Anda termasuk orang yg “jaga wibawa”, pilih YES (kalau YES, setiap komentar akan disensor dulu oleh Anda, baru bisa muncul di kotak komentar).
• Show profile images on comments? –> pilih YES. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
• Comment Notification Address –> isi dg alamat email Anda, kalau Anda ingin dapat notifikasi dari blogger.com setiap ada komentar baru di blog Anda.
• Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

(e) Klik SETTINGS dan Klik ARCHIVING

• Archive Frequency –> pilih Monthly.
• Enable Post Pages? –> pilih YES.
• Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

(f) Klik SETTINGS dan Klik SITEFEED.

• Publish Site Feed –> pilih YES. Supaya setiap memposting, blog kita memiliki dua database: versi website dan versi feed. (Untuk soal feed akan diterangkan di kesempatan lain).
• Descriptions –> pilih FULL.
• Site Feed URL –> ini adalah alamat feed Anda yg bisa disindikasikan di tempat lain seperti di http://my.yahoo.com, http://reader.google.com atau di http://360.yahoo.com. Lihat contohnya di sini atau di sini . Jadi, sekali kita update blog, postingan kita akan tampil di dua tempat dalam waktu bersamaan dan ini akan menambah “daya tangkap” google pada blog kita.
• Article Footer –> kosongin saja.
• Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

Apabila selama ini blog di blogger atau blogspot Anda kurang di “lirik” sama google atau yahoo search, maka dg mengimplementasikan tips di atas, blog Anda akan lebih dikenal dalam waktu tidak lama lagi.

Sumber: www.fatihsyuhud.com

Oleh fatihsyuhud.com

Menu ‘recent comment’ di sidebar / sisi samping itu memang akan menarik pembaca untuk berkomentar dan sekaligus mempromosikan blognya sendiri, di samping membuat blog kita terkesan lebih interaktif. Bagaimana cara membuatnya? Kode html apa yg diperlukan?

Pertama, perlu diketahui bahwa kolom komentar di blog Fatih itu tidak memakai komentar yg sudah ada di blogspot, tapi dia memakai software tambahan dari layanan gratis haloscan.com. Apabila anda tertarik, Anda bisa juga daftar di haloscan. Perlu diketahui, apabila Anda daftar di haloscan.com, maka komentar di blog Anda yg sebelumnya akan hilang. Jadi, pikir-pikir dulu kalau mau ganti.

Kedua, bagi yg ingin tetap memakai menu komentar di blogspot/blogger dan juga ingin memasang menu RECENT COMMENT di sidebar, ikuti petunjuk berikut:

a. Setelah login di blogger.com (bukan versi BETA), klik menu TEMPLATE.

b. Pasang kode html berikut di sidebar:

< mainpage >< h2 class="sidebar-title" >Recent Comments</h2 >

< ul >

< blogger >

< blogitemcommentsenabled >

< blogitemcomments >

< li ><$BlogCommentAuthor$ > //

< a href=”http://www.blogger.com/” mce_href=”http://www.blogger.com/” >

< $BlogCommentDateTime$ ></a ></li >

< /blogitemcomments >

< /blogitemcommentsenabled >

< /blogger >

< /ul >

< /mainpage >

c. Klik SAVE.

d. Selesai.

Catatan: Kode html di atas berfungsi dg baik pada template buatan asli blogger / blogspot. Jadi bagi yg memakai template eksternal (bukan buatan blogspot), tidak dijamin.

Apabila mendapat manfaat dari tutorial ini, silahkan link www.fatihsyuhud.com di blog Anda.

Apabila Anda melihat link atau teks yg bergerak di sidebar blog ini, itu namanya marquee (baca, marki). Program html marquee ini berguna bukan saja untuk menarik tamu yg datang agar memperhatikan apa yg tertulis di dalamnya tapi juga berfungsi untuk menghemat ruang (space) sidebar kita sehingga lebih efektif dan efisien. Bagaimana cara membuat marquee?

Cara membuatnya mudah. Cukup Anda copy dan paste code html berikut ke sidebar blog atau di manapun sesuai keinginan Anda:

<MARQUEE align=”center” direction=”up” height=”200″ scrollamount= “2″

onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”100%”>(teks atau link tulis di sini)</MARQUEE>

Contoh Marquee untuk link (copy & paste dan ganti contoh link sesuai keinginan Anda):
<MARQUEE align=”center” direction=”up” height=”200″ scrollamount= “2″ onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”100%”><a href="http://fatihsyuhud.com" target="new">- Blogger Indonesia -</a><br /> <a href="http://afatih.wordpress.com target="new">- Refleksi dan Blog Tutorial -</a><br /> </MARQUEE>

Catatan:

1. Kode <br /> adalah singkatan dari (line) break atau ganti garis, supaya setiap link tidak numpuk dalam satu baris. Bila jarak satu link dg link yg lain dianggap terlalu sempit, bisa ditambah dg kode <br /> lagi. Sesuai selera.

2. Kode target="new" atau target="_blank" berfungsi agar supaya tercipta window baru ketika ada yg mengklik link yg ada dalam marquee sehingga pengunjung tidak meninggalkan blog Anda.

Contoh Marquee untuk teks:

<MARQUEE align=”center” direction=”up” height=”200″ scrollamount= “2″

onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”100%”>Mengutip sebagian atau keseluruhan isi blog ini ke blog Anda dipersilahkan ASAL menyebut URL sumber tulisan dan/atau permanent link artikel yg dikutip.Komentar, saran atau pertanyaan dapat diajukan melalui bukutamu, kotak komentar blog atau email ke: nurcahyono78-at-yahoo.com. </MARQUEE>

Catatan:

1. Jangan lupa untuk menyelipkan kode <br /> untuk ganti garis atau paragraf.

TIP PENTING:

1. tag atau kode: direction=”up” artinya tulisan/teks bergerak ke atas seperti di blog ini, jadi kode “up” bisa diganti dg “down” bila ingin link/teks bergerak ke bawah; dan ganti menjadi “left” supaya bergerak ke kiri dan “right” supaya bergerak ke kanan.

2. Marquee hanya dapat digunakan di blogspot, self-hosted wordpress, edublogs.org.

3. a.Untuk di blogspot, klik Elemen -> Teks -> pasang kode marquee di atas.

b. Untuk edublogs.org -> aktifkan widget -> naikkan widget text -> pasang kode marquee.

c. blogsome.com, blogs.ie dan self-hosted wordpress: klik manage -> files -> pasang kode marquee di sidebar.

Salam nge-Blog!