Tips-Trik Blogging

Translator Pada Blog

2008-11-09T19:18:00.000-08:00

Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia.
Langkah-langkahnya adalah seperti ini :

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

------------------------------------------------------------------------
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>
------------------------------------------------------------------------
5. Kemudian simpan.

Nah Sekarang kamu bisa liat blog kamu..sudah ada translator otomatisnya khan...:)

Cara Memulai / Bikin Blog ?

2008-10-12T22:35:00.000-07:00

Untuk memulai blog gampang banget, hampir mirip dengan kalo kamu buat email. Disini kamu punya account yang bisa di edit lalu publikasikan. Kamu bisa desain dan percantik blog kamu dengan bermacam-macam pilihan template yang sudah disediakan. Cara mulainya km tinggal buka https://www.blogger.com/start, nah kamu pilih yang create your blog now/ sign up. Seperti gambar dibawah :

Nah kamu isikan email, password dan display name untuk login ke blog kamu ketika kamu mau ngedit-edit blog kamu. Kalau sudah klik continue

Setelah itu kamu diminta untuk memilih Judul Blog kamu dan alamat blog kamu. Hati-hati, alamat ini adalah tema dan kata kunci lho, jadi usahakan judul dan alamat blog kamu matching/ satu tema, yang nantinya blog kamu mudah di akses atau dicari para pengunjung dari seluruh dunia. Kalo sudah klik continue..

Nah ini nih yang ga kalah penting, untuk bagian ini kamu diminta pilih template atau bacground blog kamu. Usahakan pilih yang palingdapat menarik minat pengunjung untuk selalu mengunjungi blog kamu. Kalo mau pilih template yang lainnya, disini juga ada (masih blog aku, cuma pake inggris,hehe..) : http://tips-list.blogspot.com/2008/09/ads-theme-blogger-med.html,
Kalo sudah klik continue..

Sampe sini, account kamu di blogger sudah dibuat, kamu sudah dapat mengoperasikan blog kamu, mulai dari ngedit, posting, tambah ini, tambah itu, ganti ini, itu, pokoknya kamu bisa pelajari gimana desain/mempercantik blog kamu, tips selanjutnya bisa kamu pelajari di blog saya ini http://list-tips.blogspot.com/,
oke, kita start blog yuk...

Nah inilah contoh wajah blog kamu disaat ngedit. Menu Posting Kamu bisa buat tulisan apa aja, bisa tambahin foto, music, video, dll. Menu Setting itu untuk pengaturan blog kamu. Menu Layout itu untuk edit html program, tata letak blog kamu, banyak gatget dech yang udah disediain blogger.com. Menu view untuk melihat blog yang sudah kamu edit. Jangan lupa save untuk setiap pengeditan. Yuk coba view blog untuk liat blog kamu yang baru....

Ini nich contoh tampilan blog kamu, alamat dan titlenya akan sama dengan ketika kamu buat tadi....hehe gampang khan. Oke Safe tries....

nb : Jangan lupa untuk belajar trik menghasilkan uang dari blog kamu!!, kamu bakal dapet kode iklan dari yang mau masang iklan untuk dipromosiin di blog kamu..dan kamu akan dibayar untuk ngiklanin produk orang di blog kamu, kamu jadi kaya punya rcti atau indosiar sendiri dunk....hebat khan. Itu dunia pertelevisian, nah sekarang kita di dunia internet lho...lebih global.... Coba aja!

Cara Memunculkan Adsense Google di Blog Bahasa Indonesia

2008-10-12T22:23:00.000-07:00

Seperti yang kita tahu bahwa google adsense tidak bisa dipasang di web/blog berbahasa indonesia walaupun google masih mau bekerjasama dengan orang asal indonesia. Jika memaksa memasangnya maka yang akan muncul hanya ada "Iklan Layanan Masyarakat" atau "Public Service Ads". Tapi ada yang pernah lihat gak, kadang2 di web/blog orang yang lain yg berbahasa Indonesia kok bisa muncul iklan adsensenya. Selidik punya selidik, eh ternyata itu ada rahasianya. Mau tahu apa rahasianya kenapa kok Google Adsense bisa muncul di web/blog berbahasa indonesia?

Oh ya sebelumnya perlu aku jelaskan dulu. Kalo berdasarkan dari TOS google, katanya sih gak boleh ngotak-atik script adsense yg diberikan. Jadi jika kamu memakai trik ini nanti ada kemungkinana kalo account adsense kamu akan dibanned. Tapi ada juga yang bilang kalo pake trik ini tidak akan apa-apa, alias tidak akan di banned. Contohnya bisa km lihat di website http://ilmukomputer.com, atau http://trik-tips.blogspot.com Nha web sebesar dia aja berani pake trik ini. Dan katanya itu dah beberapa bulan, tapi sampe sekarang belum dibanned.

