2009

Cara Agar Blog Ramai Pengunjung

Siapa yang tak ingin punya blog yang ramai pengunjung. Berikut cara agar blog ramai pengunjung.

1. Mendaftarkan blog ke search engine. Untuk Google caranya: masuk http://google.com/addurl lalu isi kolom yang ada di situ.

2. ‘Promosi’ ke blog lain dengan ngisi komentar atau tuker link.

3. Submit artikel ke social media seperti LintasBerita atau InfoGue.

4. Mendaftarkan blog ke blog directory. Kalau ingin tahu alamat blog directory cari saja di Google. Ketikkan ‘blog directory list’

5. Optimasi blog dengan SEO. Artikel tentang SEO bisa dibaca di sini.

Download Antivirus Smadav Rev 7.1 2009 Gratis

Smadav adalah antivirus buatan lokal yang sangat populer saat ini. 'Kesaktiannya' tak kalah dengan antivirus buatan luar negeri. Pada 18 Oktober 2009 lalu sudah muncul versi terbaru yakni Rev 7.1. Silahkan kalau mau download. Gratis coy!

Download Antivirus Smadav Rev 7.1 disini

Mengatur Spasi Tulisan di Postingan Blogspot

Bikin postingan tentang tutorial apa ya? Ini saja, lah. Biar sangat simpel, tapi mungkin masih banyak yang belum mengetahui. Yakni, cara mengatur spasi tulisan di postingan blogspot.

spasi

Misalnya mau posting lirik lagu yang ada chord gitarnya.

Contoh: tulisan asli seperti ini:



D         A/C#  Bm A
Separuh jiwaku pergi
             Em
Memang indah semua
         A
Tapi berakhir luka

     F#m  Bm        Em
bermain hati dengan sadarmu
        A
kau tinggal aku

Format 'apa adanya' itu jika dipublish, maka hasilnya akan morat-marit seperti ini:

D A/C# Bm A
Separuh jiwaku pergi
Em
Memang indah semua
A
Tapi berakhir luka

F#m Bm Em
bermain hati dengan sadarmu
A
kau tinggal aku

Nah, kalau yang muncul seperti itu akan diketawain orang, terutama yang bisa main gitar. Karena, penempatan chord yang tidak pas akan menghasilkan nada fals.

Bagaimana solusinya? Gampang sekali, tinggal menambahkan kode <pre> dan </pre> (warna merah). Untuk contoh lagu di atas, format selengkapnya sbb:

<pre>

D         A/C#  Bm A
Separuh jiwaku pergi
             Em
Memang indah semua
         A
Tapi berakhir luka

     F#m  Bm        Em
bermain hati dengan sadarmu
        A
kau tinggal aku</pre>

Teknik serupa bisa diterapkan pada bagian puisi yang ingin kita atur sedemikian rupa. Misalnya, agak menjorok ke dalam, zigzag, dll.

Contoh: kita ingin menulis puisi dengan format seperti ini:

   Cinta itu buta
Buta itu raksasa
   Raksasa itu besar 
Besar itu nggak kecil

Maka penulisannya:

<pre> Cinta itu buta
Buta itu raksasa
Raksasa itu besar
Besar itu nggak kecil</pre>

Selamat mencoba. Dan, nantikan tutorial yang lain di edisi-edisi mendatang.

Meningkatkan Page View Blog dengan Widget Linkwithin

Page view adalah rata-rata jumlah halaman blog yang diakses seseorang dalam satu kali kunjungan. Makin besar page view, maka bisa diartikan pengunjung makin betah mengakses blog kita. Banyak cara untuk meningkatkan page view blog. Seperti memasang widget related post, most popular post, dll. Tapi, ada cara baru yang cukup praktis dan menarik, yakni dengan Linkwithin.

Dengan widget dari Linkwithin, di bawah setiap postingan akan muncul artikel acak (plus gambar jika artikel tersebut dilengkapi foto/gambar) seperti di bawah postingan dan readmore blog ini.

Langsung saja ke tutorialnya:

1. Login dulu ke blog anda.

2. Buka http://linkwithin.com.

3. Masukkan email, URL blog, platform blog dan banyaknya artikel yang akan dimunculkan.

4. Klik 'Instal Widget'

5. Pilih blog yang akan anda beri widget linkwithin, lalu klik 'mendambah widget'.

6. Di sidebar akan muncul elemen Linkwithin. Drag atau tarik ke bawah posting. Simpan, selesai, dan lihat hasilnya.

Ket: setelah proses selesai, widget ini biasanya tidak langsung muncul. Untuk memunculkan, tunggu beberapa menit, lalu refresh blog anda.

Selamat mencoba.

Cara Memasang Emoticon di Postingan

