Cara Buat Logo Dan Banner

Bagi yg bisa program photoshop, membuat banner dan badge/chicklet itu mudah. Bagi yg agak males latihan otak-atik photoshop seperti saya tidak usah kuatir. Di internet banyak penyedia program pembuat chicklet dan banner online secara gratis dan instan. Sebagai pembuka, logo atau chicklet adalah banner kecil yg biasa buat link-button seperti yg di sidebar blog saya. Sementara banner ukurannya lebih besar dan biasa ditaruh di header blog/website. Ikuti panduan buat logo/chicklet/banner berikut:

A. Cara Membuat Chicklet

1. Kunjungi http://button.blogflux.com/

2. Di LEFT-BLOCK (bagian kiri atas) ada menu "Text", ganti tulisan "w3c" sesuai dg yg Anda inginkan. Contoh, tulis Blog;

3. Di RIGHT-BLOCK (bagian kanan atas) ada menu "Text", ganti tulisan "xhtml" dg yg sesuai dg keinginan Anda, contoh, "Tutorial"

4. Di GENERATE-BUTTON (bagian kanan bawah) klik tulisan Generate Button. Maka akan muncul chicklet seperti ini:

5. Nah, arahkan mouse ke gambar, klik kanan --> save picture as --> kasih nama file (contoh: blog-tutorial --> save di komputer Anda.

6. Setelah di saving di komputer, masukkan / upload gambar chicklet tsb di situs online seperti geocities.com atau googlepages.com. Dalam kasus saya, saya menyimpannya di http://mario.gagho.googlepages.com/ jadi alamat chicklet saya tsb. adalah http://mario.gagho.googlepages.com/ blog-tutorial.gif

7. Setelah tersimpan secara online, Anda bisa gunakan sesuai kebutuhan Anda seperti untuk linkbutton tukar link dg teman-teman blogger lain, atau sekedar buat pajangan di sidebar.

Tip: bentuk font dan background warna dapat dirubah sesuai selera. Tinggal klik menu "color" dan "background" di situs di atas.

B. Cara Buat Banner Online

1. Kunjungi situs http://cooltext.com/
2. Klik menu DESIGN A LOGO (bagian atas).
3. Di menu CHOOSE A LOGO DESIGN pilih gambar yg Anda suka, contoh, klik EMBOSSED.
4. Di menu LOGO TEXT saya tulis "Blog Tutorial"
5. Klik menu RENDER LOGO DESIGN (bagian paling bawah).
6. Save ke komputer, maka akan tampil gambar seperti di bawah ini:



7. Setelah itu upload ke geocities.com atau googlepages.com milik Anda. (lihat poin A.5 dan A.6).

Tip: Untuk memasang banner di header blog, pake kode berikut, jangan lupa ganti alamat link URL-nya dg URL Anda:

<a href="http://mario.gagho.googlepages.com/blogtutorial.jpg"><img src="http://mario.gagho.googlepages.com/blogtutorial.jpg" /></a>


Untuk contoh banner di header, lihat di blog ini.

Catatan:

Apabila Anda ingin tukar link pake chicklet/banner dg blog lain seperti blog ini (lihat di sidebar kanan atas), berikut contoh kodenya. Ganti alamat URL blog dan imagenya dg punya Anda.


<h2 class="sidebar-title"><b>Link to Us We'd Link You Back</b></h2>

<ul>

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

<br />

<li>Copy the code below, insert in to your blog </li></font>

<br />

<textarea name="code" rows="4" cols="18"><a href="http://afsyuhud.blogspot.com" target="_blank"><img src="http://fatihsyuhud.googlepages.com/blog-indonesia.gif" border="0" alt="Blogger Indonesia"></a>


Salam ngukir blog! :)

http://kolom-mario.blogspot.com

Horizontal Blog Roll On New Blogger

Bila kita terbiasa menemukan blogroll (kumpulan tautan) dibagian footer (bawah), maka bagi pengguna layanan blogger baru kita akan menemukan penyajian yang berbeda. Perbedannya terletak pada pengurutannya yang kebawah. Bisa sangat tidak indah dipandang bila pengalokasiannya di bagian footer. Mungkin dari awal Blogger sengaja menyajikan widget ini untuk dipasang di sidebar. Maka tepatlah bila pengurutan tautannya menjadi terurut dari atas ke bawah. Bukan pengurutan abjad yang dimaksudkan disini. Hanya penyajian penampilan saja yang dimunculkan secara vertikal. Berikut visualisasi untuk lebih membantu mencerahkan.

