Home » Archives for Januari 2008

Kamis, 31 Januari 2008

Setting POP/IMAP dan SMTP Gmail untuk Omail

08.24  ,  No comments


Ada beberapa email yang masuk dalam inbox saya menanyakan apakah
Omail [nama@o-om.com]
bisa dibaca menggunakan POP atau IMAP melalui eMail Client, tentu saja bisa
khan Omail menggunakan engine Gmail. Sebenarnya melakukan setting untuk membaca
OMail dengan POP/IMAP pada email client tidak ada bedanya dengan setting untuk
Gmail, yang membedakan hanyalah nama domainnya saja. Selain itu yang harus
diingat setting untuk POP diarahkan ke pop.gmail.com dengan tujuan port
995 (pilih
untuk SSL)  dan untuk IMAP diarahkan ke
imap.gmail.com dengan tujuan
port 993 (pilih untuk SSL) sedangkan untuk SMTP tetap sama yaitu
smtp.gmail.com
dan port tujuan 587 (pilih untuk
TSL). Agar gak bingung saya tulis aja cara
lengkapnya, penjelasan yang saya tulis hanya pada email client
Thunderbird dan
tentu saja rekan sudah memiliki mail account Omail dengan namakamu@o-om.com,
jika belum bisa daftar di
sini.





Contoh Tampilan Omail pada Thunderbird:






Untuk penjelasan ada dua pilihan setting email client yang bisa digunakan
yaitu bisa menggunakan POP dan IMAP, silahkan dipilih tergantung kebutuhan, cara
selengkapnya bisa dibaca dibawah ini:



 


Setting untuk POP






Pengaturan pada Omail untuk POP (Gmail)


1. Pertama login ke Omail


2. Kemudian pada pojok kanan atas klik link "acuan email"


3. Pada halaman pengaturan klik "Meneruskan dan POP/IMAP"


4. Pada halaman Download dengan POP: pilih sesuai kebutuhan ya mau
mengambil semua eail atau  Email yang diterima mulai dari sekarang, jangan
lupa disimpan.











Pengaturan Pada Thunderbird Untuk
POP


1. Buka Thunderbird, lalu pilih Tools > Account Settings.


2. Klik Add Account.


3. Pilih Email account dan klik "next"


4. pada The Identity masukan nama lengkap. lalu masukan alamat Omail
(namakamu@o-om.com) pada Email Address, lalu klik Next


5. Pilih POP lalu masukan pop.gmail.com dalam incoming server


6.  Set Outgoing Server ke smtp.gmail.com, lalu
klik Next


7. Kemudian masukan User name Omail kamu (namakamu@o-om.com) di
Incoming User Name dan Outgoing User Name, dan klik Next


8. Masukan nama untuk account email kamu di Account Name laluk klik
Next


9. Pada account informasi klik finish


10. Pada folder list klik Server Settings sesuia dengan account yang
dipilih


11. Pada Port value masukan 995


12. pada Security setting, pilih SSL pada pilihan
Use secure connection


13. Pilih Check for messages at startup and
Automatically download new messages


 


Setting untuk
IMAP






Pengaturan pada Omail  untuk IMAP (Gmail)


1. Pertama login ke Omail


2. Kemudian pada pojok kanan atas klik link "acuan email"


3. Pada halaman pengaturan klik "Meneruskan dan POP/IMAP"


4. Pada halaman Akses IMAP: pilih dengan memberikan tanda centang pada
"Aktifkan IMAP", jangan lupa disimpan.











Pengaturan Pada Thunderbird Untuk IMAP


1. Buka Thunderbird, lalu pilih Tools > Account Settings.


2. Klik Add Account.


3. Pilih Email account dan klik "next"


4. pada The Identity masukan nama lengkap. lalu masukan alamat Omail
(namakamu@o-om.com) pada Email Address, lalu klik Next


5. Pilih IMAP lalu masukan imap.gmail.com dalam incoming server


6.  Set Outgoing Server ke smtp.gmail.com, lalu
klik Next


7. Kemudian masukan User name Omail kamu (namakamu@o-om.com) di
Incoming User Name dan Outgoing User Name, dan klik Next


8. Masukan nama untuk account email kamu di Account Name laluk klik
Next


9. Pada account informasi klik finish


10. Pada folder list klik Server Settings sesuia dengan account yang
dipilih


11. Pada Port value masukan 993


12. pada Security setting, pilih SSL pada pilihan
Use secure connection


13. Pilih Check for messages at startup and
Automatically download new messages


 


Setting untuk
SMTP


 


Pengaturan Pada Thunderbird untuk SMTP


1. Klik Outgoing Server (SMTP) pada folder list


2. Pilih smtp.gmail.com (Default) atau masukan jika belum


3. Masukan smtp.gmail.com pada Server Name dan set port ke 587


4. Pada Use name and password  dan masukan username
Omail/Gmail (masukan namakamu@o-om.com)


5. Pilih TLS pada pilihan Use secure connection


6. Klik OK untu menyimpan Account Settings dialog






Setting email client lainnya bisa baca dialamat dibawah ini:


Untuk POP:


Mail Clients



Wireless Devices







Untuk IMAP:


Mail Clients



Wireless Devices






Selamat Mencoba, Happy Blogging :)





thumbnail Title: Setting POP/IMAP dan SMTP Gmail untuk Omail
Posted by:Unknown
Published :2008-01-31T08:24:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Setting POP/IMAP dan SMTP Gmail untuk Omail
Read More

Masalah Dalam Read More

05.14    No comments

Bagaimana caranya menghilangkan Tulisan "Read More" jika posting kita hanya sedikit?
Pasti pertanyaan tersebut seringkali muncul bagi beberapa orang yang sudah mencoba memakai trik Read More Versi 1 (udah baca belum? kalo belum baca baca dulu disini ), ya tho? karena aku sering mendapatkan pertanyaan seperti itu. trus gimana caranya mengatasi masalah ini?
Setelah mencoba mengotak-atik script di laboratorium, akhirnya aku menemukan formula yang cocok untuk mengatasi masalah ini. gini nih formulanya:

1. Login ke blogger, trus pilih menu "Layout --> Edit HTML"
2. Ohya, Jangan lupa di backup dulu template kamu, udah tahu to caranya?
3. Kalo udah di backup trus kasih tanda centang pada kotak "Expand Widget Template"
4. taru script berikut ini diatas kode </head>


<script type='text/javascript' src='http://www.geocities.com/kendhin_x/Readmore.js' />



5. Cari script berikut


<div class='post-body'>



kalo tidak ada coba cari yang ini


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



6. Trus ganti script tadi sehingga menjadi seperti ini


<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>



7. Nha dibawahnya kan ada script seperti ini;


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



8. Taruh script berikut dibawah script diatas