Dan aku phun berani mengambil resiko untuk mengotak-atik adsense. Ok resiko ditanggung sendiri-sendiri yah..hehe..

Ok beginilah triknya:
sebenarnya sangat mudah, hanya dengan menambahkan script ini :
google_language = "en";
kedalam script adsense km, maka iklan adsensenya akan muncul dalam web/blogmu yg berbahasa Indonesia
Contohnya seperti ini:

<script type='text/javascript'>
google_ad_client = "pub-5569888573993887";
/* 336x280, created 6/12/08 */
google_ad_slot = "3879894015";
google_ad_width = 336;
google_ad_height = 280;
google_language = "en";
</script>

Tapi ingat2 ya, fikirkan matang2 sebelum mencoba ya, selamat mencoba..

Meletakkan Adsense di Dalam Postingan Setelah klik Readmore

2008-10-09T02:36:00.000-07:00

Untuk memasang adsense agar tampil di dialam postingan kita buka trik kembali, karena kalo cuma asal meletakkan code adsense/ script adsense didalam potingan maka iklan adsense tidak akan muncul. Kali ini akan kita bahas trik untuk menampilkan adsense didalam postingan tapi setelah link "Read more" diklik. Caranya :

1. Login ke blogger kemudian pilih "Layout --> Edit HTML"
2. Beri tanda ceklis pada kotak "Expand widget template"
3. Cari Kode berikut :

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

4. Untuk selanjutnya kamu harus hati-hati, di dalam kode HTML yang sudah dipasang "Readmore" biasanya ada 2 kode seperti itu. Jadi pilih kode yg pertama.
5. Setelah itu letakan kode Google adsense kamu dibawah kode tersebut.

Sekarang kita lihat code adsensenya dulu perhatikan yg berikut ini.

kode adsense asli biasanya seperti ini :

------------------------------------------------------------------------------------
center><script type="text/javascript">
google_ad_client = "pub-5569888573993887";
/* 468x60, created 4/9/08 */
google_ad_slot = "0716000951";
google_ad_width = 468;
google_ad_height = 60;
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></center>
------------------------------------------------------------------------------------

Nah untuk memparse code adsense asli diatas kamu pergi ke alamat ini: http://centricle.com/tools/html-entities/, lalu kamu masukan code adsense asli diatas ke kotak yang disediakan pada alamat ini untuk diparse. Setelah dimasukkan tekan "encode", nah nanti hasil parsenya copy dan letakkan dibawah kode:

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

Lalu simpan Template kamu. Jadi dech...sekarang coba klik readmore, lalu lihat, adsense anda akan muncul dalam postingan,setelah pengunjung mengklik readmore, bukan di halaman utama. Oke?!

Membuat Kotak Komentar Blogger di Bawah Postingan

2008-10-09T02:12:00.000-07:00

Sekarang blogger/blogspot telah menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini/terlihat ada kotak koment-nya).

Begini cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan http://blogger.com!! (pokonya untuk khusus untuk ngedit coment box ini jangan di http://blogger.com, ok ?!)
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)

3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda ceklis kotak "Expand widget templates".
6. Trus cari kode berikut ini :

------------------------------------------------------------------------------------
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>
------------------------------------------------------------------------------------

tapi ingat, kamu harus masih ngerjain di http://draft.blogger.com yaa, kalo ga, ga akan ketemu. Juga, saat anda mencari code diatas, coba cari dengan kata kunci footer (klik edit dimenu mozila yang di atas, trus pilih "find", nanti muncul dibawah banget kata find:.... , nah kamu klik next atau previous), dan setelah ketemu, biasanya ada dua kode <p class="comment-footer">, nah kamu pilih yang ke-2 ya. Selamat berteliti ria....

7. Kemudian ganti kode tersebut dengan kode dibawah ini:

------------------------------------------------------------------------------------
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>
------------------------------------------------------------------------------------

8. Lalu simpan template kamu.

Coba lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti di blog ini (Bagi yang berhasil).
Have nice try...

Cara Membuat Kotak Pesan Singkat/ C-Box

2008-10-09T01:29:00.000-07:00

Kotak pesan singkat atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting di blog). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh ini diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

Cara Menampilkan Recent Post (Postingan terbaru)

2008-10-09T01:22:00.000-07:00

Bagaimana cara menampilkan postingan terbaru (Recent Post) kamu di side bar?
caranya adalah sbb :

