Cara Pasang Related Post di Blog Blogger

Pada artikel sebelumnya saya telah memosting tentang cara membuat read more di blogger disini. Sekarang saya akan membahas tentang memasang Related Post/Tulisan Yang Berhubungan seperti terdapat di Blog Wordpress. Lalu apakah bisa memasang Related Post di blogger? Jawabannya BISA SEKALI.
Untuk itu ikuti langkah berikut ini:

1. Sign In ke blog anda.

2. Tuju tab Layout -> Edit HTML

3. Backup template anda dengan mengklik Download Full Template.

4. Centang kotak yang bertuliskan Expand Widget Template.

5. Pasang script dibawah ini persis di ATAS </body>

<script src='http://roele112.googlepages.com/relatedpost.js'/>
<script src='http://roele112.googlepages.com/relatedpost_add.js'/>

7. Setelah itu cari kode berikut ini:

<div class='post-footer'>

8. Setelah ketemu, tambahkan kode dibawah ini tepat di ATAS kode diatas tadi.

<div id='related_posts'/>

9. Simpan template dan lihat hasilnya...

Moga manfaat...

Salam Blogger

Read More »

Cara Buat Read More di Blog Blogger

Di Blogger.com kebanyakan template yang tersedia/template buatan para blogger tidak ada fungsi "read more" atau "baca selanjutnya". Bagi anda para blogger mania yang ingin memasang read more di blogger jangan khawatir kini sudah banyak tersedia macam-macam tutorial yang membahas tentang fungsi read more.

Saya akan bahas fungsi read more yang versi standar dan banyak di pakai orang (saya juga pakai ini).

Kita mulai (tutorial ini untuk template beta)

1. Sign ini ke blog anda, tuju tab Lay Out -> Edit HTML.

2. PENTING: Backup template anda dengan mengklik Download Full Template, takut-takut ada kesalahan, anda bisa backup kembali template anda.

3. Klik kotak yang ada tulisan Expand Widget Template.

4. Cari kode template di bawah ini:

<p><data:post.body/></p>

5. Jika sudah ketemu tambahkan kode dibawah ini tepat di ATAS kode diatas.

<b:if cond='data:blog.pageType == "item"'><style>.fullpost{display:inline;}</style>

6. Selanjutnya tambahkan kode dibawah ini tepat di BAWAH kode tadi.

<b:else/><style>.fullpost{display:none;}</style><p><data:post.body/></p><a expr:href='data:post.url'><b>Readmore >></b></a></b:if>

7. Setelah itu Simpan Template.

8. Langkah selanjutnya adalah meletakkan kode untuk posting.
tuju tab Setting -> Formatting pada layar paling bawah ada kotak kosong disampingnya bertuliskan Post Template. Isi dengan kode dibawah ini:

<span class="fullpost">

</span>

9. Lalu simpan.

10. Langkah selanjutnya adalah cara membuat posting.
Tuju tab Posting -> New Post -> Edit Html

Contoh:

Artikel ini yang akan nampak pada frontpage/halaman depan
<span class="fullpost">
Paragraf ini akan di hidden oleh readmore link
</span>

Maka hasilnya adalah seperti ini:
Artikel ini yang akan nampak pada frontpage/halaman depan
Read More >>

11. Lalu simpan dan lihat hasilnya...!

Salam Blogger

Source: help.blogger.com

Read More »

Cara Buat Blog di Blogger.com

Ingin punya blog tapi ingin yang gratis?banyak sekali pilihan yang ada dihadapan anda, anda bisa membuat blog tanpa dituntut biaya sepeserpun (kecuali buat bayar nge-netnya ya hehe).
Saya akan bahas tetntang cara buat blog di www.blogger.com atau biasa dikenal dengan blogspot.
Anda sudah siap buat blog?jika "ya" ikuti langkah-langkah dibawah ini:

1. Ketik www.blogger.com di address bar browser anda, atau klik disini www.blogger.com
akan muncul gambar berikut, langsung saja klik "create your blog now"