<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:href='data:post.url'>Read More......</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>



9. Keseluruhan script akan menjadi seperti ini:


<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:href='data:post.url'>Read More......</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>



10. Terus simpan pekerjaanmu.

Langkah berikutnya:

1. Pergi ke menu "Setting --> Formatting"
2. Dibagian bawah ada kota yang bertuliskan "Post Template"
3. Bagi yang belum pernah pake read more maka didalam kotak tersebut akan kosong. tapi bagi pake "Read More Versi 1" dulu tulisannya seperti ini :


<span class="fullpost">

</span>



4. Nha kalo yang sekarang ganti/isi kotak tersebut dengan kode berikut:


<span id="fullpost">

</span>


5. Terus Klik Tombol "Save".

Nha Waktu posting pilih Tabs "HTML", JIka pingin Tulisan "Read More" tidak muncul maka hapus script ini:


<span id="fullpost">

</span>



mudeng to? mudeng po ra?

thumbnail Title: Masalah Dalam Read More
Posted by:Unknown
Published :2008-01-31T05:14:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Masalah Dalam Read More
Read More

Selasa, 29 Januari 2008

Cara transfer blog ke account berbeda (Blogger)

09.52  , ,  No comments

"Bagaimana memindahkan sebuah blog dari satu user ke user lainnya dengan
login yg berbeda. Karena saya punya beberapa blog yang dibuat dengan dua
username yang berbeda. Sekarang saya ingin menyatukannya menjadi satu username
sehingga memudahkan dalam maintenancenya" (Penggalan pertanyaan dari rekan
nurpatria
herryanto di email oom)






Punya Account Blogger yang berbeda tentu saja susah untuk melakukan manage,
kadang hanya untuk memposting blog dengan account lainnya kita harus melakukan
logoff terlebih dahulu (kecuali kita login menggunakan web browser berbeda juga), tidak seperti wordpress, blogger tidak mempunyai fasilitas untuk melakukan transfer
blog ke account berbeda, sangat disayangkan memang, masa sekelas blogger
tidak ada fasilitas ini. Trus gak mungkin dong melakukan transfer blog di
blogger? siapa bilang..tentu saja bisa, dengan adanya fasilitas mengundang
penulis lain di blogger, ini yang akan kita manfaatkan sebagai transfer antar
blog dengan account berbeda.






Cara melakukan Transfer blog dengan account berbeda:





Contoh : Andai kata kita mempuanyai 2 account berbeda sebut saja
Account-A dan Account-B, rencana kita ingin melakukan transfer salah satu blog
di Account-A ke Account-B, hal yang harus diperhatikan bahwa Account yang
memberi kuasa (Account yang mengundang/Account-A) adalah account yang blog-nya 
akan ditransfer, dengan kata lain Account-B inilah yang akan menerima kuasa penuh
terhadap blog di Account-A.




1. Login ke account yang akan di transfer (contoh Acount-A)


2. Kemudian pada "Panel Kontrol" pilih salah satu blog dengan
melakukan klik link "Pengaturan"


3. Pada tab pengaturan pilih sub tab "ijin"


4. Klik Tombol "Menambah Penulis"


5. Masukan Alamat Account Gmail anda yang lain (Account -B), dalam hal ini
account gmail yang kita undang merupakan account yang akan menerima transfer
blog.


6. Jika sudah, kita harus login ke alamat gmail yang di undang (Account-B)
dan akan menerima sebuah suran pengundanga untuk bergabung di Account-A.


7. Pada email yang kita terima disitu terdapat link, klik link tersebut bahwa
kita setuju untuk berkontribusi ke blog pengundang, jangan lupa masukan kata
sandi sebagai tanda persetujuan.


8. Pada halaman "Panel Kontrol" sudah terlihat ada blog baru yang berasal
dari account-A


9. Selanjutnya kembali lagi ke Account-A atau kembali ke proses no 1,2 dan 3


10.  Pada halaman ini terlihat Account-B yang telah di undang, jangan
lupa mengklik link "Berikan hak istimewa
setingkat admin" dan menekan tombol "Berikan hak istimewa setingkat
admin" pada popup yang muncul.


11. Jika kita tidak ingin menggunakan
Account-A dan hanya memberikan hak admin pada Account-B kita dapat menghapus hak
akses Account-A dengan mengklik  link "memindahkan".


12 Selesai..dan selamat kita sudah melakukan
transfer blog dari Acount-A ke Acount-B, untuk transfer blog yang lain caranya
sama dengan proses diatas.


 


Catatan :
jika masih ragu bisa tanyakan saya dulu di kolom komentar agar
bisa kita diskusikan bersama. thanks



thumbnail Title: Cara transfer blog ke account berbeda (Blogger)
Posted by:Unknown
Published :2008-01-29T09:52:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Cara transfer blog ke account berbeda (Blogger)
Read More

Senin, 28 Januari 2008

20.05    No comments

Cara membuat Template Blogger


Sekarang ini pasti banyak sekali beredar template-template blogger dipasaran yang bisa didapat dengan gratis, sehingga kadang-kadang kita akan menjumpai blog yang memiliki penampilan yang sama dengan blog kita, ya tho? padahal banyak dari kita yang pengen agar blog kita tampil cantik dan unik. Tapi untuk membuat template tentunya bukan hal mudah, karena bukan hanya dibutuhkan skill pemrograman tapi juga dibutuhkan sense untuk mendesain tampilan biar terlihat ciamik.
Nah bagi para blogger mania yang pengen bisa membuat templatenya sendiri jangan lewatkan trik "Cara Membuat Template Blogger" ini. Tapi triknya akan dijelasin di episode berikutnya aja ya, soalnya triknya akan sangat melelahkan jadi persiapkan dulu fisik dan mentalnya. Bagi yang ngenetnya dirumah jangan lupa siapin cemilan yang banyak dan juga tiga cangkir kopi. Terus bagi yang ngenetnya diwarnet jangan lupa bawa bantal ama selimut biar nyaman, trus ngenetnya pas happy hour aja biar murah :D
Daaaaa .... siap-siap ya... :z :z :z

thumbnail Title:
Posted by:Unknown
Published :2008-01-28T20:05:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
Read More

Minggu, 27 Januari 2008

Tutorial Google Custom Search Engine (Beta)

10.25  ,  No comments



Google Custom Search Engine mempunyai keunggulan lebih dari pada search
engine standar yang biasa kita gunakanpada site/blog, dimana pada layanan ini kita dapat
memberikan kemudahan pencarian pada alamat web/blog tunggal maupun pada beberapa
situs web bahkan pada halaman web tertentu.







Bagaimana merangkum pencarian pada banyak website, Blog, Group dalam satu
manajemen pencarian? Dengan Google Custom search Engine kita akan membuat mesin
pencari untuk melakukan kebutuhan tersebut.