Tampilan Vertikal

tampilan Horisontal

Untuk mendapatkan pengurutan yang horisontal di bagian footer, maka kita perlu melakukan penyetelan dibagian Edit HTML. Berikut langkah yang perlu dilakukan.

Langkah 1. Masuk ke bagian Edit HTML.
Tak lupa untuk mencentang kotak di samping Expand Widget Templates .
Cari kode berikut :

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
Perhatikan di bagian yang tertulis warna merah. Setelah menemukan bagian yang dimaksud, hapus kode-kode yang ditunjukan oleh warna merah di atas. Dan simpan.

Langkah 2. Upsss...tak ada langkah lagi...maaf :)

Tapi bagi yang ingin melangkah lebih jauh dengan menampilkan tautan di bagian ini menjadi berhuruf kecil, sila tengok bagian ini di bagian CSS. Masih sama dengan langkah sebelumnya, klik Edit HTML dan tak lupa centang expand widget.

#footer .widget {
background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;
margin:0;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
}

Nah perhatikan kembali kata yang tertulis warna merah. Ubah kata tadi dengan lowercase. Beres.

http://edittag.blogspot.com

Memilih Desain Blog

Desain atau template memang bukan segala-galanya bagi kesuksesan sebuah blog. Tetapi sembarang desain akan mengaburkan tujuan blog itu sendiri dan ujung-ujungnya berpengaruh terhadap kuantitas dan intensitas pengunjung yang dituju.

Tips dan pertimbangan dalam memilih desain blog — salah satu faktor yang membuat sebuah blog berhasil menciptakan komunitas pembacanya sendiri.

1. Identifikasi tujuan situs blog. Blog apa yang ingin Anda buat? Blog yang khusus tentang musik, film, kuliner, politik, gadget, travel, bisnis atau mode? Apapun tujuan Anda, yang penting rumuskan dulu dengan baik.

2. Identifikasi kebutuhan spesifik blog Anda. Jika tujuannya sudah dirumuskan, bisakah lebih Anda pertajam lagi? Misalnya, Anda ingin membuat blog tentang politik, fine, tapi apanya? Apakah jurnal tentang politik? Tokoh-tokoh politik — profilnya atau omongannya atau kutipannya? Referensi-referensi tentang ilmu politik? Semakin tajam, niche blog akan akan semakin kelihatan.

3. Identifikasi audiens Anda. Siapa pembaca yang Anda bidik? Mahasiswa? Akademisi? Umum? ABG? Ibu-ibu? Gamer?

4. Fokus tampilan blog. Apakah blog Anda akan lebih fokus pada teks atau gambar/foto/video? Jika yang akan dipilih adalah kombinasi, mana yang paling dominan?

Coba rumuskan kebutuhan visualnya.

• Topik “berat”. Blog dengan topik-topik serius seperti politik atau jurnal, desainnya bisa menggunakan tema-tema konservatif, elegan, simple dan seterusnya. Sebaiknya jangan memilih warna yang terlalu rame.
• Topik “sedang”. Misalnya untuk blog tentang travel atau kuliner, Anda bisa memilih desain-desain yang inspiratif plus warna-warna cerah. Pertimbangkan juga desain di mana foto-foto yang akan Anda pajang tetap “match” dengan karakter desainnya.
• Topik “ringan”. Blog tentang musik, game, anak muda dan seterusnya. Desain yang rame dan warna-warna ngejreng layak dipilih. Bisa menggunakan tema-tema ekstrem, unik atau “brutal”.

Pembagian “berat”, “sedang” dan “ringan” ini hanya sekadar contoh saja. Ini penting menjadi pertembangan. Sebab, jangan sampai blog dengan topik “berat” menggunakan warna yang ngejreng, sedangkan blog “ringan” menggunakan tema konservetif.