1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".

--------------------------------------------------------------------------------------
<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
--------------------------------------------------------------------------------------

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan.

Gampang khan....met mencoba...

Cara Membuat Kotak Blogroll

2008-10-09T01:14:00.000-07:00

Ada dua macam kotak blogroll yang dapat kita buat, Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

--------------------------------------------------------
<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>
---------------------------------------------------------

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar, maka hilangkan kode

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

---------------------------------------------------------
<MARQUEE align="center" direction="up" height="100" scrollamount= "2"

onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>
---------------------------------------------------------

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right.
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode
.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Cara Meletakkan Script / code dalam postingan

2008-10-09T00:55:00.000-07:00

Untuk yang sering membuat postingan tentang kode html, maka suatu saat akan bertemu dengan kesulitan meletakkan code dalam postingan kamu. Maksud kamu akan menerangkan kode tersebut pada pengunjung blog, tapi yang terjadi malah blog kamu akan memproses sebagai perintah yang telah diterjemahkan langsung kedalam bahasa html, bukan sebagai posting. Nah untuk tahu caranya kita ikutin langkah berikut :

Contoh untuk menuliskan kode , maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode2/script2 tersebut ke dalam blog?

ada 3 cara :

Cara pertama
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode Pengganti :
<> diganti dengan >

" diganti dengan "

- Udah tahu kan caranya mereplace di notepad? kamu pilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Kalo sudah semua baru kamu copy semua kode yang sudah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Cara Ketiga
- Open situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, jika sudah tekan tombol "Encode", maka kamu akan mendapatkan script baru untuk diposting di blog kamu.
Selamat Mencoba...

Cara Menampilkan Online Status Yahoo Messenger pada Blog

2008-10-09T00:34:00.000-07:00

Bagaimana Caranya Menampilkan Online Status Yahoo Messenger ?. Apa gunanya menampilkan online status ?. Ketika di blog kamu ada icon yang menunjukan kamu lagi aktif maka pengunjung blog akan dengan senang hati langsung bisa chating dengan kamu, sehingga memudahkan kamu berinteraksi dengan mereka. Contohnya seperti ini, jika status kamu offline maka gambar pada blog kamu akan seperti ini :

jika kamu sedang online maka iconya akan berubah seperti ini:

nah cara membuatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, seperti kalo kamu pasang "widget/HTML code", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

-----------------------------------------------------------------------------
a href="ymsgr:sendIM?w1kz08"> <img src="http://opi.yahoo.com/online?u=w1kz08&m=g&t=2&l=us"/>
</a>
-----------------------------------------------------------------------------

Ganti text yang warna merah (w1kz08) dengan id YM kamu.
perhatikan angka warna biru "2", itu bisa kamu ganti dengan angka yang lain (antara 1 s.d 10 pilihannya), dan hasil gambar icon online yang ditampilkan akan berbeda-beda.
Have a nice Try...hehe

Cara Membuat Read More

2008-10-08T23:02:00.000-07:00

Seperti seharusnya bahwa postingan terbaru akan ditampilkan dihalaman utama blog. Saat kamu akan membuat posting maka akan terasa postingan kamu terlalu panjang dan memenuhi halaman utama hanya dengan satu postingan kamu. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama hanya hal utama dahulu saja kemudian dibawahnya kamu buat link "Read More" / "Baca Selengkapnya" untuk melihat selengkapnya (keseluruhan), ada caranya pada langkah-langkah berikut :

1. Open menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (ceklis) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (posisinya kira-kira terletak pada 1/4 bagian bawah kode hmtl) :

---------------------------------------------------
<div class='post-body entry-content'>
---------------------------------------------------

Jika sudah ketemu maka dibawahnya ada kode seperti ini :

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

4. Jika sudah ketemu, Ganti kode yang ini <p><data:post.body/></p> menjadi seperti ini :

----------------------------------------------------------------------
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

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

<a expr:href='data:post.url'>Read More......</a>
</b:if>
----------------------------------------------------------------------

Tulisan "Read More....." itu bisa kamu ganti, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

-----------------------------------------------
<span class="fullpost">

</span>
-----------------------------------------------

8. Kemudian Simpan.
9. setiap akan memposting baru, disana ada 2 tab pilihan, yang "Compose" dan "Edit Html", km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

-----------------------------------------------
<span class="fullpost">

</span>
-----------------------------------------------

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

maka dengan begitu kamu punya banyak cuplikan postingan yang bisa ditampilkan di halaman utama, agar pengunjung blog dapat bebas memilih untuk mulai membaca yang mereka sukai. Selamat Mencoba.