Lalu bagaimana Google Costom Search Engine ini bekerja?











 

Dari skema cara kerja yang saya buat, tentu saja Google Custom search Engine ini
sangat cocok bagi rekan yang memiliki banyak blog/site dengan tema yang sama (misalnya
blog programming dengan bahasa program yang berbeda) dimana kita tetap bisa
memberikan acuan serta arahan kepada pengunjung agar tetap bisa menemukan apa
yang mereka cari.


 


Baca Keunggulan lainnya:




Situs Web, blog, atau grup minat khusus Anda

  • Bantu pengunjung Anda menemukan apa yang mereka cari

  • Undang teman dan komunitas Anda untuk berkontribusi

  • Mendapatkan penghasilan dengan AdSense untuk Pencarian

  • Secara otomatis membuat mesin pencari berdasarkan link di situs Web atau
    blogroll menggunakan Pencari Kustom dengan cepat




Bisnis atau perusahaan Anda

  • Manfaatkan Edisi Bisnis Custom Search untuk keunggulan tambahan seperti
    dukungan kelas perusahaan, halaman hasil bebas iklan, dan XML API

  • Letakkan logo Anda pada halaman hasil pencarian

  • Bantu pelanggan menavigasi situs Anda dan menemukan produk yang akan
    mereka beli




Organisasi Anda yang berupa nirlaba, pemerintah, atau pendidikan

  • Tampilkan hasil pencarian tanpa iklan










Cara Daftar dan pasang code pada site/blog:


Klik
http://www.google.co.id/coop/cse/
Kemudian tekan tombol "Buat Custom
Search Engine" lalu Login dengan username dan password dengan google account
masing-masing. Kemudian masukan beberapa informasi data acuan pencarian sesuai
dengan arahan.







Cara pasang kode pada blog/site:


Setalah kita memasukan beberapa informasi data acuan pencarian sekarang
saatnya memasang kode paada blog/site. cara pasang pada kode ada 2 pilihan yang
pertama kita dapat memilik link "Situs" ini merupakan cara cepat untuk
memasang code pada site/blog. Cara kedua jika kita ingin melakukan konfigurasi
pencarian kita bisa memilih link "Panel Kontrol" kemudian ikuti petunjuk
yang ada.



Untuk blogger (blogspot) tambahkan "element halaman baru" kemudian Copy /paste aja kodenya.



Semua pertanyaan bisa ditulis pada kolom komentar atau secara private ke mail
saya, thanks :)



thumbnail Title: Tutorial Google Custom Search Engine (Beta)
Posted by:Unknown
Published :2008-01-27T10:25:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Tutorial Google Custom Search Engine (Beta)
Read More

Sabtu, 26 Januari 2008

Mengganti Tulisan "Older Post / Newer Post" atau "Posting Lama / Posting Baru"

12.15    No comments

Biasanya dibagian paling bawah artikel kamu terdapat tulisan seperti ini "Older Post / Newer Post" atau "Posting Lama / Posting Baru". Nah mungkin awal-awalnya kamu nggak tahu maksudnya apa tulisan tersebut dan setelah tahu oooo ternyata itu link menuju ke artikel-artikel sebelumnya dan juga artikel-artikel yang baru. Nah mungkin kamu ingin mengganti tulisan tersebut dengan tulisan yang lain, misalnya dengan tulisan "Artikelku Sebelumnya" atau "Coretanku Yang dulu2" atau bahkan dengan sebuah gambar. Nha pingin tahu caranya? mari kita mulai Pelajaranya...

1. Seperti biasanya kita login dulu ke blogger trus pilih "Template --> Edit HTML".
2. Beri tanda centang pada kotak "Expand Widget Template"
3. Cari kode berikut ini, cara nyarinya biar mudah copy kode berikut ini lalu tekan "Ctr + F " dan paste kedalam kotak yg disediakan.

<data:newerPageTitle/>

4 . Ganti kode tersebut dengan tulisan yg kamu inginkan. Tapi jika kamu pingin ganti dengan gambar panah misalnya, ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/newblue.gif"/>. text yg dicetak tebal adalah lokasi dari gambar, kamu bisa menggantinya dengan gambar yang kamu inginka atau bisa diganti dengan gambar yang aku sediain dibawah.
5. Yang diatas untuk mengganti tulisan "Newest Post" atau "Posting Baru".
6. Terus untuk tulisan "Older Post" atau "Posting Lama" coba cari kode berikut ini, lokasinya tidak jauh dari kode diatas atau dibawahnya sedikit.

<data:olderPageTitle/>

7. Kalo sudah ketemu ganti lagi dengan tulisan yang kamu inginkan. Jika pingin diganti menjadi gambar coba ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/oldblue.gif"/>

8. Jika kamu pingin ganti warna biru jadi warna merah, tinggal ganti "newblue.gif" dengan "newred.gif" dan "oldblue.gif" ganti dengan "oldred.gif"

Berikut ini gambar panah dan kodenya


olblue.gif
newblue.gif
oldblack.gif
newblack.gif
oldgreen.gif
newgreen.gif
oldpink.gif
newpink.gif
oldred.gif
newred.gif
oldyellow.gif
newyellow.gif

thumbnail Title: Mengganti Tulisan "Older Post / Newer Post" atau "Posting Lama / Posting Baru"
Posted by:Unknown
Published :2008-01-26T12:15:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Mengganti Tulisan "Older Post / Newer Post" atau "Posting Lama / Posting Baru"
Read More

Jumat, 25 Januari 2008

Search engine Zuula bikin ketagihan :)

10.02  , ,  No comments



Sudah seminggu ini saya jarang menggunakan mesin pencari
Google, karena sekarang lagi
keranjingan Zuula, ya Zuula..aneh ya namanya :) tapi jangan remehkan
kemampuannya sebagai mesin pencari, jangan salah dulu Zuula bukanlah mesin
pencari tunggal karena zuula tidak mempunyai index database sendiri.


Mesin pencari ini cukup cerdik karena ia dapat memanfaatkan
beberapa Search engine terkenal sebagai enginenya, diantanya Google, Yahoo, MSN,
Gigablast, Exalead, Alexa, Accoona  dan Mojeek. jadi bisa dikatakan zuula
adalah semacam portal yang berguna dalam memudahkan pencaian.








Zuula tentu saja memberikan kita kemudahan cepat dalam
melakukan pencarian, terutama kita hanya melakukan perpindahan  tab untuk
melakukan pencarian ke search engine yang lain, kelebihan lainnya pada meta
search engine dimana zuula  akan menampilkan pencarian terpisah dalam
kategori yang berbeda, yaitu web, images, video, news, blog, jobs. Kunjungi
zuula di sini http://www.zuula.com