5. Pilih desain yang tepat. Ada ratusan — kalau bukan ribuan — template-template desain gratisan yang bertebaran di blogosfer: tinggal pilih dan jangan lupa sesuaikan tujuan dan pertimbangan di atas.

Berikut adalah beberapa penyedia blog template gratis :

• http://www.bloggertemplates.org
  
• http://freetemplates.blogspot.com
• http://blogger-templates.blogspot.com
  

http://www.thegadgetnet.com

Widget Links

3Bubbles, a chat tool for blogs

Adam Kalsey's Button Maker, add a button to your blog

Babel Fish, add a translation tool to your blog

bLaugh, add a blog-related comic to your blog

Blog Hot or Not, add a Blog Hot or Not rating bar to your blog.

Blog in Space, feed your blog into outer space

Blogcartoons, Free cartoons to post on your blog

BlogRolling.com, add a Blogroll to your blog

Blogthings.com, add quiz results to your blog

Blue-Blooded Blogger badge, get a badge for your blog that shows your passion for blogging

Brilliant Button Maker, add a button to your blog

Bunchball, add Flash games to your blog

Cafepress, add a store with your logo or designs to your blog

ClockLink.com, add a clock to your blog

Del.icio.us, add a link roll to your blog

Emoticons4u.com, put emoticons and smileys on your blog

Flickr.com, add photos to your blog

Frappr, add a Frappr map to your blog

Gabbly, a chat tool for blogs

Gapingvoid Widget, add a gapingvoid cartoon on your blog

Glassy Buttons, add a button to your blog

Google Gadgets, thousands of different add-ons for your blog or website

Gravatar.com, get a Gravatar to identify yourself when you post comments on a blog that accepts gravatars.

Haloscan.com, add comments and trackbacks to your blog

Hello, post images to your blog. Works with Blogger

How Much is My Blog Worth, add a ridiculous button that shows how much your blog is worth to your blog

ImageShack, host images for your blog

iMood.com, put your mood on your blog

Kineda Blogger Ranking Widget, determine whether your blog is an A-list, B-list, C-list or D-list blog

Meez, add a 3D avatar to your blog

Mobber, a chat tool for blogs

Moodsticker, a Moodsticker tracks the current mood of LiveJournal users

MusicVideoCodes.com, put music videos on your blog

MyBlogLog, add a community to your blog

MyChingo, add voice comments to your blog

Online Button Maker, add a button to your blog

Photobucket.com, host images for your blog

Pingoat Blog Worth Calculator, calculate the value of your blog

PollHost.com, put polls on your blog

Quizilla, add quizzes to your blog

Sideblog, add a small, seperate sideblog to your blog

Site Meter, add a counter and/or get web traffic measurement for your blog

SketchPlanet, add sketches to your blog

StikIt, StikIt from Opinmind allows bloggers to insert bloggers' opinions about a subject or keyword into their blog.

Street Sign Generator, make a street sign for your blog

Tag-Board, add discussion to your blog

TagCloud, show your blog's most popular tags on your blog

Technorati Profiles, add a profile and search box to your blog

Wanabo.com, let others tag your blog

Warning Label Generator, make a warning label for your blog

We Love Widgets, add a horoscope widget to your blog

WebSmileys.com, put animated emoticons on your blog

Wunderground.com Weather Stickers, add a weather sticker to your blog

http://www.bloggersblog.com

Apa itu RSS-XML Feed?

RSS singkatan dari Rich Site Summary atau ringkasan dan bentuk sederhana dari sebuah situs. Kalau di situs, selain isi kita juga dapat melihat gambar dg segala warna warninya, sedang RSS hanya mengandung isi/dokumen dari sebuah situs.

a. Fungsi RSS Feed

Jadi apa gunanya RSS Feed? Guna dari RSS Feed adalah untuk tujuan sindikasi kandungan situs, berita yang ada di situs/blog, dll.