2. Isikan user name yang nantinya dipake buat login, password, dan display name di form yang telah disediakan. Display name adalah nama yang nanti akan muncul di blog anda. Lihat gambar berikut:



3. Isikan judul blog di blog title dan alamat blog di blog address. Jangan kuatir, blog title dan blog address nantinya bisa diganti-ganti. Namun lebih baik pilih alamat blog yang mudah diingat dan tidak terlalu panjang, misal http://myblog.blogspot.com. Lebih jelas lihat gambar:



4. Pilihlah template yang anda suka dari template yang disediakan. Jangan khawatir Template nantinya bisa diganti dengan yang lebih bagus. Untuk pilih template yang bagus anda bisa kunjungi alamat ini Free Template



5. Setelah selesai memilih template, anda telah berhasil membuat blog di blogger.com. Selamat ngeblog...!



6. Mulailah posting tulisan anda, tuju tab Posting -> Create/New Post.

Salam Blogger

Read More »

Pasang Translator di Blog (versi 2)

Ingin pasang Widget Google Translator diblog? Jika anda mau anda bisa memasangnya dengan mudah, ada dua pilihan yang akan saya berikan, pilihan pertama sudah saya posting sebelumnya disini. Pilihan kedua (menurut saya lebih keren dan fresh untuk dilihat) saya akan ulas diposting ini. Untuk itu baca info dibawah ini untuk lebih lanjut:



# Difasilitasi oleh Google Translate.

# Dari bahasa Indonesia ke 12 bahasa dunia seperti :

English, French, German, Spain, Italian, Dutch, Russian, Portuguese, Japanese, Korean, Arabic dan Chinese Simplified.

# Target New Tab/Page (Jendela Baru).

# Image Bendera lebih menarik dan lebih kecil sehingga tidak memakan space blog.

# Bisa anda modifikasi, ditambah atau dikurangi.



Bagaimana caranya?

Klik tombol dibawah ini (otomatis akan terpasang diblo anda, syarat anda sign in)

<b>Translate this page from Indonesian to the following language! </b><br/><br/><a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/gb.png" height="11" title="English" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/fr.png" height="11" title="French" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/de.png" height="11" title="German" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/es.png" height="11" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/it.png" height="11" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/lu.png" height="11" title="Dutch" align="absbottom"/></a> <br /><br /><br /><br /><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/ru.png" height="11" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/pt.png" height="11" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/jp.png" height="11" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/kr.png" height="11" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/sa.png" height="11" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i217.photobucket.com/albums/cc262/albumrawna/cn.png" height="11" title="Chinese Simplified" align="absbottom"/></a><br /><br /><br/><br/><span style="font-size: 80%">Ingin pasang Translator di blog? <a href="http://arawna.blogspot.com/">Klik disini! </a></span>

Selamat ngeblog! moga manfaat...!

Read More »

Pasang Jam Widget Buat Blogger

Setelah browsing buat cari tutorial bikin flash clock pake software flash maker akhirnya ketemu juga, saya buat flash clock pake Flash MX 2004 hasilnya lumayan. Keinginan buat flash clock biar bisa dipasang di blog dan akhirnya bisa juga.



Bagi anda yang ingin pasang Clock Widget di Blogger silahkan klik tombol installer dibawah:

Digital Blue Clock:





<br /><br /><center><br /><br /><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="200" height="80"><param name="movie" value="Dig_Blue_Banner.swf"><param name="quality" value="High"><embed src="http://www.catatanrawna.co.cc/images/flash/Dig_Blue_Banner.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="200" height="80"/></embed></object><br /><br /><span style="font-size: 80%">Widget by <a href="http://arawna.blogspot.com/">aRawna </a></span>

Mudah-mudahan manfaat...!

Read More »

Menghilangkan Warna Biru Pada Tulisan Folder/Ikon File