thumbnail Title: Search engine Zuula bikin ketagihan :)
Posted by:Unknown
Published :2008-01-25T10:02:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Search engine Zuula bikin ketagihan :)
Read More

Selasa, 22 Januari 2008

O-Mail: Free 6 GB e-mail account (namakamu@o-om.com)

12.29    No comments




O-Mail (O-OM Mail) merupakan
layanan E-mail gratis dari o-om.com yang dipersembahkan kepada
pengunjung setia
O-OM'S BLOG. Account di O-MAIL merupakan kerja sama o-om.com
dengan Google Mail (Gmail), karena mengunakan engine Gmail jadi jangan
ragu dengan masalah keamanan data berupa "Spam" atau "virus" dan sejenisnya.
Daftarkan
segera E-mail gratis dari O-Mail dengan account email
namakamu@o-om.com. Sebelum mendaftar sebaiknya baca syarat pendaftaran dan
kebijakan dari O-Mail sebagai berikut:


 



Syarat penggunaan dan kebijakan
dari O-Mail:




  • Semua kesalahan dan penyalahgunaan account email yang
    dilakukan merupakan tanggung jawab sendiri pengguna free account di O-Mail.



  • Pengguna tidak diperbolehkan menggunakan account email
    untuk tujuan spam, email bomb, mail virus, email carding dan sejenisnya.



  • Nama account email tidak dapat diubah, jadi pertama kali
    daftar harus benar-benar yakin.



  • Satu user hanya bisa mendapatkan 1 Account email.



  • Jika lupa password atau ingin mengganti password, anda
    harus mempunyai ID Code, tanpa kode tersebut O-Mail  tidak akan pernah
    memberikan password anda yang baru.



  • O-Mail berhak menghapus Account email anda jika diketahui
    disalahgunakan.



  • Kebijakan dan perysaratan dari O-Mail bisa berubah
    sewaktu-waktu tanpa konfirmasi terlebih dahulu.





Cara Mendaftar ke O-Mail:


Kirim E-mail ke
admin@o-om.com berupa input data yang tertera dibawah ini, email yang
dikirim akan diproses dalam waktu 1x24 jam atau mungkin lebih (proses dilakukan
secara manual), jika terjadi penerimaan maupun penolakan tetap akan di
konfimasikan balasan ke email anda.




Contoh Input Pendaftaran:


Nama lengkap: Agus ramadhani


Alamat blog/site: namablog.blogspot.com


Lokasi anda sekarang: Yogyakarta


Nama email yang diminta: Namakamu@o-om.com


Password yang diminta: tulis minimal 6
karakter


ID Code : Tulis 5 angka acak Contoh
73634 (ini digunakan sebagai bukti verifikasi jika anda lupa password,
Harus dicatat dan diingat!!)




Warning ! Password yang
dikirim harus benar-benar baru dan belum pernah digunakan sebelumnya, jangan
kirimkan password email lama atau password adsense atau password penting yang
pernah anda gunakan. hal ini untuk menghidari hal yang tidak dinginkan di
kemudian hari. Password juga dapat diganti oleh anda sendiri kapan saja ketika
anda dalam keadaan aktif login email, dalam hal ini password anda akan tetap
aman)




Selamat bergabung di O-Mail.



thumbnail Title: O-Mail: Free 6 GB e-mail account (namakamu@o-om.com)
Posted by:Unknown
Published :2008-01-22T12:29:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 O-Mail: Free 6 GB e-mail account (namakamu@o-om.com)
Read More

Download Gratis Free Blogger Templates

10.13    No comments

thumbnail Title: Download Gratis Free Blogger Templates
Posted by:Unknown
Published :2008-01-22T10:13:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Download Gratis Free Blogger Templates
Read More

Membuat Anu Supaya Selalu Berada Di pojok

05.08    No comments

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini :D trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.


#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }



3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>


<div id="trik_pojok">
<a href="http://trik-tips.blogspot.com">
<img src="http://http://superinhost.com/images/soniclari.gif" border="0" /></a>
</div>



"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu.
"http://superinhost.com/images/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

thumbnail Title: Membuat Anu Supaya Selalu Berada Di pojok
Posted by:Unknown
Published :2008-01-22T05:08:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Membuat Anu Supaya Selalu Berada Di pojok
Read More

Senin, 21 Januari 2008

Cara menampilkan pesan pada jam tertentu (Time Message)

09.18  , ,  No comments



Pernah terpikirkan untuk menampilkan pesan pada jam tertentu (Time
Message) pada blog kita? tentu saja ya, Ada kalanya ketika sedang tidak
online kita ingin memberikan pesan kepada pengunjung mengenai keadaan kita saat
ini misalkan, "maaf, saya jam 1 ada rapat jadi gak bisa online" atau "jangan
lupa ya sekarang pukul 13.00 jadi acara kumpul blogger akan dimulai" atau
sebagai alarm plus pesan pengingat berguna.






Menampilkan pesan pada jam tertentu (Time Message) tentu saja sangat
membantu, disisi lain pengunjung juga akan mengetahui informasi apa yang ingin
kita sampaikan pada jam berikutnya tanpa harus online sekedar menulis pesan.
Selain menambah nilai plus berupa pesan singkat, blog kita juga tentu saja
terlihat berbeda :). Ok ikuti terus tutorial ini untuk cara pemasangan kodenya:







Cara Pasang Time Message:


Cara pasang pada blog tinggal copi-paste aja kode dibawah ini dengan
menambahkan elemen halaman baru, kemudian jangan lupa mengedit pesan yang ingin
ditampilkan yang ditandai dengan teks berwarna merah
dibawah ini.




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

document.write("<left><font size=+1>")

day = new Date()

hr = day.getHours()

if (hr == 1)

document.write("pesan jam 1 pagi")

if (hr == 2)

document.write("pesan jam 2 pagi")

if (hr == 3)

document.write("pesan jam 3 pagi")

if (hr == 4)

document.write("pesan jam 4 pagi")

if (hr == 5)

document.write("pesan jam 5 pagi")

if (hr == 6)

document.write("pesan jam 6 pagi")

if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10))