Bagi yang suka chatting pasti kenal dengan yang namanya emoticon. Yakni, karakter-karakter lucu untuk mengekspresikan perasaan tertentu. Cara memasang emoticon di postingan sangat mudah, cukup dengan memasukkan kode tertentu. Berikut beberapa kode emoticon:

<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width=18 height=18 border=0>

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width=18 height=18 border=0>

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width=18 height=18 border=0>

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width=34 height=18 border=0>

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width=22 height=18 border=0>

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width=18 height=18 border=0>

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>

Mempercantik Blog dengan LCD Banner

Banyak cara untuk mempercantik blog. Salah satunya dengan memasang banner. Nah, ini ada banner dengan format semacam LCD. Contoh bannernya bisa dilihat disini.

Cara membuatnya:
1. Buka http://textspace.net, lalu pilih 'LCD Text Generator'. Maka, akan muncul beberapa pilihan font. Pilih salah satu sesuai yang anda suka, dengan mengklik 'select' di bawah contoh font.

2. Tulis text anda (di kotak biru bagian kiri bawah). Anda bisa sesuaikan kecepatan marquee-nya, lebar frame, dan warna gradasi. Jika sudah klik 'Make My Text!', lalu 'Get the codes!'

3. Kopi dan paste kodenya ke blog anda. Selesai.

Cara Praktis Mengecek Jumlah Backlink

Backlink merupakan elemen penting bagi sebuah blog. Terutama untuk menaikkan pagerank. Bagaimana cara mengecek jumlah backlink? Sebenarnya banyak tool pengecek backlink, tapi saya merekomendasikan anda pakai BacklinkWatch. Pasalnya, tool ini selain praktis dan memberikan penjelasan cukup detil, informasi yang disajikan BacklinkWatch juga akurat.

Begini step-stepnya:
1. Buka http://backlinkwatch.com
2. Masukkan URL anda (tak perlu pakai www),lalu klik 'Check Backlinks'
3. Tunggu proses sebentar, maka akan muncul jumlah backlink serta darimana backlink tersebut berasal (tuker link, komentar, dll).

Situs Penyedia Widget User / Visitor Online

Widget user atau visitor online. Ini mungkin ilmu jadul. Tapi barangkali ada yang belum tau. Banyak widget untuk mengetahui berapa pengunjung yang sedang online. Di manakah situs penyedia widget tersebut?
Antara lain:

http://histats.com
http://radarurl.com
http://whosread.com
http://freeonlineusers.com

Agar bisa memasangnya di blog, kita biasanya diminta daftar dulu. Lalu diberi script untuk dipasang di blog. Caranya? Ikuti saja petunjuk disana.

Berburu Bahan Postingan lewat Google News

Sebenarnya banyak sumber untuk mengutip informasi yang kita butuhkan ketika cari bahan postingan, baik dengan teknik rewrite maupun copas. Namun, kalau hendak membuat konten info atau berita internasional terbaru, Google News bisa menjadi solusi terbaik. Menariknya lagi, link-link yang dikutip Google News merupakan website-website ternama yang kredibel. Seperti Reuters, ESPN, BBC News, dan sebagainya.

Saya nggak tahu persis, sejak kapan Google meluncurkan Google News.

Yang pasti, saya secara tak sengaja baru menemukannya beberapa hari lalu. Dan, informasi dari sana ternyata sangat membantu update blog-blog saya. Sayangnya, Google News belum support bahasa Indonesia. But, itu nggak masalah. Kan banyak tool penerjemah!

Tertarik? Langsung saja meluncur ke Google News. Di sana tersedia informasi berbagai kategori, seperti bisnis, sport, hiburan dan kesehatan, yang terus terupdate.

Cara Membuat Link Jika Diklik Muncul di Window Baru

Sebuah link dalam postingan, biasanya jika diklik akan langsung menuju ke link yang bersangkutan. Bagaimana cara membuat link yang jika diklik akan muncul di window baru?

Misalnya kita mengutip sumber dari website Jawa Pos dan ingin ngelink ke sana, maka taruhlah achor text-nya Jawa Pos. Jika dengan cara konvensional, maka kodenya:
<a href="http://jawapos.co.id">Jawa Pos</a>

Agar saat diklik muncul di window baru, maka kodenya perlu ditambahi target="blank", sehingga menjadi: <a href="http://jawapos.co.id"target="blank">Jawa Pos</a>

Mudah bukan?!

Chemistry Help

Many people around the world use internet today. It's normally. Because, no matter we need, we can find in internet, including learn chemistry. There are many Chemistry Help in internet today. But, TutorVista is the best.