Pernahkah anda mengalami ketika anda membuka salah satu folder di hardisk lalu anda mendapati teks ikon/folder berwarna biru. "Wah komputer gw kena virus nih" begitu kira-kira kebanyakan orang (yang belum tahu) reaksinya ketika melihat si warna biru. Lalu apakah benar itu virus?Untuk menjawab dugaan itu kita lanjut yuk:

Tenang saja itu bukan virus, itu hanyalah sebuah tanda yang dibuat oleh Windows yang dinamakan "compressed NTFS file" dan tentu saja tidak bermasalah seperti halnya bahaya virus hanya masalahnya kadang merusak pemandangan saja (bener ga?) hehe

Langkah-langkah menghilangkan warna biru pada tulisan folder/ikon:

1. Buka MyComputer->Menu "Tools"->Folder Options...->"View" tab->
2. Drag scroll bar ke bawah sekali dan untick pada "Show encrypted or compressed NTFS files in color" Lihat gambar:

3. Klik "OK".
4. Coba periksa kembali file atau folder anda.

Moga manfaat...

Read More »

Cara Buat Tag Cloud/Label Cloud (versi 1)

Jika anda ingin memasang tag cloud diblog anda yang tidak memiliki fasilitas tag cloud caranya gampang, tapi sebelum lanjut, apa sih tag cloud itu? jawabannya adalah:
"A tag cloud (or weighted list in visual design) is a visual depiction of content tags used on a website" (Wiki).
Simplnya tag cloud adalah aplikasi yang memuat daftar list tag atau label tulisan/konten diblog/website... so ini dia caranya:

Cara versi pertama (simpel):

1. Go to http://www.tagcloud-generator.com/
2. Ada 2 pilihan untuk memasukan tag, bisa memasukkan alamat blog kita atau juga cara manual dengan memasukkan alamat label tulisan. (saya sarankan yang kedua, karena kalau pertama hasilnya semua link yang ada diblog akan terdetek.
3. Setelah memasukkan semua alamat link label silahkan atur tampilan warna dan ukuran.
4. Generate Code, ada dua pilihan bisa pake HTML atau Flash terserah anda.
5. Copy kode tadi ke blog anda, biasanya di sidebar.
6. Selesai.
The last.. lihat hasilnya...!, untuk versi 2 akan saya post diposting selanjutnya... moga manfaat!

Read More »

Pasang Translator di Blog/Website (versi 1)

Kadang ketika kita buka website or blog seseorang kita menemukan widget translator, nah macam translatornya juga banyak sekali.
Rasanya berkeinginan untuk pasang Translator untuk web/blog kita. Untuk anda yang memiliki blogger/wordpress anda bisa pasang widget Google Translator (saya juga pakai), kelebihannya banyak:
1. Hampir bermacam-macam bahasa bisa dimasukan
2. Simple install
3. Ukuran juga kecil karna menggunakan Drop Down
4. De el el hehe

So, bagaimana caranya, ini dia:
1. Go to Google Translate
2. Lansung ke tab Tools.
3. Pilih bahasa blog anda
4. Copy script ke blog anda, biasanya dipasang di sidebar

Well, silahkan lihat hasilnya...!!!
Moga manfaat...

Read More »

New Domain and New Template

Setelah beberapa hari otak atik blog ini sampe kepala muter-muter coz maksa biar tampilannya oke punya akhirnya jadi juga... ya walaupun belum kelihatan sempurna.

Sebenernya ini blog yang lama "Dunia Seribu Mimpi" dengan alamat http://khoirulanwarahmad.blogspot.com cuma diganti aja nama domainnya cuz kepanjangan kayak rel kereta, jadi sekarang domainnya http://arawna.blogspot.com.

Mudah-mudahan blog ini langgeng, paling klo ada biaya tinggal ganti ujungnya aja biar jadi http://arawna.com tapi untuk hosting tetep di blogger aja cuz very nice untuk di otak atik .

Well, udahan dulu ah modifikasinya, nanti tinggal rajin ngepost tulisan aja neh hehe...

Read More »