document.write("pesan jam ini berlangsung pada jam
7,8,9,10 pagi")

if (hr == 11)

document.write("pesan jam 11 pagi")

if (hr == 12)

document.write("pesan jam 12 siang")

if (hr == 13)

document.write("pesan jam 1 siang")

if ((hr == 14) || (hr == 15) || (hr == 16))

document.write("pesan jam ini berlangsung pada jam
2,3 dan 4")

if ((hr == 17) || (hr == 18) || (hr == 19) || (hr == 20) || (hr == 21) || (hr ==
22))

document.write("pesan jam ini berlangsung pada jam
5,6,7,8 sore - malam")

if (hr == 23)

document.write("pesan jam 11 malam")

if (hr == 0)

document.write("sudah tengah malam saya tidur dulu
ya")

document.write("</font></left>")

// End -->

</SCRIPT>

 




Kemungkinan yang ditanyakan:




if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10))

document.write("pesan jam ini berlangsung pada jam
7,8,9,10 pagi")




Penjelasan code diatas, ini berarti kita membuat pesan yang sama pada jam
yang sudah di tentukan misalnya pada jam 7,8,9,10 pagi.
Jika ingin menampilkan pesan pada jam berbeda tinggal di lakukan sedikit
perubahan pada kode seperti dibawah ini :




if ((hr == 7)


document.write("pesan jam
7 pagi")


 if  (hr == 8)


document.write("pesan jam
ini 8 pagi")


if  (hr == 9)


document.write("pesan jam
ini 9 pagi")


if  (hr == 10))


document.write("pesan jam
10 pagi")








Menambahkan permintaan teman kita mengenai bagaimana jika menampilkan
ketika contoh jam antara 1:00 - 1:20 atau hanya tampil jam 1:20?



 



Berikut kode yang ditambahkan pada script sebelumnya:



 



now = new Date()





if (now.getMinutes() < 10) {

document.write("ini tampil jam antara jam 1:00 - 1:10")

}

else if (now.getMinutes() == 20) {

document.write("ini tampil jam 1:20")

}

else if (now.getMinutes() < 30) {

document.write("ini tampil jam antara jam 1:00 - 1:30 ")

}

else {

document.write("pesan jam 1 pagi")

}

 



 


Kode Selengkapnya:




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

document.write("<left><font size=+1>")

day = new Date()

hr = day.getHours()


now = new Date()

if (hr == 1)


if (now.getMinutes() < 10) {

document.write("ini tampil jam antara jam 1:00 - 1:10")

}

else if (now.getMinutes() == 20) {

document.write("ini tampil jam 1:20")

}

else if (now.getMinutes() < 30) {

document.write("ini tampil jam 1:00 - 1:30 ")

}

else {

document.write("pesan jam 1 pagi")

}

document.write("pesan jam 1 pagi")

if (hr == 2)

document.write("pesan jam 2 pagi")

if (hr == 3)

document.write("pesan jam 3 pagi")

if (hr == 4)

document.write("pesan jam 4 pagi")

if (hr == 5)

document.write("pesan jam 5 pagi")

if (hr == 6)

document.write("pesan jam 6 pagi")

if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10))

document.write("pesan jam ini berlangsung pada jam 7,8,9,10 pagi")

if (hr == 11)

document.write("pesan jam 11 pagi")

if (hr == 12)

document.write("pesan jam 12 siang")

if (hr == 13)

document.write("pesan jam 13 siang")

if ((hr == 14) || (hr == 15) || (hr == 16))

document.write("pesan jam ini berlangsung pada jam 2,3 dan 4")

if ((hr == 17) || (hr == 18) || (hr == 19) || (hr == 20) || (hr == 21) || (hr ==
22))

document.write("pesan jam ini berlangsung pada jam 5,6,7,8 sore - malam")

if (hr == 23)

document.write("pesan jam 11 malam")

if (hr == 0)

document.write("sudah tengah malam saya tidur dulu ya")

document.write("</font></left>")

// End -->

</SCRIPT>




Tinggal ditambah dan di modifikasi ya untuk jam yang lain. kalo masih bingung
bisa tanya lagi :)




Selamat mencoba, Happy blogging :)


thumbnail Title: Cara menampilkan pesan pada jam tertentu (Time Message)
Posted by:Unknown
Published :2008-01-21T09:18:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Cara menampilkan pesan pada jam tertentu (Time Message)
Read More

Jumat, 18 Januari 2008

5 jam akses blogger error (sebaiknya lakukan backup data)

19.40  ,  No comments

Dari kemaren sampai hari ini sering terjadi masalah mulai
dari Feedburner
count yang kacau ( tapi kren ya dari 98 ke 830) , sitemeter dan
extreme
tracker yang tidak bisa melakukan tracking dengan baik dan  yang parah
blog http://www.o-om.com  gak bisa
diakses sekitar 5 jam (kemaren pagi),  ini juga terjadi pada beberapa blog
rekan yang lain . Hanya sekedar mengingatkan sebaiknya ambil langkah lakukan
backup data secepatnya, kita gak bakal tau apa yang terjadi selanjutnya.


 


Baca cara backup data:




Solusi Backup Blogger (Posting, Komentar, Template)




Backup Blogger menggunakan layanan (BlogBackupOnline)



Blogger Backup
Utility (VB.Net open source)


 


Untuk backup element halaman -> Copy-Paste aja kodenya ke
notepad dan simpan di kompi kalian :)



 


Saran :


Sebaiknya backup data ke wordpress karena prosesnya lebih
mudah (semua post dan komentar juga masuk dalam proses backup)


Cara Backup :


Pada halaman masuk ke tab Kelola -> ke tab Impor
-> pilih Blogger -> ikuti intruksi yang ada


 


Semoga info ini bermanfaat dan don't panic ok -> kayaknya
cuma om ya yang panic :)

thumbnail Title: 5 jam akses blogger error (sebaiknya lakukan backup data)
Posted by:Unknown
Published :2008-01-18T19:40:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 5 jam akses blogger error (sebaiknya lakukan backup data)
Read More

Cara menampilkan posting yang berkaitan (Related Posts)

04.54  , ,  No comments

Related Posts atau biasa disebut "link yang bekaitan", "artikel pada
kategori yang sama", "artikel yang bertautan", "postingan terkait" atau apa aja
namanya, merupakan bagian judul posting terkait dan biasanya ditampilkan
berdasarkan penamaan label (kategori), Realated Post ini biasanya
berupa link yang tampilkan dibawah postingan tunggal tepatnya di bawah kolom
komentar. Keuntungan dengan pemasangan post yang berkaitan tentu saja akan
mempermudah pengunjung blog kita untuk menemukan artikel terkait tanpa harus
menuju dan membuka satu persatu halaman dalam link label. Agar gak bingung lihat gambar
dibawah ini:








Kayaknya gak usah dibahas panjang lebar ya, pasti rekan semua dah ngerti maksudnya. OK langsung aja ke proses pemasangan :)






Langkah I:






Masuk pada Template -> Edit HTML -> kemudian masukan kode javascript dibawah ini diantara kode
<head>..</head> atau lebih
mudahnya cari kode </head> saja, kemudian
letakan kodenya diatas kode  </head> ->
jangan lupa disimpan




<script type="text/javascript">

//<![CDATA[

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