Sindikasi di sini maksudnya, sebuah situs yg memiliki RSS Feed dapat kita baca isinya tanpa harus datang ke website tsb. Contoh, untuk membaca CNN.com, kita tidak perlu datang ke situs tersebut, tapi cukup dg berlangganan RSS Feed CNN yg dapat kita taruh di situs lain yg menyediakan layanan RSS Feed aggregator atau RSS Feed Reader secara gratis. Di RSS Aggregator atau Reader ini bisa kita kumpulkan seluruh RSS Feed situs terkenal dan kita dapat membaca semuanya dalam satu halaman. Misalnya, Anda dapat membaca CNN, BBC, DETIK, Media Indonesia dari http://my.yahoo.com saja. Caranya? Silahkan baca pelan-pelan penjelasan berikut.

b. RSS FEED AGGREGATOR atau READER

Pemberi layanan gratis RSS Feed aggregator atau Reader yg terkenal ada dua yaitu Yahoo! di http://my.yahoo.com dan Google di http://reader.google.com .

c. YAHOO! RSS Aggregator

1. Buka http://my.yahoo.com dg id & password yahoo email Anda.
2. Klik 'Continue to My Yahoo!'
3. Ada dua kolom kiri dan kanan. Semua kolom tsb. bisa Anda delete dg mengklik tanda 'x' atau kalau suka dibiarkan saja.
4. Lihat di bagian paling bawah ada menu 'Add Content' --> klik
5. Di sebelah kanan kotak 'Find Content' ada menu 'Add RSS by URL' --> klik
6. Masukkan RSS Feed dari koran Media Indonesia berikut di kotak yg tersedia:
http://www.mediaindo.co.id/promo/rss.asp
7. Klik 'Add'
8. Klik 'Add to My Yahoo' (warna kuning).
9. Selesai.

Apabila Anda ingin menambah RSS feed dari koran atau media lain Anda cukup lakukan hal serupa secara berulang-ulang. Sayangnya, masih sedikit media di Indonesia yg situsnya memiliki RSS Feed. Untuk media barat dan India, hampir semua sudah menyediakannya.

d. RSS Feed Blog

Hampir semua blog gratis memiliki RSS Feed. Untuk blogspot, alamatnya berakhiran dg atom.xml. Contoh, blog saya http://kolom-mario.blogspot.com, maka RSS Feed blog saya tsb adalah http://kolom-mario.blogspot.com/atom.xml

e. Cara Meng-copy RSS/xml FEED

Cara meng-copy RSS Feed sangat mudah. Arahkan mouse pada RSS atau XML Feed sebuah situs, umpama di CNN.COM. Klik kanan dan copy shortcut -> klik. Terus paste-kan ke My Yahoo! seperti proses di atas. Selesai.

Jadi, apabila dalam My Yahoo Anda berlangganan dg 5 (lima) RSS Feed, umpama dg CNN, THE HINDU, THE TIMES OF INDIA, BBC, NEW YORK TIMES, maka Anda akan dapat membaca semuanya cukup dari My Yahoo Anda, tanpa harus mendatangi satu-persatu kelima website tsb.

http://kolom-mario.blogspot.com

Tambahkan Blogger Search Box

Masukkan kode HTML sebagai berikut :

<p align="left">

<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">

<strong>NAME OF YOUR BLOG<br/></strong>

<input id="b-query" maxlength="255" name="q" size="20" type="text"/>

<input id="b-searchbtn" value="Search" type="submit"/>

</form></p>



Dan hasilnya akan tampak seperti ini :

NAME OF YOUR BLOG

Anda dapat memodifikasi tampilannya pada halaman blog, gunakan aplikasi editor HTML.

^^sourceid

Aksesoris Blog

Konon, blog itu berjenis kelamin perempuan. Dan, karena itu, perlu dihiasi dg aksesoris supaya selalu tampak cantik dan dapat menarik hati kaum blogger (yg ini berjenis laki-laki).

Berikut sejumlah "perhiasan" blog yg dapat dipasang di blog Anda yg berfungsi tidak hanya sebagai perhiasan tapi juga untuk menarik hati kaum blogger (baca, pengunjung) dan search engine. Sekali lagi perlu diingat, aksesoris ini hanya dapat dipasang pada blog yg templatenya dapat diedit seperti blogspot.com, blogdrive.com plus blog yg domain/hostingnya beli sendiri, tentunya.

1. Bukutamu