TutorVista's online Chemistry Tutoring is specially designed to help students. The site provide useful guide for learn chemistry. At the site, you can easily get a personalized attention and one-on-one tutoring. Very interesting!

Their tutors will be more effective not only because of their exhaustive chemistry knowledge, but also because they have through knowledge on the country and state standards required across grades. So, join TutorVista, the best Online Chemistry Tutoring course, right now.

Cara Praktis Mengecek Ranking Blog di Google SERP

Indikasi kesuksesan SEO adalah ketika postingan blog ada di urutan atas search engine. Posisi di SERP (search engine result page) bisa dicek dengan mengetikkan keyword pada kokat pencarian. Namun, cara itu kurang efisien. Apalagi, ketika ada ribuan bahkan jutaan blog yang membahas topik serupa. Nah, ada cara praktis mengecek ranking blog di Google SERP. Yakni, dengan tool Allno1.

Caranya:
1. Buka Allno1 Google SERP Checker

2. Klik lingkaran kecil di bawah deretan domain Google sesuai kode negara. Kalau Indonesia ya google.co.id.

3. Masukkan keyword dan URL blog anda, lantas klik 'Submit Query'.

4. Cari hasilnya di kolom google.co.id, maka akan muncul keterangan di mana posisi blog anda.

Praktis bukan? Selamat mencoba.

Cara Membuat Pesan Pembuka atau Alert Script di Blog

Pernah melihat sebuah blog yang saat diakses tidak akan langsung kebuka tetapi ada sebuah pesan yang muncul? Jangan heran, fasilitas itu disebut alert script. Cara membuat pesan pembuka di blog seperti itu gampang sekali.

1. Login ke blog

2. Klik Tata Letak

3. Klik Edit HTML

4. Beri centang pada kotak di samping Expand Template Widget

5. Cari kode </head> lalu pastekan skrip berikut ini di atasnya:

<script language="JavaScript">alert("SELAMAT DATANG DI BLOG SAYA");</script>

6. Simpan. Selesai

Ket:
- Ganti kata "SELAMAT DATANG DI BLOG SAYA" dengan pesan sesuai keinginan anda.
- Tanda kutip jangan dihapus.

Selamat mencoba!

Memodifikasi Komentar dengan Tampilan Baru

Kolom komentar merupakan elemen penting pada blog. Sebab, melalui kolom itu merupakan salah satu media bagi kita untuk berinteraksi dengan pengunjung. Ingin tampilan baru pada kolom komentar dengan teknik modifikasi?
Format komentar default Blogger/Blogspot umumnya seperti ini:

Sedangkan di bawah ini salah satu tampilan baru komentar yang sudah dimodifikasi.

Keren kan? Bagaimana cara membuatnya?

1. Masuk Layout, Edit HTML, centang Expand Widget Template.

2. Cari skrip di bawah ini:

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em; }

3. Ganti skrip di atas dengan:

/* Comments
----------------------------------------------- */
.commentlistdiv {
margin-top: 10px;padding:10px;
background: #FFF;border:
1px dotted #ddd;font-size: 0.75em;color: #666;}

.commentlistdiv h1 {font-size: 1.3em;
color: #366799;border-bottom: 1px solid #eee;
line-height: 1.5em;}
.commentlist li {background: #fff;
border-bottom: 1px dotted #ddd;padding: 20px;}
.commentlist li.alt {background: #fff;}

.pane_l {float: left;display: inline;
width: 160px;min-width: 160px;max-width: 160px;
border-right: 1px dotted #ddd;padding-right: 20px;margin-right: 20px;}
.pane_r {display: block;line-height: 1.5em;margin-left: 201px;}

.c_author {font-size: 0.9em;font-weight: bold;margin: 0px 0px 7px 0px;}
.c_avatar {display: block;margin: 0px 0px 7px 0px;}
.c_date {color: #aaa;font-size: 0.9em;margin: 0px 0px 7px 0px;}
.c_approved {color: #aaa;font-size: 0.9em;}
.comment-form { background:#EFEFEF; border:5px solid #cccccc;
margin:0 10px 20px 10px; padding:10px 0 0 15px; }
.owner-Body {display: block;line-height: 1.5em;margin-left: 201px;}
.owner-Body p {
font-size:100%;
margin:0 0 .2em 0;
color:#FF0000;
text-decoration:bold;
}

4. Masih di Edit HTML, cari skrip di bawah ini:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. Ganti semuanya dengan:

<ul class='commentlist'>
<b:loop values='data:post.comments' var='comment'><li>
<div class='pane_l'>
<div class='c_author'>
<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>
<data:commentPostedByMsg/>
</div>
<div class='c_avatar'/>
<div class='c_date'><data:comment.timestamp/></div>
<div class='c_approved'/>
</div>
<b:if cond='data:comment.author == data:post.author'>
<div class='owner-Body'>
<p><data:comment.body/></p>
</div>
<b:else/>
<div class='pane_r'>
<data:comment.body/>
</div>
</b:if>
<div class=' clear'/></li>
</b:loop>
</ul>

6. Simpan. Selesai.

7. Coba tes dan lihat hasilnya.

Selamat mencoba.

Membesarkan Ukuran Huruf

Banyak cara untuk memberikan penekanan pada kata atau kalimat tertentu sebuah postingan. Misalnya dicetak tebal, miring dan sebagainya. Ada pula yang membesarkan ukuran huruf. Nah, bagaimana caranya?

Gampang sekali, tambahkan kode berikut ini. Ganti tulisan 'teks anda' dengan kata atau kalimat yang ingin anda besarkan ukurannya.

<div style="text-align: center; font-size: 80px;">teks anda</div>

Ket: Angka 80 menunjukkan ukuran huruf. Anda bisa ganti sesuai keinginan. Selamat mencoba.

Cara Memasang Widget Google Pagerank (PR)

Beberapa waktu lalu ada pertanyaan dari Mas Bayu tentang bagaimana cara memasang widget Google Pagerank (PR) dan Alexa. Baiklah, saya jawab sekarang. Barangkali ini berguna juga buat teman-teman blogger yang blognya belum diberi widget PR.
Sebenarnya banyak widget Google PR. Tapi, yang paling populer adalah keluaran Mypagerank. Oke, langsung saja ke tutorialnya:

1. Buka situs Mypagerank.

2. Klik 'Google Pagerank Button'.

3. Masukkan URL blog anda. Misalnya: http://nyosnews.blogspot.com, lalu klik 'Check PR'.

4. Muncul pilihan model widget PR. Klik salah satu yang anda sukai.

5. Masukkan skrip di bawahnya ke blog anda.

6. Selesai.

Untuk pemasangan widget Alexa Ranking, tunggu postingan yang akan datang.

Cara Memasang Label Cloud di Blogger / Blogspot

Salah satu ciri khas blog berplatform Wordpress adalah adanya label cloud. Konon, widget ini juga berpengaruh pada SEO. Tapi, blog berbasis blogger atau blogspot pun kini bisa ditambahi widget label cloud. Seperti yang ada di blog baru saya ini. Cara memasang label cloud sangat mudah.

1. Masuk Layout, Edit HTML (tak perlu centang expand widget template).

2. Cari kode <b:widget id='Label1' locked='false' title='Label Cloud' type='Label'> atau yang mirip itu.

3. Tambahkan kode berikut ini di bawahnya:

<br /><strong><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2><br /></b:if><br /><br /><div class='widget-content'><br /><div id='labelCloud'/><br /><p align='center'><br /><script type='text/javascript'><br />var cloudMin = 1;<br />var maxFontSize = 25;<br />var maxColor = [0,255,0];<br />var minFontSize = 10;<br />var minColor = [0,0,0];<br />var lcShowCount = false;<br />// Don't change anything past this point -----------------<br />// Cloud function s() ripped from del.icio.us<br />function s(a,b,i,x){<br />if(a&gt;b){<br />var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)<br />}<br />else{<br />var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)<br />}<br />return v<br />}<br /><br /><br />var c=[];<br />var labelCount = new Array(); <br />var ts = new Object;<br /><b:loop values='data:labels' var='label'><br />var theName = &quot;<data:label.name/>&quot;;<br />ts[theName] = <data:label.count/>;<br /></b:loop><br /><br />for (t in ts){<br />if (!labelCount[ts[t]]){<br />labelCount[ts[t]] = new Array(ts[t])<br />}<br />}<br />var ta=cloudMin-1;<br />tz = labelCount.length - cloudMin;<br />lc2 = document.getElementById(&#39;labelCloud&#39;);<br />ul = document.createElement(&#39;ul&#39;);<br />ul.className = &#39;label-cloud&#39;;<br />for(var t in ts){<br />if(ts[t] &lt; cloudMin){<br />continue;<br />}<br />for (var i=0;3 &gt; i;i++) {<br />c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)<br />} <br />var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);<br />li = document.createElement(&#39;li&#39;);<br />li.style.fontSize = fs+&#39;px&#39;;<br /><br />a = document.createElement(&#39;a&#39;);<br />a.title = ts[t]+&#39; Posts in &#39;+t;<br />a.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;<br />a.href = &#39;/search/label/&#39;+encodeURIComponent(t);<br />if (lcShowCount){<br />span = document.createElement(&#39;span&#39;);<br />span.innerHTML = &#39;(&#39;+ts[t]+&#39;) &#39;;<br />span.className = &#39;label-count&#39;;<br />a.appendChild(document.createTextNode(t));<br />li.appendChild(a);<br />li.appendChild(span);<br />}<br />else {<br />a.appendChild(document.createTextNode(t));<br />li.appendChild(a);<br />}<br />ul.appendChild(li);<br />abnk = document.createTextNode(&#39; &#39;);<br />ul.appendChild(abnk);<br />}<br />lc2.appendChild(ul); <br /></script><br /></p><br /><noscript><br /><ul><br /><b:loop values='data:labels' var='label'><br /><li><br /><b:if cond='data:blog.url == data:label.url'><br /><data:label.name/><br /><b:else/><br /><a expr:href='data:label.url'><data:label.name/></a><br /></b:if><br />(<data:label.count/>)<br /></li><br /></b:loop><br /></ul><br /></noscript><br /><b:include name='quickedit'/><br /></div><br /><br /></b:includable><br /></b:widget></strong><br />

4. Cari kode ]]></b:skin>

5. Tambahkan kode ini di atasnya:

6. Simpan. Selesai dan lihat hasilnya.

Selamat mencoba. Mudah-mudahan berhasil.

Cara Membuat Link Berupa Gambar / Image

Seperti diketahui, selain berupa teks, kita bisa membuat link berupa gambar atau image. Contohnya link situs berita sepakbola (gambar Lionel Messi) di blog ini. Cara bikinnya gampang. Anda cuma butuh hosting pengupload gambar, misalnya Photobucket.

Langsung saja ke tutorialnya:
1. Siapkan gambar yang akan diisi link.
2. Upload dengan Photobucket.
3. Masukkan kode ini di tempat dimana link mau dipasang. Jika di sidebar ya masuk 'Layout', 'tambah gadget', dst.

<a href="http://ligabolaeropa.blogspot.com"><img src="http://i303.photobucket.com/albums/nn121/wawanwae/ligaeropa.jpg"></a>

Perhatikan, yang dicetak tebal adalah URL blog tujuan dan yang satunya direct link di Photobucket. Letak direct link seperti yang ada di bawah ini:

Jika ingin linknya kalau diklik muncul di window baru kodenya:
<a href="http://ligabolaeropa.blogspot.com" target="_blank"><http://i303.photobucket.com/albums/nn121/wawanwae/ligaeropa.jpg"></a>

Selamat mencoba.

Kompetisi Fajarseraya, Ikutan Yuk..!

Tahun ini kontes blog benar-benar marak. Salah satunya Kompetisi Fajarseraya. Kontes yang diprakarsai Mas Fajar ini bertema BLOG FOR FUN. Peserta bebas membuat artikel yang ada hubungannya dengan blog. Mulai dari tips-tips, trik-trik, cerita anda tentang blog, cerita mendapatkan uang dari Blog, Pengalaman setelah menjadi blogger, dll (asalkan berhubungan dengan blog). Hal ini dilakukan agar lomba sportif sesuai dengan keahlian menulis peserta.
Hadiahnya cukup bikin ngiler.

I. Pemenang Utama
Persembahan HostingTangguh
Juara 1 : Domain .com + Paket Hosting (XII 500MB/US 1GB)
Juara 2 : Domain .com
Juara 3 : Paket Hosting (XII 500MB/US 1GB)

II. Hadiah Tambahan
Pesembahan Forum Marigaul
15 Domain .info + Hosting (100 MB)(Gratis biaya perpanjangan domain dengan memasang banner Marigaul.com)

III. Pemenang Kategori (Masing-masing domain web.id)
Persembahan PusatHosting
Pemula terbaik
Tulisan bermanfaat
Tulisan terunik
Artikel Komentar terbanyak

IV. Tambahan hadiah Hosting :
Persembahan SarangHosting (Masing-masing 2 paket hosting (US 1GB)
Artikel Tergokil
Artikel Terlucu

Wis, buruan aja daftar karena kompetisi ini akan segera ditutup, batas akhir yaitu tanggal 30 April nanti. Daftarnya via email ke : daftarkontes@yahoo.com.

Cara Membuat Blockquote

Blockquote biasanya untuk menandai bagian postingan yang dianggap penting. Cara membuat blockquote cukup mudah. Tapi sebelum menginjak ke tutorialnya, seperti di bawah ini contoh blockquote:

Gimana membuatnya? Masuk Tata Letak, Edit HTML, kemudian centang Expand Template Widget. Jangan lupa back up dulu HTML anda buat jaga-jaga kalau gagal. Kemudian masukkan script berikut ini di atas kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 10px 10px 10px 10px;
border-top: 2px solid #848484;border-bottom: 2px solid #848484;border-left: 2px solid #848484;border-right: 2px solid #848484;}

Jika sudah, simpan.
Catatan: variasi kode warna untuk background dan garis tepi (border) silakan berkreasi sendiri. Pilihan warna bisa dilihat di sini.

Untuk memunculkan blockquote, saat posting tambahkan kode <p class="alert"> sebelum kalimat (poin-poin) yang akan ditaruh di dalam kotak, dan di belakangnya beri kode </p>

Selamat mencoba.

Membuat Highlight Author Comment

Highlight author comment adalah komentar pemilik blog yang disetting dalam kotak warna tertentu, untuk membedakan dengan komentar pengunjung. Contohnya seperti komentar di blog ini.

Cara membuat highlight author comment seperti itu sangat mudah. Ikuti step-step berikut ini:

1. Masuk menu Layout trus Edit HTML
2. Centang kotak Expand Widget Templates untuk jaga-jaga jika modifikasi gagal.
3. Cari kode ]]></b:skin>
4. Masukkan script berikut ini di atas kode ]]></b:skin> tersebut.

.comment-body-author {
background: #kode warna;
border-top: 1px solid #kode warna;border-bottom: 1px solid #kode warna;border-left: 1px solid #kode warna;border-right: 1px solid #kode warna;
margin:0;
padding:0 0 0 20px;
}

Contoh: higlight author comment pada blog ndeso ini kodenya sbb:
.comment-body-author {
background: #CCCCFF;
border-top: 1px solid #CCCCFF;border-bottom: 1px solid #CCCCFF;border-left: 1px solid #CCCCFF;border-right: 1px solid #CCCCFF;
margin:0;
padding:0 0 0 20px;
}

Perhatikan pada sript itu saya menggunakan kode warna sama. Itu karena saya ingin kotak comment tanpa stroke (bingkai). Kalau kamu pengen pakai garis tepi warna beda, tinggal sesuaikan kode warna bordernya.

Satu lagi, di script itu terdapat kata 'solid'. Itu artinya bingkai berupa garis. Jika menginginkan bingkai berupa titik-titik ganti dengan 'dotted'. Berbagai kode warna sesuai pilihan kamu bisa dilihat di sini.
Gampang kan. Selamat mencoba.

Rekayasa Foto dengan Photofunia, Hasilkan Efek-Efek Keren

Sekarang banyak software maupun situs rekayasa foto yang bisa membuat foto-foto digital jadi lebih menarik. Seperti Dumpr, MagMyPic, FACEinHOLE, dll. Layanan lain pengolah foto instan dengan efek-efek khusus adalah PhotoFunia. Di situ terdapat puluhan template dengan efek-efek keren yang dapat diterapkan pada foto yang akan kita upload.
Misalnya foto ini yang akan kita rekayasa dengan PhotoFunia.

Caranya?
1. Buka photofunia.com
2. Pilih salah satu effect foto.
3. Akan muncul tampilan seperti di bawah ini, lalu klik 'Çhoose files'

4. Arahkan ke file tempat kamu menyimpan foto, lantas klik ópen' untuk diupload.
5. Tunggu proses upload selesai, kemudian simpan.

Hasilnya seperti ini:

Kamu bisa pasang sebagai profile di Friendster, Facebook, blog, dll. Selamat mencoba.

Membuat Tulisan Di-stabilo / Diblok dengan Warna Tertentu

Terus terang saya bingung bikin judul. Intinya, tutorial kali ini tentang cara membuat tulisan seperti diblok dengan Stabilo. Contohnya seperti di bawah ini:

Caranya: selipkan kata/kalimat yang akan diblok di antara kode ini:

Kuning
<span style="background-color: rgb(255, 255, 0);">kata/kalimat yang di-stabilo</span>

Biru
<span style="background-color: rgb(51, 204, 255);"> kata/kalimat yang di-stabilo </span>

Hijau
<span style="background-color: rgb(51, 204, 0);"> kata/kalimat yang di-stabilo </span>

Contoh: Cinta Itu Buta. Kata 'Buta' mau diblok dengan waran kuning. Maka penulisannya:
Cinta Itu <span style="background-color: rgb(255, 255, 0);">Buta</span>

Dan, hasilnya:
Cinta Itu Buta

Selamat mencoba.

Memasang Status Profile/Badge Facebook di Blog

Siapa tak kenal Facebook, jaringan pertemanan yang lagi booming.

Mulai dari pelajar, mahasiswa, pengusaha, artis, hingga caleg, memanfaatkan Facebook untuk bersosialisasi, juga promosi. Bagi anda yang sudah daftar Facebook dan ingin menampilkan badge atau status profile di blog, caranya gampang. Ikuti saja step-step berikut ini:
1. Login ke akun Facebook Anda
2. Masuk ke tab Profil
3. Arahkan kursor ke kiri bawah. Klik 'Buat Lencana'
4. Klik 'Buat Lencana'
5. Setting badge/lencana sesuai keinginan.
-Tata letak bisa mendatar atau tegak
- Format pilih 'Gambar' jika blog tidak mendukung java script seperti WordPress.
- Isi pilih sesuai selera.
- Simpan
6. Kopi kode HTML dan paste di blog.

Untuk blogspot:
- Login ke blog anda
- Klik 'Tata Letak'
- Klik 'Tambah Gadget'
- Pilih HTML/Javascript
- Masukkan kode HTML dari Facebook tadi
- Simpan

Untuk blog WordPress:

- Masuk ke dashboard
- Klik Appereance – Widget
- Masukkan widget Text
- Pastekan kode Facebook tadi
- Simpan

Selamat mencoba.

Membuat Statistik Jumlah Postingan dan Komentar

Ada yang baru lagi di blog ini. Yaitu widget statistik jumlah postingan dan komentar yang masuk. Letaknya di sidebar, sebelah atas kotak search engine. Yang ini:

Bagaimana cara membuat widget seperti itu?
Caranya gampang. Login ke blog anda, klik layout/tata letak, tambah gadget, pilih HTML/javascript, lantas masukkan script di bawah ini,lalu save.

Blog ini ada <script style=""> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> postingan <br/>
dan total <script src="/feeds/comments/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> komentar

Kata yang tercetak merah bisa anda ganti sesuai selera. Selamat mencoba!

Seputar tutorial blog juga bisa anda baca di blog ini. Pilih label 'tutorial'.

Cara Praktis Mendaftarkan Blog ke Puluhan Search Engine

Salah satu cara mempopulerkan blog adalah mendaftarkan blog ke search engine. Saat ini banyak tersedia search engine, tidak hanya Google dan Yahoo. Nah, ada cara praktis mendaftarkan blog ke puluhan search engine hanya dengan sekali klik. Yaitu lewat freewebsubmission.
Caranya:

1. Buka situs freewebsubmision.
2. Arahkan kursor ke bagian bawah. Di situ ada kotak isian. Ketikkan URL blog anda, misalnya: http://blogspotcorner.blogspot.com.
3. Ketikkan alamat email anda di bawahnya.
4. Beri centang pada kotak kecil dekat tulisan ‘yes’ di sebelah kanan.
5. Klik ‘Submit Your Site’

Cara Mengganti Template Blog

Beberapa hari lalu ada seorang cewek SMA yang nanya saya secara offline gimana cara mengganti template blog. Ya udah, langsung saja saya kasih tutorialnya. Kini banyak situs penyedia template blog gratis yang keren-keren. Salah satunya Btemplates. Gimana step-stepnya?

1. Buka Btemplates atau situs penyedia template lainnya.
2. Pilih salah satu template yang kamu suka.
3. Download, kemudian cari file dengan ekstensi xml.

4. Buka dan temukan kode HTML-nya, kemudian kopi.

5. Login ke blog kamu.
6. Masuk Layout, Edit HTML, beri centang kotak di samping tulisan 'expand template widget'
7. Paste-kan kode HTML template yang sudah kamu kopi tadi.
8. Selesai. Tampilan blog kamu sekarang jadi lebih keren.

Ini contoh blog saya yang templatenya diganti salah satu koleksi Btemplates. Bagus bukan?!

Cara Memasang Widget Recent Comment

Recent comment atau komentar baru seolah menjadi widget wajib bagi blog-blog populer. Karena, dengan widget ini pemilik blog bisa mengetahui komentar-komentar yang masuk. Bagi blog baru, widget ini memang kurang penting. Tapi jika nanti blog sudah rame dan banyak komentar masuk, fungsinya sangat penting. Bagaimana cara memasang recent comment?
Saya dapat tutorial ini dari Mas Junjungpurba.

Stepnya: Masuk Layout, tambah gadget, klik HTML/javascript, lantas masukkan kode di bawah ini, kemudian simpan.

<script style="text/javascript" src="http://www.geocities.com/junjungpurba/Kode/recentcomments.txt"></script><script style="text/javascript">var numcomments = 3;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://blogspotcorner.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Ket: script tebal ganti dengan URL blog anda.
Selamat mencoba.

Memasang Widget Most Viewed Post/Article

Sejak beberapa hari lalu saya memasang widget baru di blog ini. Yaitu most viewed post/article atau di blog ini saya kasih nama 'paling banyak dibaca'. Mau tau cara bikinnya?
Caranya sangat mudah:

1. Login ke blog kamu.

2. Masuk 'Layout' atau 'Tata Letak'

3. Klik 'Tambah Gadget'

4. Pilih 'HTML/Javasript'

5. Masukkan kode berikut ini:

<script type="text/javascript">

start_views_num = 1;

limit = 3;

</script>

<script src="http://vishalgkr.googlepages.com/MostViewPosts.js" type="text/javascript"></script>

6. Simpan.

Ket: start view = 1 artinya penghitungan dimulai dari angka 1. Limit = 3 artinya postingan yang ditampilkan maksimal 3. Anda bisa ganti angkanya sesuai keinginan.

Selamat mencoba

Cara Memasang Emoticon dalam Postingan

Menjawab pertanyaan Mas Zehbi di postingan terdahulu tentang bagaimana memasang emoticon, saya jawab yang pertama dulu yaitu cara memasang emoticon dalam postingan. Coba search di Google dengan kata kunci 'free emoticon', maka akan anda temukan ribuan artikel soal emoticon. Salah satunya website ini.
Kemudian pilih salah satu emoticon. Kopi kode HTML-nya, lantas sisipkan dalam postingan.

Contoh: Awas, tak pukul kamu.

Untuk cara memasang emoticon di kotak komentar, tunggu postingan berikutnya.

Cara Membuat Text Area

Text area adalah kotak berisi teks atau kode tertentu. Biasanya apa yang ada di dalam kotak text area itu merupakan bagian dari postingan yang dianggap penting. Kali ini saya kasih tutorial cara membuat text area. Tapi sebelumnya, saya berikan contoh text area. Seperti di bawah ini misalnya.

Balonku ada lima. Rupa-rupa warnanya. Hijau kuning kelabu. merah muda dan biru. Meletuys balon hijau dor! Hatiku Sangat kacau. Balonku tinggal empat. Kupegang erat-erat.

Cara membuatnya silakan kopi kode berikut ini:
<p align="center"><textarea name="code" rows="6" cols="30"> Letakkan teks atau kode yang akan ditaruh dalam text area di sini</textarea></p>

Keterangan: rows=4 adalah tinggi text area. Sedangkan cols=30 adalah lebarnya. Anda bisa mengubah sesuai kebutuhan. Selamat mencoba.

Mendaftarkan Blog ke Search Engine

Salah satu sumber trafik (pengunjung) blog adalah dari search engine. Cara mendaftarkan blog ke search engine seperti Google dan Yahoo sangat mudah.
Mendaftarkan blog ke Google:
http://google.com/addurl

Mendaftarkan blog ke Yahoo:
https://siteexplorer.search.yahoo.com/submit

Mendaftarkan blog ke MSN:
http://search.msn.com/docs/submit.aspx?FORM=WSDD2

Cara Membuat Marquee atau Teks Berjalan

Marquee atau teks berjalan merupakan variasi yang membuat postingan atau blog tampil beda. Bagaimana cara membuat marquee? Simak tutorialnya berikut ini.
Ada beberapa jenis marquee.
1. Teks berjalan dari kiri ke kanan.

kiri ke kanan
Kodenya:
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
Masukkan teks yang akan di-marquee di sini
</MARQUEE>

2. Teks berjalan maju mundur.

maju mundur
Kodenya:
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
Masukkan teks yang akan di-marquee di sini
</MARQUEE>

3. Teks berjalan dari bawah ke atas.

Bawah ke atas
Kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
Masukkan teks yang akan di-marquee di sini
</marquee>

4. Marquee dengan link.

Wawanwae

Blog Humor

Kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://wawanwae.blogspot.com" target="new">Wawanwae</a><br/>

<a href="http://bengkelhumor.blogspot.com" target="new">Blog Humor</a><br/>

</marquee>

Selamat berkreasi.

Memasang Widget Feedjit

Ingin mengetahui dari mana asal pengunjung blog-mu? Caranya gampang. Banyak situs penyedia widget pelacak jejak visitor blog. Salah satunya Feedjit. Cara memasang widget Feedjit sebagai berikut:
1. Login ke blogmu.

2. Masuk feedjit.com

3. Klik ‘Click to get FEEDJIT’ (letaknya di kanan bawah).

4. Arahkan kursor ke bawah pada tulisan ‘Blog Host or Platform’, lalu klik ‘Javascript Widgets’

5. Pada pilihan ‘Live Traffic Feed’ pilih ‘Add to your Blogger Blog’

6. Klik ‘Menambah Widget’. Jika punya lebih dari 1 blog, pilih blog yang akan diberi widget Feedjit.

7. Pilih posisi widget sesuai keinginan, lantas save.

8. Selesai. Hasilnya seperti ini.

Blogspot Corner© 2009 Ayliak | Theme Design: OOruc