function related_results_labels(json) {

 for (var i = 0; i < json.feed.entry.length; i++) {

 var entry = json.feed.entry[i];

 relatedTitles[relatedTitlesNum] = entry.title.$t;

 for (var k = 0; k < entry.link.length; k++) {

  if (entry.link[k].rel == 'alternate') {

   relatedUrls[relatedTitlesNum] = entry.link[k].href;

   relatedTitlesNum++;

   break;

  }

 }

 }

}

function removeRelatedDuplicates() {

 var tmp = new Array(0);

 var tmp2 = new Array(0);

 for(var i = 0; i < relatedUrls.length; i++) {

  if(!contains(tmp, relatedUrls[i])) {

   tmp.length += 1;

   tmp[tmp.length - 1] = relatedUrls[i];

   tmp2.length += 1;

   tmp2[tmp2.length - 1] = relatedTitles[i];

  }

 }

 relatedTitles = tmp2;

 relatedUrls = tmp;

}

function contains(a, e) {

 for(var j = 0; j < a.length; j++) if (a[j]==e) return true;

 return false;

}

function printRelatedLabels() {

 var r = Math.floor((relatedTitles.length - 1) * Math.random());

 var i = 0;

 document.write('<ul>');

 while (i < relatedTitles.length && i < 20) {

  document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r]
+ '</a></li>');

  if (r < relatedTitles.length - 1) {

   r++;

  } else {

   r = 0;

  }

  i++;

 }

 document.write('</ul>');

}

//]]>

</script>




Langkah II:




Masuk pada Template -> Edit HTML -> jangan lupa beri tanda
centang pada Expand Widget Template -> cari kode dibawah ini.




     <b:if cond='data:post.labels'>

          <data:postLabelsLabel/>

          <b:loop values='data:post.labels'
var='label'>

            <a expr:href='data:label.url'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

          </b:loop>

        </b:if>




Jika sudah ketemu, masukan kode berwarna merah dibawah diantara kode diatas.




     <b:if cond='data:post.labels'>

          <data:postLabelsLabel/>

          <b:loop values='data:post.labels'
var='label'>

            <a expr:href='data:label.url'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

<b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"'
type='text/javascript'/>

</b:if>

          </b:loop>

        </b:if>




Pada proses ini pengeditan pada kode HTML sudah selesai, Jangan lupa disimpan






Langkah III:






Masuk pada Template -> Elemen halaman -> kemudian buat elemet
baru atau klik "Tambahkan sebuah Elemen Halaman" -> copy-paste kode
dibawah ini dan jangan lupa memberikan nama judul misal, "Artikel pada kategori
yang sama" -> kemudian jangan lupa disimpan.




<script type="text/javascript">

 removeRelatedDuplicates();

 printRelatedLabels();

</script>





Langkah IV:




Agar related post ini tidak tampil pada halaman utama dan hanya tampil
pada halaman posting tunggal maka kita perlu penambahan beberapa kode, caranya:


Masuk pada Template -> Edit HTML -> jangan lupa beri tanda
centang pada Expand Widget Template -> cari kode dibawah ini, sebisanya
cari sesuai dengan title yang kita masukan, sebagai contoh, tadi saya memberi
mana dengan  Artikel pada kategori yang sama,
jika sudah ditemukan masukan ke dua kode berwarna merah dibawah.


Catatan: dibawah ini ada kode HTML13 ini jangan
dijadikan patokan pencarian, sebaiknya abaikan saja karena setiap elemen pasti
berbeda-beda, cukup cari title saja.






<b:widget id='HTML13'
locked='false' title='Artikel pada kategori yang
sama' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != ""'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>



  <b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>






Selamat mencoba, Happy Blogging :)



thumbnail Title: Cara menampilkan posting yang berkaitan (Related Posts)
Posted by:Unknown
Published :2008-01-18T04:54:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Cara menampilkan posting yang berkaitan (Related Posts)
Read More

Kamis, 17 Januari 2008

Tertipu Artis Bugil

13.13    No comments

Waduh, judulnya ngeriii... :o
Eiitt.. jangan salah sangka dulu, ini kan bukan situ porno, terus kenapa judulnya gitu?
gini ceritanya, di daftar menu blog ini dulu yang paling pojok kanan adalah menu "Profil" tapi karena aku malu :$ memasang profilku jadi aku ganti dengan menu yang lain, dan iseng-iseng aku pasang menu "Artis Bugil", padaha isinya cuman tipuan. Dan ternyata nih banyak juga yang tertipu dengan link tersebut, maksudku sih bukan untuk untuk menipu tapi cuman iseng kok :D

Tapi yang lebih heboh gini nih, aku lihat distatistik blog ini lewat sinystat, dari sekian banyak orang yang nyasar ke blog ini, 32% lebih adalah pengunjung lewat search engine. Dan dari keyword yang diketikkan disearch engine, ada beberapa keyword yang menyangkut tentang menu "artis bugil" tersebut, diantaranya keyword Artis Bugil, Blog Artis, Bugil, Artis, Artis artis bugil, blog bugil dan lain-lain. Dan anehnya keyword "Artis Bugil" ada di urutan atas. Fenomena apakah ini? padahal aku cuma menaruh tulisan "artis bugil" cuman sekali dari keseluruhan isi blog ini. Begitu sayangnyakah Om Google dengan blog ini?, sehingga walaupun cuma dengan dua kata saja sudah bisa masuk jajaran depan dari daftar pencarian mealui search engine googe.

Dan sekarang menunya sudah aku ganti dengan "Free Ebook" isinya adalah situsku yang lain yang berisi daftar ebook yang bisa di download gratis, bagi yang berminat silahkan aja klik menu tersebut. Yak gitu aja ceritanya, sekian, terima kasih, mau tidur lagi ah... :s :s :s :s

thumbnail Title: Tertipu Artis Bugil
Posted by:Unknown
Published :2008-01-17T13:13:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Tertipu Artis Bugil
Read More

Selasa, 15 Januari 2008

Subdomain: Alternatif alamat blog lebih dari satu (penjelasan pada DNSPark)

09.24  ,  No comments

Subdomain adalah bagian dari sebuah
nama
domain induk. Subdomain umumnya mengacu ke suatu alamat fisik di
sebuah situs contohnya: wikipedia.org merupakan sebuah domain induk. Sedangkan
id.wikipedia.org merupakan sebuah sub domain. Subdomain juga sebagai
Third level domain. ( kutipan dari

id.wikipedia.org)