Bukutamu blog disebut juga dg shoutbox atau tagboard. Sama dg bukutamu website, tapi bentuknya lebih sederhana. Banyak situs penyedia bukutamu blog gratis yg bisa Anda cari di google dg kata kunci shoutbox atau tagboard. http://shoutmix.com termasuk penyedia bukutamu blog yg disukai yg servernya cukup stabil.

Caranya:
(a) Daftar di alamat di atas, ikuti semua perintahnya; (b) Setelah selesai, log-in dg id dan password yg sudah terdaftar; (c) Klik menu "Code Generator"; (d) Pilih Full-frame shoutbox; (e) Klik "Generate the Code"; (f) Copy kode HTML yg ada, dan masukkan ke template blog Anda di bagian Sidebar; (g) Klik SAVE SETTING & REPUBLISH. Selesai.

Fungsi dari bukutamu blog ini seperti yg Anda tahu untuk membuat interaksi pemilik blog (blogger) dg pengunjung lebih aktif dan menunjukkan bahwa kita orangnya cukup accessible.

2. Statistic dan Tracker

Berfungsi untuk mengetahui berapa pengunjung yg datang setiap harinya, setiap minggu, dan bulan dan dari negara mana saja. Selain itu, ia memberi tahu kita lewat mana pengunjung itu datang: lewat pencarian di google atau via blog/situs lain yg memasang link blog kita. Statistic/tracker gratis yg paling terkenal ada dua Sitemeter dan Extreme Tracking. Klik link berikut untuk mendaftar: (a) http://www.sitemeter.com/?a=newaccount (b) http://www.extreme-dm.com/tracking/?reg Setelah daftar, login dan masukkan kode HTML-nya di blog Anda.

3. Kamus Online

Kalau blog Anda berbahasa Inggris, Anda bisa memasang Kamus Indonesia-Inggris dan Inggris-Indonesia di blog Anda supaya pengunjung Indonesia yg lagi belajar bahasa Inggris bisa betah nongkrong. Kode HTML-nya bisa diambil di http://kamus.net

4. Jadual Shalat

Bagi blogger Muslim, www.islamicfinder.org menyediakan jadual shalat lima waktu yg bisa ditempel di blog. Anda bisa pilih berdasarkan kota dan negara. Silahkan ambil kodenya di link berikut: http://www.islamicfinder.org/index.php?inl_language= Lihat contohnya di sini

6. Jam Dinding

Tidak cukup dg jam tangan dan jam di HP atau Anda merasa dinding blog Anda perlu dipasang jam? Silahkan pilih di http://clicklink.com dan ambil kodenya. Lihat contohnya di sini.

7. Peta Kampung Kita

Bagi yg ingin melihat nama dan peta kampung kelahiran nempel di blog, silahkan daftar di http://feedmap.net

Caranya,
(a) masuk ke http://feedmap.net; (b) Klik "Explore Blog", akan muncul peta dunia; (c) Pilih negara Indonesia dg cara klik kanan secara terus menerus mouse komputer Anda dan geser/putar peta dunia tsb. ke kanan/kiri sampai ketemu peta Indonesia. (d) Setelah peta Indonesia ditemukan, perbesar fokus peta dg cara mengklik 2x secara berulang-ulang; (e) Pilih kawasan atau propinsi yg paling dekat dg kampung kelahiran Anda, dan perbesar fokus peta dg mengklik berkali-kali sampai tidak dapat diperbesar lagi; (f) Setelah nama kampung kelahiran atau kota terdekat dari kampung kita tampak, arahkan panah mouse ke kota tsb dan klik kanan mouse; (g) Akan tampil menu "Add Blog", klik menu ini; (h) Akan muncul kotak, isi alamat blog Anda. Contoh, http://kolom-mario.blogspot.com (jangan lupa pake awalan http://; (i) Klik submit; (j) Apabila berhasil, maka akan muncul tulisan: Thank You! Di bawahnya ada tiga kotak yg berisi kode html untuk BLOGMAP, NEIGHBLOGMAP BUTTON, dan LOCAL BLOGROLL. Copy ketiga kode HTML tsb. dan paste di sidebar blog Anda; (k) Selesai. Lihat contoh petanya di sini.

http://kolom-mario.blogspot.com