Bagi rekan yang punya blog lebih dari satu sebaiknya tidak
perlu melakukan registrasi domain baru, cukup gunakan saja Subdomain
sebagai solusinya. selain tidak mengeluarkan tambahan biaya, cara ini juga
praktis dan tentu saja Gratis. Namun sebelum melakukan Subdomain tentu
saja kita harus memiliki minimal satu namadomain aktif. Sebagai contoh saya mengambil
nama domain saya o-om.com ini merupakan domain induk dan www.o-om.com
sebagai nama Subdomain utama, perlu diketahui karena kita menggunakan
Free DNS jadi kita tidak bisa bisa melakukan redirect ke o-om.com jadi
kita harus membuat alias records (CNAME) dengan menambahkan www (www.o-om.com)
sebagai subdomain. Sama halnya dengan alamat blog contoh:
cinta-oom.blogspot.com yang akan di- redirect ke subdomain
cinta-oom.o-om.com. Agar lebih mudah lihat contoh dibawah ini





Contoh Subdomain untuk o-om.com, ini ibarat saya punya 4
alamat blog yang berbeda pada blogger:




BlogUtama.blogspot.com -> menjadi ->
www.o-om.com


namablog1.blogspot.com ->
menjadi -> namablog1.o-om.com


namablog2.blosgpot.com ->
menjadi -> namablog2.o-om.com


namablog3.blosgpot.com ->
menjadi -> namablog3.o-om.com




Praktis khan kita tidak perlu membeli domain baru dan
hanya cukup menggunakan satu domain saja.




Bagaimana cara menambah subdomain?




Karena saya menggunakan Free DNS pada DNSPark jadi penjelasan
hanya pada layanan ini saja. Dan tentu saja kita sudah memiliki minimal satu
domain aktif yang terdaftar pada DNSpark.




1. lakukan proses login.


2. Kemudian pada Configuration Menu -> pilih DNS
Hosting -> Add Domains


3. Pilih yang no 2 yaitu Enter a domain:


4. Kemudian pada Enter new domain: masukan nama domain
kita tanpa www ( contoh: o-om.com.com)


5. Jika sudah lalu tekan tombol "Add now" sampai
disini nama domain kita telah disimpan.


6. Kemudian pada Domain List -> pilih nama domain yang
baru kamu masukan.


7. Lalu klik Alias Records


8. Kemudian tuju ke tulisan
Add new alias records for (contoh: o-om.com) masukan
www pada Host Name dan ghs.google.com
pada Destination Name (www -> sebagai
subdomain utama) untuk subdomain baru tinggal tambahkan saja alias recordnya
seperti memasukan alamat subdomain www.







9. Jika sudah klik tombol Add Alias


10. Sampai disini konfigurasi untuk
DNS sudah selesai.




Cara Setting Subdomain pada blogger:




Pilih tab Pengaturan -> Publikasikan -> arahkan pada
"Domain Anda" kemudian masukan nama domain sesuai dengan subdomain yang
telah dibuat. ( ingat! alamat blog yang akan diganti dengan subdomain tentu saja
harus bener-benar sesuai alamat tujuan)




Contoh setting pada blogger:







Pada tahapan ini semua proses telah selesai...dan selamat sudah punya nama
subdomain sendiri :)



thumbnail Title: Subdomain: Alternatif alamat blog lebih dari satu (penjelasan pada DNSPark)
Posted by:Unknown
Published :2008-01-15T09:24:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Subdomain: Alternatif alamat blog lebih dari satu (penjelasan pada DNSPark)
Read More

Minggu, 13 Januari 2008

New! Tips of the day : Tips harian tampil berdasarkan tanggal

10.13  , , ,  No comments

Tips of the day merupakan tips singkat yang akan
disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa
berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips
bercinta dan lain sebagainya.  (Banyak rekan sahabat blogger yang
sudah memasang
tips of
the day dengan code yang pertama..sudahkah anda...?)


Tutorial sebelumnya sudah kita pelajari bagaimana membuat
Random
tips of the day dimana tips tersebut akan tampil secara acak ketika
pengunjung melakukan refresh atau reload pada halaman, yang membedakan tips
of the day sekarang dengan sebelumnya kali ini kita benar-benar membuat
tips of the day yang dapat tampil berdasarkan tanggal hari ini, jadi selama
31 hari pengunjung  akan menerima tips yang berbeda dalam jangka waktu satu
hari selama 1 x 24 jam. Sedikit saya beri masukan, sebenarnya tips ini tidak
hanya digunakan sebagai tips harian, rekan sebenarnya bisa menggunakan tips ini
misalnya, sebagai jadwal pengingat (alarm harian) jika pada tanggal tertentu
merupakan tanggal yang dirasa penting.




Cara memasang kode Tips of the day pada blogger :





Pada halaman Template -> klik Tambahkan sebuah
Elemen Halaman -> Copy-Paste semua kode dibawa ini.




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var Tips = new Array();

Stamp = new Date();

today = Stamp.getDate();

Tips[1] = "Tip 1";

Tips[2] = "Tip 2";

Tips[3] = "Tip 3";

Tips[4] = "Tip 4";

Tips[5] = "Tip 5";

Tips[6] = "Tip 6";

Tips[7] = "Tip 7";

Tips[8] = "Tip 8";

Tips[9] = "Tip 9";

Tips[10] = "Tip 10";

Tips[11] = "Tip 11";

Tips[12] = "Tip 12";

Tips[13] = "Tip 13";

Tips[14] = "Tip 14";

Tips[15] = "Tip 15";

Tips[16] = "Tip 16";

Tips[17] = "Tip 17";

Tips[18] = "Tip 18";

Tips[19] = "Tip 19";

Tips[20] = "Tip 20";

Tips[21] = "Tip 21";

Tips[22] = "Tip 22";

Tips[23] = "Tip 23";

Tips[24] = "Tip 24";

Tips[25] = "Tip 25";

Tips[26] = "Tip 26";

Tips[27] = "Tip 27";

Tips[28] = "Tip 28";

Tips[29] = "Tip 29";

Tips[30] = "Tip 30";

Tips[31] = "Tip 31";

function writeTip() {

document.write(Tips[today]);

}

// End -->

</SCRIPT>


<SCRIPT>

writeTip();

</SCRIPT>




Catatan : Jangan lupa mengganti dengan memasukan 31 tips pada code warna
merah diatas.


 

Selamat mencoba, Happy Blogging :)


thumbnail Title: New! Tips of the day : Tips harian tampil berdasarkan tanggal
Posted by:Unknown
Published :2008-01-13T10:13:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 New! Tips of the day : Tips harian tampil berdasarkan tanggal
Read More

Cara Mengganti Tanggal Posting dg Icon Calender

03.52    No comments

Akhirnya jadi juga, setelah beberapa hari nyari-nyari artikel tentang "cara mengganti tanggal dengan icon kalender" dan mengotak-atik template akhirnya berhasil juga aku membuatnya, fiuuhh :f dengan menghabiskan dana ber M-M (maksudnya Maribu, Mablas ribu) untuk melakukan penelitian dan dengan membanting keringat dan memeras tulang dan akhirnya berhasiiiiill..... Mau tahu cara membuatnya? jangan khawatir aku akan membagi-bagikan tutorial ini pada kalian dengan geratis (kalo ada yang mo bayar sih boleh aja :D ) yak mari kita mulai trik dan tipsnya.

Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpan

Langkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu. Yang nggak tahu caranya memback-template silahkan lihat dulu artikel ini. udah? kalo udah mari kita mulai ke jeroannya.

1. Cari kode ini <TITLE><data:blog.pageTitle/></TITLE> (tempatnya dibagian atas) kalo dah ketemu taruh script berikut ini dibawahnya persis

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>




2. kalo udah cari kode ini:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}


kalo ggak ada coba cari yang ini

h2.date-header {
margin:1.5em 0 .5em;
}



3. Kalo dah ketemu taruh script berikut dibawahnya

.dateblock {
background: url("http://img600.imageshack.us/img600/3576/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}



Kode http://img600.imageshack.us/img600/3576/bluecalend.gif
adalah gambar icon kalender. kamu bisa menggantinya dengan gambar-gambar dibawah ini caranya ganti kode gambar tersebut dengan kode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah, maka ganti kode tersebut jadi http://img837.imageshack.us/img837/9199/redcalend.gif

http://i246.photobucket.com/albums/gg91/elu_isme/blackcalend.gifhttp://img805.imageshack.us/img805/9918/blue2calend.gifhttp://img600.imageshack.us/img600/3576/bluecalend.gif
http://img837.imageshack.us/img837/4311/greencalend.gifhttp://img137.imageshack.us/img137/3329/orangecalend.gifhttp://img196.imageshack.us/img196/8339/pinkcalend.gif
http://img837.imageshack.us/img837/9199/redcalend.gifhttp://img220.imageshack.us/img220/3262/ungucalend.gifhttp://img818.imageshack.us/img818/1760/yellowcalend.gif


Trus kode color:#3366CC; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.

4. langkah selanjutnya yaitu kamu cari kode ini
<data:post.dateHeader/>, cara nyarinya biar gampang copy kode tersebut,
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>



5. Simpan Template kamu dan lihat hasilnya. Berhasil nggak ya? :t

Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {

NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya. :D

Selamat mencobaaaaaaaaaa!!!!!!!........

thumbnail Title: Cara Mengganti Tanggal Posting dg Icon Calender
Posted by:Unknown
Published :2008-01-13T03:52:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Cara Mengganti Tanggal Posting dg Icon Calender
Read More

Kamis, 10 Januari 2008

Manajemen Iklan: Random Banner Pada Satu Area

12.36  , , ,  No comments

Ada sesuatu yang lucu jika ingat minggu lalu ketika sahabat karib (bukan blogger) menanyakan
kepada saya bagaimana menampilkan iklan secara acak (Random banner) dalam
satu area. Pertama kali ditanyakan hal ini saya juga kebingungan mau jawab apa,
wong blog ini gak pernah ada iklan-nya apalagi mengelola pemasang iklan. Setelah
lama bercuap-cuap sahabat saya langsung nyeletuk "katanya blogger mania masa
buat koding untuk iklan aja gak bisa" Gubraaakkkk, gila.. nantang bener nih
orang. saya balas bertanya "kalo om bisa dikasih apa??" teman saya menjawab
"saya
traktir makan di cak koting (tempat makan terkenal di yogya)" OK, kasih om waktu
satu hari, kemudian kami pun bersalaman tanda sepakat. (akhirnya..om ditraktir makan hehehe)





Back ke laptop....sebenarnya membuat Iklan (Banner) satu tampilan
dalam satu area tidak terlalu sulit, kita hanya tinggal mengarahkan saja ke
lokasi gambar, namun yang jadi masalah bagaimana jika kita mempunyai 10 pemasang
iklan yang ingin ditampilkan dalam satu lokasi area, ini yang munkin menjadi
kendala utama pengelola iklan. Perlu diketahui bahwa banner yang kita buat nanti hanya
pada  Image Banner bukan sebagai Text Banner, iklan ini akan tampil secara
acak jika pengunjung melakukan reload atau refresh pada halaman. Lihat Random
Banner dengan iklan Dmoz dibawah sebagai contoh:










Contoh kode Dengan Javascript :




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var jumlah_iklan = 3;

var waktu_sekarang = new Date()

var detik = waktu_sekarang.getSeconds()

var pasang_iklan = detik % jumlah_iklan;

pasang_iklan +=1;

if (pasang_iklan==1) {

txt="Tulis Title";

url="Alamat URL";

alt="Alamat URL";

banner="Alamat URL Gambar";

width="468";

height="60";

}

if (pasang_iklan==2) {

txt="Tulis Title";

url="Alamat URL";

alt="Alamat URL";

banner="Alamat URL Gambar";

width="468";

height="60";

}

if (pasang_iklan==3) {

txt="Tulis Title";

url="Alamat URL";

alt="Alamat URL";

banner="Alamat URL Gambar";

width="468";

height="60";

}

document.write('<center>');

document.write('<a href=\"' + url + '\" target=\"_top\">');

document.write('<img src=\"' + banner + '\" width=')

document.write(width + ' height=' + height + ' ');

document.write('alt=\"' + alt + '\" border=0><br>');

document.write('<small>' + txt + '</small></a>');

document.write('</center>');

// End -->

</SCRIPT>






Penjelasan:




Jika ingin menambah jumlah iklan tinggal menambahkan saja code script-nya,
contoh diatas kita mempunyai 3 jumlah iklan yang ditampilkan, jika rencana
menambah 1 iklan lagi jangan lupa juga menambahkan nilai baru dengan 4,
begitupun seterusnya.  Lihat contoh kode dibawah:




if (pasang_iklan==4)
{

txt="Tulis Title";

url="Alamat URL";

alt="Alamat URL";

banner="Alamat URL Gambar";

width="468";

height="60";

}




Ups hampir lupa, jangan lupa menambah total jumlah iklan yang ditampilkan,
Contoh: var jumlah_iklan = 4;


 

Selamat Mencoba, Happy Blogging :)


 


ADA YANG MAU PASANG IKLAN DI BLOG INI ?? bisa hubungi saya via email: 
oom [at] o-om [dot] com




thumbnail Title: Manajemen Iklan: Random Banner Pada Satu Area
Posted by:Unknown
Published :2008-01-10T12:36:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Manajemen Iklan: Random Banner Pada Satu Area
Read More

Rabu, 09 Januari 2008

Trik & Tips Tutorial Blog

16.14    No comments

thumbnail Title: Trik & Tips Tutorial Blog
Posted by:Unknown
Published :2008-01-09T16:14:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
 Trik & Tips Tutorial Blog
Read More