Tips bagi Newbie

Membuat Salam Pembuka

2009-12-30T20:54:00.001-08:00

Tips yang akan Tips Trik Blog sajikan pada postingan kali ini adalah tips membuat salam pembuka pada blog yang mungkin sering Anda lihat atau bahkan telah Anda gunakan dalam blog Anda namun tidak ada salahnya untuk menampilkan kembali, siapa tahu ada di antara new blogger yang masih membutuhkan accessories blog yang tidak akan membuat blog Anda berat.

Tips kali ini masih ada hubungannya dengan postingan dengan tema serupa, yaitu Tips Alert Pada Blog, Tips Pesan Konfirmasi, Script Sapaan Pengunjung Blog, dan Tips Sapaan Pengunjung Blog bagian Kedua. Oleh katena itu, untuk lebih lengkapnya, Anda dapat mengkombinasikan sendiri dari tips-tips tersebut juga tips yang disajikan berikut ini.

Intinya pengunjung “dimohon” untuk mengetikkan namanya kemudian dengan nama yang diketikkan tersebut untuk memberi ucapan salam perkenalan dan lain-lain sesuka kita.

Scriptnya adalah seperti di bawah ini.

<script type='text/javascript'>
var name = prompt("Selamat Datang!! Boleh Tahu Namanya?", "Nama Anda ");
alert("Salam Kenal "+name)
alert("Selamat Surfing di Blog Saya, Semoga Berkenan!!")
</script>

Teks yang berwarna merah dapat Anda kita ganti sesuai keinginan kita.

Kemudian copy script tersebut pada side bar bar Anda, dengan langkah sebagai berikut.

Login ke http://blogger.com >> Dasbor >> Tata Letak (layout) >> Tambah Gadget >> HTML/Javascript >> kemudian pastekan kode tersebut >> Simpan Perubahan >> Selesai.

Hasilnya dilihat pada blognya masing-masing, ya!!

Migrasi dari wordpress ke blogger

2009-12-23T00:46:00.000-08:00

Saya sendiri merasakan kurang optimalnya fasilitas yang di berikan oleh wordpress, karena wordpress tidak bisa menampilkan kode javascript. Sedangkan rata – rata widget ataupun kode iklan sekarang menggunakan javascript. Nah bagaimana bisa bisnis adsense jika memasang kode javascript saja tidak bisa.

Untungnya ada fasilitas dari kedua situs ini yang menyediakan untuk export dan import dari satu blog ke blog lain. Caranya tidak panjang, sobat hanya membutuhkan waktu kurang lebih 15 menit saja, blog sobat yang tadinya berbasis wordpress, dalam waktu singkat bisa berubah jadi blogspot.

Tertarik ingin pindah ? sipp..silahkan siapkan kopi dan rokok biar lebih nikmat..

Berikut langkah – langkahnya :

Silahkan login ke Wordpress.
Masuk ke Dashboard.
Kemudian pilih Perkakas (Tools).
Pilih Export dan klik Download Export File.
Masuk ke http://wordpress2blogger.appspot.com/ dan Browse file yang tadi sobat export lalu klik Convert.
Sekarang masuk ke Blogger dengan ID sobat, buat blog baru atau jika sudah ada gunakan saja yang ada.
Tuju ke Pengaturan.
Lalu pilih Import Blog.
Pada jendela Import ini silahkan pilih file yang sudah di convert tadi (blogger-export.xml).
Jika sudah, jangan lupa checklist tanda yang ada dibawahnya, kemudian klik Import Blog.

Selesai sudah, sekarang blog sobat sudah berubah menjadi blogspot.

Selamat Mencoba.

Backlink

2009-12-23T00:41:00.001-08:00

Backlink, backlink, dan backlink.
Kalau ngobrol masalah SEO, pasti kata tersebut ambil bagian.

Banyakin backlink kalau mau dapat ranking bagus di search engine! Submit ke social bookmark untuk dapat backlink!

Namun sebenarnya, makhluk apa sih backlink itu? Sejenis undur-undur-kah? Atau masih ada hubungannya dengan spesies monyet biru? Bagi yang sudah mengenal jauh tentang SEO tentu akan manggut-manggut saja, tapi bagi newbie, mendengar kata backlink mungkin akan sama membingungkannya dengan pada saat mereka mendengar nama domain “llanfairpwllgwyngyllgogerychwyrndrobwyll-llantysiliogogogoch.com“. Nah supaya gak bingung lagi, mari kita intip bersama sosok sebenarnya dari backlink

Apa Itu Backlink?
Bahasa sederhananya, backlink atau tautan balik adalah link atau tautan yang didapat oleh situs kita dari situs lain. Misalnya, situs A memberikan link ke situs B, ini berarti situs B baru saja mendapat backlink dari situs A. Berarti pula, situs B saat ini memiliki 1 buah backlink. Tidak susah kan konsepnya?

Macam Backlink
Dari arusnya, backlink dapat dibedakan menjadi 3 bagian:

* One-way backlink

* Two-way backlink

* Three-way backlink

Yang pasti menjadi pertanyaan, mana di antara ketiganya yang paling baik? Jawabannya tergantung dari dua skenario berikut ini:

* Apabila situs yang memberikan backlink sudah terkenal dan memiliki posisi bagus di mesin pencari, maka backlink yang baik adalah tipe One-Way.
* Apabila situs yang memberikan backlink belum terkenal dan belum memiliki posisi bagus di mesin pencari (atau termasuk dalam dummy blog), maka backlink yang baik adalah tipe Three-Way.

Natural Backlink
Kondisi Natural Backlink atau backlink alami terpenuhi apabila backlink disisipkan dalam konten atau artikel dan dalam bentuk kalimat sehingga terkesan natural. Kebanyakan pemula mengira bahwa untuk mendapat backlink cukup dengan menyertakan link ke situs yang bersangkutan di bagian sidebar, padahal ini tidak tepat dan kurang optimal hasilnya. Selain itu, rawan dianggap sebagai paid link.

Text vs Banner
Satu lagi yang perlu diperhatikan, yang dihitung sebagai backlink oleh mesin pencari adalah link yang berupa teks (atau text link), bukan link yang ada dalam bentuk banner (banner link).

PageRank vs SERP
Apa sebenarnya tujuan dari mengumpulkan backlink? Menaikkan PageRank? Atau mendapatkan posisi yang baik di mesin pencari? Kedua jawaban tersebut memang benar, namun pada prakteknya ada sedikit perbedaan implementasi.

Untuk menaikkan PageRank, backlink yang kita miliki harus:

* Berasal dari situs dengan topik sejenis.

* Berasal dari situs yang PageRank-nya lebih tinggi. Namun tidak ada salahnya mengumpulkan backlink dari situs ber-PR berapapun karena tetap akan diperhitungkan dalam penilaian PageRank.

Sedangkan apabila tujuan kita adalah untuk menaikkan ranking di search engine, maka:

* Backlink dapat dikumpulkan dari berbagai situs. Tapi tetap saja, utamakan backlink dari situs bertopik sejenis. Backlink usahakan berupa Natural Backlink.

* Backlink harus menggunakan variasi keyword yang dibidik pada anchor text. Usahakan pula untuk melakukan deep linking atau link ke halaman-halaman lain pada situs yang bersangkutan.

Sumber Backlink
Pokok bahasan terakhir, darimana saja kita bisa mengumpulkan backlink? Atau, bagaimana caranya mendapatkan backlink sebanyak-banyaknya?

* Submit situs kita ke situs-situs social bookmarking. Yang perlu diingat, tidak semua situs social bookmark sekarang menghasilkan backlink.

* Membuat dummy blog.

* Berkomentar di blog yang atribut NoFollow-nya dimatikan. Seperti blog ini misalnya

* Membuat artikel menarik yang dapat memancing backlink.

Sebetulnya masih banyak lagi, jadi silahkan berkreasi sendiri saja. Yang jelas, HINDARI menggunakan tool-tool yang mengklaim bisa menghasilkan ribuan backlink bagi situs sobat dalam hitungan jam atau hari. Selain tidak efektif, juga 99% berpotensi dianggap spam oleh mesin pencari. Semoga bermanfaat ..

Membuat Top artikel

2009-12-23T00:21:00.000-08:00

Bulan ramadhan ini membuat saya agak malas untuk begadang, soalnya subuh sudah harus bangun untuk sahur. Jadi saya sempatkan untuk menulis postingan setelah sahur sampai pagi jam 7 karena setelah itu sudah harus berangkat kerja, duh jadi ngelantur nih, maklum puasa jadi agak - agak error..

Baiklah langsung pada topik kita kali ini, beberapa minggu yang lalu ada yang bertanya di kolom shoutbox tentang bagaimana caranya membuat top artikel. Padahal postingan ini dapat sobat temukan dibanyak blog yang berisi tentang “tutorial blog”. Nah karena saya sayang sama sobat blogger, makanya saya buatkan postingan cara membuat top artikel / post ini.

Seperti biasa, sobat login dulu ke blogger.
Kemudian tuju Elemen Halaman.
Klik Tambah Gadget.
Pilih yang Javascript / HTML.
Masukkan kode Javascript berikut ini :

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2FAlamatBlog.blogspot.com&num=10" type="text/javascript"></script>
Ganti tulisan yang saya tebalkan dengan alamat blog sobat, kemudian Simpan.

Coba sekarang sobat lihat hasilnya. Oke ya, enak dong mantab dong..Selamat mencoba, jangan bosan mampir ke blog go blog ya.

Pasang Iklan di bawah Postingan

2009-12-23T00:10:00.000-08:00

Setelah sobat mendapatkan script iklannya, silahkan sobat parse terlebih dahulu kode iklannya. Untuk memparse kode script iklannya, silahkan klik disini. Masukkan script iklan pada kolom yang tersedia, kemudian klik tombol Parse. Script iklan yang sudah sobat parse itulah yang akan di copy ke dalam HTML template sobat.

Login ke Blogger.
Klik Tata Letak.
Pilih Edit HTML -->> Contreng Expand Widget Template.
Kemudian cari kode yang seperti ini
atau
Jika sobat sudah menggunakan Read More, maka akan terdapat 2 kode , maka letakkan kode script yang tadi sudah sobat parse tepat dibawah kode yang pertama.
Jika sobat sudah menggunakan Read More dan juga Artikel terkait seperti blog saya, maka letakkan kode script iklannya setelah kode artikel terkait.
Kemudian Save Template dan lihat hasilnya.

Siippp..sekarang iklan sudah terletak dibawah postingan dan siap di klik oleh pengunjung. Selamat berkreasi !!

Memasang kode tukaran link

2009-12-23T00:07:00.000-08:00

Ada beberapa cara untuk meningkatkan rangking blog kita, salah satunya adalah dengan saling bertukar link atau yang biasa disebut tukeran link (link exchange).Sobat bisa tukaran link dengan sesama sahabat blogger, asalkan saling menguntungkan kenapa tidak kita coba pasang kode tukeran link di blog kita. Hasilnya, blog sobat bisa di akses oleh para pengunjung dari blog sahabat sobat, begitu pun sebaliknya blog milik sahabat sobat bisa diakses dari blog sobat.

Tukeran link ini sangat bermanfaat untuk meningkatkan rangking blog kita di google sekaligus menjalin hubungan yang baik antara sesama blogger. Jika link untuk mengakses ke blog kita terpasang pada blog orang lain yang sudah punya page rank yang tinggi, wah alangkah bagusnya karena blog kita bisa dengan cepat ikut terdongkrak posisinya.
Untuk yang berminat, berikut ada sedikit langkah untuk memasukkan kode tukeran link ke blog sobat.

Pertama, sobat harus membuat banner terlebih dahulu, bisa menggunakan photoshop atau dengan jasa pembuatan banner online yang tersedia di internet. Kemudian sobat upload gambar tersebut ke jasa penyimpanan online, bisa di Yahoo! Geocities atau Photobucket.

Seperti ini contoh file yang sudah saya upload ke Photobucket :

http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg

Setelah itu ubah menjadi seperti berikut ini :

http://miscah.blogspot.com" target="_blank">http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg" border="0" alt="Blogspot Tutorial">

Langkah selanjutnya :

Login ke Blogger dengan ID sobat, jangan pake ID orang ya tar ditangkap polisi loh.
Pilih Tata Letak.
Klik Elemen Halaman.
Klik Tambah Gadget --> pilih yang HTML/Java Script.
Kemudian masukkan kode tukaran link di bawah ini :

<br /><br /><a href="<span style=">http://miscah.blogspot.com</span>" target="_blank">http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg</span>" border="0" alt="<span style="color: rgb(204, 0, 0);">Blogspot Tutorial</span>"></a><br /><br />

sobat bisa lihat hasilnya dibawah ini :

<a href="http://miscah.blogspot.com" target="_blank"> </a>
Untuk melihat hasil banner sobat berada tepat diatas kode tukeran link bisa dicoba memakai tips berikut ini :

Link Exchange

Copy kode di bawah ke blog sobat, saya akan linkback kembali

http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg" border="0" alt="Blogspot Tutorial">

<br /><a href="<span style=">http://miscah.blogspot.com</span>" target="_blank"> http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg</span>" border="0" alt="<span style="color: rgb(204, 0, 0);">Blogspot Tutorial</span>"></a><br />

Hasilnya :

Link Exchange
Copy kode di bawah ke blog sobat, saya akan linkback kembali

<a href="http://miscah.blogspot.com" target="_blank"></a>

Lihat hasilnya yang sudah terdapat gambar dari banner kita diatas kode tukeran link. Jika sobat berminat untuk tukeran link dengan saya silahkan copy kode yang terdapat didalam text area diatas kedalam blog sobat, saya akan segera linkback sobat kembali. Thanks..

Cara Membuat Favicon

2009-12-22T23:45:00.000-08:00

Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari address bar atau judul halaman sebuah Website / Blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :

Jadi sobat sudah bisa membayangkan akan membuat favicon seperti apa untuk Blog sobat. Sobat bisa merancang sendiri lewat Photoshop atau kalo ga mau repot bisa mendownload gambar di Internet.

Bagaimana caranya membuat favicon nya ?
Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Sudah punya ? Oke, simak baik - baik caranya berikut ini...

I. Buka browser sobat dan arahkan ke alamat www.genfavicon.com

klik Browse dan cari gambarnya di komputer sobat. Kemudian klik Upload Image

Atur sendiri gambarnya, tarik kotak view sampai penuh (besar).

Klik ukuran yang sobat inginkan kemudian Klik Picture Preview. Sebaiknya pilih ukuran 125 x 125.

Selanjutnya klik Download Favicon

Langkah selanjutnya adalah sobat harus meng upload Favicon yang tadi ke tempat hosting gambar, contoh adalah ke Yahoo! Geocities. Klik disini untuk mengetahui cara upload filenya.
Sekarang anggap saja sobat sudah menyimpan Icon sobat di tempat penyimpanan online, seperti ini contoh filenya :

http://www.geocities.com/miskahiper/Money-Bag.ico

II. Buka Blogger, masuk menggunakan ID sobat.

Pilih Tata Letak.
Klik Edit HTML.
Pada halaman HTML, sobat harus mengganti tulisan yang saya tandai dengan warna merah dengan alamat url favicon sobat :

http://www.geocities.com/miskahiper/Money-Bag.ico' rel='shotcut icon'/>
Kemudian letakkan halaman url baru sobat diatas kode
Kemudian Save Template, mudah kan..

Selamat mencoba !!

Membuat Read More

2009-12-22T23:41:00.000-08:00

Apaan sih Read More itu ?

Read More.. atau Selengkapnya.. atau More Detail..adalah kata yang dipakai untuk mempersingkat tulisan pada Blog atau Website.
Misalnya tulisan yang sedang sobat baca sekarang ini, Saya memakai kata Read More.. dibawah tulisan ini untuk membawa pembaca ke isi tulisan secara lengkap/penuh.
Kali ini akan Saya bahas tentang membuat read more pada template baru (XML).

Sebagai catatan jangan memakai Internet Explorer jika ingin belajar bahasan ini, karena IE sering kali mengalami kegagalan pada saat setelah melakukan edit HTML pada Blog. Sobat bisa gunakan Mozilla Firefox atau Opera.

==Langkah Pertama==

Login Ke Blogger Menggunakan ID sobat
Klik Pengaturan
Kemudian klik Format
Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :
Kemudian Simpan Pengaturan

==Langkah Kedua==

Klik Tata Letak
Kemudian Klik Edit HTML, simpan dulu template sobat dengan menekan Download Template Lengkap. Backup template ini dimaksudkan agar jika terjadi kerusakkan pada proses edit HTML sobat bisa restore kembali template yang sudah sobat donwload tadi.
Beri tanda centang pada Expand Template
Cari kode dibawah ini pada template sobat
atau kode berikut, sama saja
Hapus Kode diatas dan ganti dengan kode dibawah ini :

Selengkapnya...
Kemudian Klik Save Template

Selamat Mencoba !

Note : Postingan yang ingin sobat tampilkan pertama letaknya diatas , sedangkan postingan selanjutnya setelah dan jangan lupa ditutup dengan

Membuat Buku TaMu

2009-12-22T23:29:00.001-08:00

Buku tamu ( shoutbox ) biasa digunakan untuk chatting di blog. Banyak blogger yang menggunakan sarana shoutbox ini, karena bentuknya sangat dinamis dan interaktif antara yang punya blog dengan pengunjung bisa saling berkomunikasi. Menurut pengalaman saya selama memakai shoutbox di sidebar saya, beragam pesan yang masuk, ada yang memuji, ada yang ingin tukeran link, bahkan ada juga yang pernah mengkritik blog saya, katanya blog saya terlalu banyak kode HTML-nya sehingga blog menjadi berat, berat ga sih blog saya ? berat ga, berat ga..ah biar aja yang penting keren..

Kita akan menggunakan jasa www.shoutmix.com. Selain bagus, shoutmix ini tergolong yang paling banyak di gunakan para blogger. Tidak usah panjang lebar, langsung saja kita menuju TKP..

Silahkan tuju browser sobat ke www.shoutmix.com
Kemudian Klik tombol Create Shoutbox.

Kemudian isikan data - data yang diperlukan.

Setelah itu klik Control Panel.
Pada gambar berikut, klik Get Codes.

Atur lebar dan tinggi shoutmix, kemudian copy kode HTML kedalam notepad.

Login ke Blogger dengan ID sobat.
Klik Tata Letak.
Klik Elemen Halaman.
Pilih yang HTML / Javascript.
Lalu copy paste kode HTML yang tadi sobat simpan di notepad ke dalam kolom kosong yang tersedia.
Simpan.

Untuk mengatur bentuk shoutmix, sobat bisa tuju Settings -->> kemudian pilih Display -->> Style & Colors. Siipp, selamat cuap - cuap ya..

Cara Memasang search engine

2009-12-22T23:25:00.000-08:00

Bagaimana caranya memasang Search Engine pada blog?

Bagi Anda yang sudah bergabung di Google Adsense, tentu untuk memasang Search Engine bisa memakai layanan dari Google Adsense tersebut. Setiap ada yang menggunakan Search Engine ini maka orang yang telah bergabung di Google Adsense akan mendapat imbalan atau income dari Google, semakin banyak pengunjung Blog menggunakan Search Engine tersebut, maka akan semakin banyak penghasilan yang di peroleh.
Tapi bagaimana jika Anda belum tergabung di Google adsense, dan tetap ingin memasang Search Engine di blog Anda agar pengunjung lebih mudah untuk mencari apa yang mereka inginkan di blog Anda.
Tidak perlu khawatir, karena Anda hanya memerlukan kode HTML untuk membuat Search Engine di Blog Anda, seperti ini :

<form id="searchform" action="<span style=">http://NamaBlogAnda.blogspot.com /search</span>" name="searchform" method="get"><input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form> <br />/></a>

Anda bisa mengganti tulisan yang saya tandai dengan warna merah dengan alamat Blog Anda sendiri tentunya, misalnya seperti ini :
http://miscah.blogspot.com/search

Sedangkan untuk kode ( value="Search" ). Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, jika ingin mengubahnya, Anda bisa mengubahnya menjadi :
Value=”Cari” agar tulisan yang muncul di Search Engine Anda adalah “Cari”.
Anda bisa mengubahnya sesuai keinginan Anda.

Berikut contoh hasil search engine dari script diatas :

Atau seperti ini :

Untuk template klasik Anda bisa mencarinya sendiri. Untuk yang template baru, Anda bisa memasukannya melalui Elemen Halaman kemudian pilih yang HTML/Javascript.

Selamat Mencoba !

Membuat Banner pada blog

2009-12-22T22:56:00.000-08:00

Agar blog kita kelihatan lebih bagus dan dinamis, ada baiknya kita pasang banner di beberapa sidebar blog kita. Banyak pengunjung blog yang langsung tertuju ke arah banner, apalagi jika kita punya banner yang interaktif dengan pengunjung.

Misalnya jika sobat terdaftar di suatu situs bisnis online, pastinya sobat akan mendapatkan banner untuk mempromosikan link url sobat di tempat sobat mendaftar. Banner yang diberikan berupa kode HTML yang bentuknya agak sedikit ribet, hehe..
tapi jika setelah kita copy paste ke blog kita, jadinya akan berupa gambar atau banner yang kita maksud.

Login ke Blogger menggunakan ID sobat.
Klik "Tata Letak".
Klik "Elemen Halaman".
Kemudian cari yang bertuliskan "Tambah Gadget"
Kemudian klik tambah "HTML / Java Script"
Copy paste kode HTML sobat kedalamnya, sobat bisa menambahkan judul diatasnya.
Klik Save.
Selamat Mencoba.

Membuat kalimat Marquee

2009-12-22T22:51:00.000-08:00

Salah satu contoh aplikasi marquee yang dapat kita terapkan dengan format seperti di bawah ini.

<marquee direction="left" scrollamount="4"><span><br />teks atau tulisan yang ingin ditampilkan<br /></span><br /></marquee>/></a>

Keterangan

Direction >> arah gerakan, dapat kita ganti dengan RIGHT
Scrollamount >> semakin kecil nilanya semakin cepat gerakannya, dapat kita ubah sesuai kebutuhan
Size >> ukuran huruf, semakin besar nilanya semakin besar pula ukuran hurufnya
Color >> warna huruf, dapat diubah sesuai selera masing-masing
Face >> jenis font, dapat diubah sesuai selera

Di mana kita menempatkanya pada blog kita? Sedapat mungkin di tempat yang “strategis” sehingga mudah dilihat pengunjung yang datang ke blog kita. Pada tips ini, Tips Blog mencoba menempatkan di tempat sedemikian rupa sehingga mudah dilihat. Anda pun dapat menempatkan di tempat lain sesuai selera Anda.

Login ke http://blogger.com hingga masuk halaman Kontrol Panel
Klik Tata Letak (layout)
Klik Edit HTML
Kemudian cari kode
Kemudian tempatkan kode html di atas tadi persis di bawah kode
Kemudian Simpan Template

Contohnya dapat dilihat pada blog Bisnis Internet.

Selamat Mencoba!!

membuat pengunjung blog kamu tahu jika kamu sedang online

2009-12-22T21:13:00.000-08:00

cara supaya pengunjung blog, friendster, atau website kita tau ketika kita sedang online adalah menggunakan feature yahoo messengger, dan tentunya kita harus punya yahoo id.

setelah dua syarat tadi terpenuhi kita tinggal copy kode di bawah ini (piilh yang suka)

<a href="ymsgr:sendIM?ai_amakusa"> </a>
jika online, jika offline

kode di atas terbagi menjadi dua bagian :

sebenarnya kode di atas disediakan oleh yahoo, tepatnya di yahoo geocities ... tp pada kode aslinya pengiriman pesan dilakukan bukan lewat yahoo messanger melainkan lewat web mesengger yahoo dan waktu saya coba loadingnya lama buangget jadi malassz deh...

nah klo pake kode di atas kan langsung pake YM jadi agak cepetan dikit ... tapi kelemahannya adalah klo komputer kita ga ada Yahoo Messengernya ... ya link pemanggil YM nya jadi ga jalan deh ....

Source:http://www.kolom-tutorial.blogspot.com

Mempercepat kinerja blog

2009-12-22T19:25:00.000-08:00

Wah berat bener nih blog.. saya jadi bosen nungguinnya mana billingnya jalan terus lagi kan saya bisa "tekor" nih!! ga' mw kn jadi salah satu orang ini.. nungguin blognya buka dengan sempurna lamanya minta ampun ya cape'deh.. kata orang klo blog kita berat itu bisa bikin pengunjung jadi bosen dan ga' mau datang lagi ke blog kita makanya jaga deh supaya blog kamu tidak berat, klo itu terjadi maka suatu hal yang buruk akan menimpamu... saya akan berikan tips suapaya blog kita tidak berat alias lamban.. 6 langkah yang harus dilakukan ialah :

Cek dulu seberapa berat Blog kmu dengan Website speed Test. Disana kmu masukkan Alamat blog/URL kamu ke kotak yang sudah ada disana.. klo sudah klik Check! dan lihat seberapa berat blog kmu. Klo hal yang buruk itu terjadi pada blog kmu maka 6 langkah harus dilakukan dengan seksama :

Kalau blogmu diisi dengan video, atau musik maka anda harus menggunakan file yang berukuran kecil seperti (MIDI atau WAV). Kenapa Video, serta musik biasanya menggunakan size yang besar sehingga dapat memberatkan blog mu.
Foto dan Gambar yang berukuran besar akan dapat meyebabkan blog kita berat juga lo, maka pakai lah format yang berukuran kecil GIF atau JPG atau editlah foto atau gambar mu dengan PICASA.
Perkecil penggunaan Java Script pada blog kamu.
Bersihkanlah HTML kodemu dengan hal yang tidak berguna yang memungkinkan dapat memberatkan blog.
Pergunakanlah Design Template yang simple, penggunaan design yang simple ini dapat mempercepat loading pada blogmu.
Cek kembali link-link yang kmugunakan sebagai BlogRoll.. mungkin saja Link yang lama sudah tidak berfungsi lagi dengan kata lain saat diklik.. maka akan muncul pesan "Maaf Blog Anda Tuju Sudah Tidak Aktif Lagi". Bisa saja kan seperti itu, karena segala kemungkinan itu bisa terjadi.

Itu lah sedikit ilmu dari saya mungkin berguna.. karena kecepatan loading pada blog atau website itu sangat berguna karena dapat menghemat pulsa dan uang anda...

Membuat high-light pada postingan

2009-12-22T19:12:00.000-08:00

Kalau kita baca buku atau novel pasti disana akan terlihat suatu kata/kalimat yang penting ditulis didalam kotak tertentu, misalnya pada penulisan sebuah surat didalm novel atau kata-kata mutiara, nah mungkin juga highlight ini digunakan untuk meletakkan suatu script atau kode-kode penting yang drasa perlu diingat oleh pembaca,dibawah ini ada sebuah contoh yang bisa anda jadikan bahan, apakah ini cocok dipakai atau tidak.

HTML

BAHASA PEMOGRAMAN

PUISI

nah untuk lebih tahu bisa baca bagaimana cara memakainya dan memasukkan kedalam blog anda.

Cara yang harus ditempuh yaitu :
1. Masuk ke akun blogger anda dan buatlah entri baru untuk menulis postingan.
2. Klik edit html, ada disudut kanan.
3. Tuliskan kode ini disana

<div style="background:#00F5F5; border:1px dashed #3D3DFF; padding:5px;">
TUliskan Textnya Disini...

Silahkan Menulis

</div>

Untuk kode warna bisa dilihat di Code Warna. Simpel kan semoga bermanfaat untuk anda yang membacanya.

Memasang favicon pada blog

2009-12-22T01:53:00.000-08:00

Setelah mempunyai favicon sendiri, baik yang didapatkan secara gratis di internet maupun dengan menggunakan favicon generator online (postingan tentang ini dapat dilihat di sini), langkah selanjutnya memasang Favicon Pada Blog. Seperti telah dijelaskan pada postingan sebelumnya tentang sedikit gambaran pentingnya favicon bagi brand image suatu blog, sebaiknya Anda tidak mudah untuk menggonta-gantinya atau mengubahnya dalam jangka pendek. Oleh karena itu, sebelum benar-benar memasangnya, pastikan favicon tersebut adalah yang terbaik dan benar-benar merepresentasikan blog Anda sehingga tidak ada alasan untuk menggantinya dalam jangka pendek karena hal ini akan merugikan Anda sendiri.

Langkah-langkahnya adalah sebagai berikut.

1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (lay out) >> Edit HTML >>

2. Kemudian cari kode yang terletak di antara kode dan .

3. Kemudian letakkan format kode ini di bawah kode tersebut.

http://URL_Image_Anda

' rel=’icon’ type=’image/x-icon’/>

Contohnya seperti di bawah ini. Anda ganti URL_Image yang berwarna merah dengan URL image milik Anda.

href=’http://www.geocities.com/yono_pati/favicon.ico’ rel=’icon’ type=’image/x-icon’/>

4. Kemudian Simpan Template

5. Selesai

Jika berhasil (Insya Allah berhasil lah), hasilnya seperti dapat dilihat pada blog Bisnis Internet ini.

Selamat Mencoba, ya, good luck.

(sumber : Anangku.blogspot.com)

2009-12-22T01:50:00.000-08:00

Mengganti Atau Menambahkan Image Pada Background : Jika pada kesempatan yang lalu, telah dijelaskan cara mengganti warna pada background maka kali ini, Tips dan Trik Blog akan menjelaskan cara mengganti image pada background. Pada prinsipnya, tips ini tidak berbeda jauh dengan tips sebelumnya, hanya mengganti kode warna dengan image (alamat URL image). Jika tertarik, silakan ikuti tipsnya berikut ini.

Sebelum melanjutkan, sebaiknya kita baca postingan tentang cara mengganti warna background terlebih dahulu karena tips kali ini masih berhubungan dengan tips tersebut. Jika sudah, mari kita lanjutkan kepada tips mengganti image pada backround berikut ini.

Yang perlu saya tekankan lagi adalah jangan lupa untuk melakukan pem-backup-an terlebih dahulu untuk mengatisipasi hal-hal yang tidak kita inginkan.

Langkah-langkah mengganti image pada background adalah sebagai berikut.

Pertama, seperti biasanya, lakukan login ke http://blogger.com hingga masuk Dasbor >> Edit HTML
Kedua, cari kode css body, dengan format seperti di bawah ini.

body {
……………..
……………..
}

Untuk mengganti atau menambahkan image pada background, kita harus menambahkan atau mengganti kode dengan format berikut pada tag body tersebut.

background-image: url(alamat_URL_image)

Catatan :

alamat_URL_image adalah alamat image yang sudah kita upload pada photo hosting. Sebagai contoh seperti di bawah ini.

body {
background-image:url(http://www.geocities.com/yono_pati/blue.jpg);
…………..
………….
}

Jika menginginkan, kita dapat mengganti atau menambahkan image background pada sidebar yang berbeda dan formatnya seperti di bawah ini.

#sidebar-wrapper {
background-image:url(alamat_URL_image);
........
........
}

Jika menginginkan image background pada bodi postingan yang berbeda, kita dapat menuliskannya dengan format seperti di bawah ini.

#main-wrapper {
background-image:url(alamat_URL_image);
…………
…………
}

Ketiga, simpan template
Keempat, selesai

Sebagai contoh, kita akan mengganti image background pada template Minima, milik Blogspot. Pada template tersebut, kita dapat menemukan kode css body-nya adalah seperti di bawah ini.

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Untuk menambahkan image background (misalkan dengan alamat_URL “http://www.geocities.com/yono_pati/blue.jpg”) adalah menjadi seperti di bawah ini.

body {
background:$bgcolor;
background-image:url(http://www.geocities.com/yono_pati/blue.jpg);
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Untuk menambahkan image pada background sidebar, cari kode css sidebar, seperti di bawah ini.

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Misalkan, kita ingin menambahkan image (dgn alamat_URL "http://www.freebackgrounds.com/back-283.gif") tambahkan kode yang berwarna merah, sehingga menjadi seperti di bawah ini.

#sidebar-wrapper {
background-image:url(http://www.freebackgrounds.com/back-283.gif);
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Untuk mengganti/menambah image background pada bodi postingan, cari kode css main-wrapper, seperti di bawah ini.

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Misalkan kita ingin menambahkan image background (dgn alamat_URL "http://www.geocities.com/yono_pati/batahijau.gif) maka tambahkan kode yang berwarna merah sehingga menjadi seperti di bawah ini.

#main-wrapper {
backgroung-image:url(http://www.geocities.com/yono_pati/batahijau.gif);
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Begitu juga jika kita ingin menambahkan image pada header dan footer maka kita harus menambahkan kode "background-image:url(alamat_URL_image)" pada kedua kode css tersebut.

Hasilnya, seperti screenshot di bawah ini.

PERINTAH PERULANGAN IMAGE (REPEAT BACKGROUND IMAGE)

Secara default, image akan ditampilkan secara berulang-ulang untuk memenuhi seluruh halaman blog. Misalkan kita mempunyai image berupa gambar buku kecil maka seluruh halaman akan diisi penuh dengan gambar-gambar buku kecil tersebut hingga memenuhi seluruh halaman blog. Jika menginginkan, kita dapat melakukan kustomasi terhadap perulangan image tersebut dengan pilihan perintah sebagai berikut.

background-repeat:no-repeat;

Dengan perintah tersebut maka tidak ada pengulangan image yang ada.

background-repeat:repeat-x;

Dengan perintah tersebut, image akan ditampilkan berulang-ulang secara horizontal.

background-repeat:repeat-y;

Dengan perintah tersebut, image akan ditampilkan berulang-ulang secara vertical.

MENENTUKAN POSISI IMAGE BACKGROUND (POSITION BACKGROUND IMAGE)

Jika menginginkan, kita dapat menentukan posisi image pada posisi tertentu di dalam suatu halaman blog. Kombinasi posisi dapat dipilih adalah di antara berikut ini.

top left;
top center;
top right;
center left;
center center;
center right;
bottom left;
bottom center;
bottom right;

Contoh formatnya adalah seperti di bawah ini.

background-position:center center;

Dengan perintah tersebut, image akan berada pada posisi tengah baik secara horizontal maupun vertikal.

Selain itu, kita juga dapat menentukan posisi dengan prosentase atau dalam pixel tertentu, seperti di bawah ini di mana x adalah mewakili nilai horizontal sedangkan y mewakili nilai vertical.

x% y%
xpx ypx

Sebagai contoh, jika kita menginginkan image berada pada posisi 20% secara horizontal dan 10% vertical maka formatnya adalah sebagai berikut.

background-position:20% 10%;

MEMBUAT IMAGE BACKGROUND STATIS

Secara default, image background akan bergerak mengikuti pergerakan scroll baik ke atas maupun ke bawah. Jika menginginkan, kita dapat membuat image tersebut menjadi statis atau tidak bergerak ketika kita melakukan scroll terhadap halaman blog. Perintahnya adalah sebagai berikut.

background-attachment:fixed;

APLIKASI SEMUA PERINTAH

Jika kita memasukkan semua unsur perintah seperti yang telah kita bahas di atas maka kita akan mendapati kode khusus untuk image pada tag body adalah sebagai berikut.

body {
background-image:url(http://www.geocities.com/yono_pati/blue.jpg);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
}

Jika menginginkan, kita dapat meringkas perintah-perintah tersebut menjadi seperti di bawah ini tentunya dengan hasil yang sama.

body {
background: url(http://www.geocities.com/yono_pati/blue.jpg) no-repeat center center fixed;
}

Dengan deklarasi seperti itu, image blue.jpg akan ditampilkan satu kali (tidak berulang), dengan posisi ditengah-tengah baik secara horisontal maupun vertikal dengan status statis (walaupun discroll, image tidak akan bergerak).

Selamat Mencoba namun jangan lupa untuk melakukan backup terlebih dahulu!!

(Daftar Bacaan : Tips For New Bloggers)

Membuat salam pembuka pada blog

2009-12-22T01:46:00.000-08:00

Tips Efek burung Terbang

2009-12-22T01:39:00.001-08:00

Postingan Tips dan Trik Blog kali ini masih berhubungan dengan accessories yang dapat memperindah tampilan “wajah” blog Anda yaitu dengan script yang tidak terlalu mempengaruhi loading blog Anda. Adalah script efek burung terbang yang dapat Anda pasang pada sidebar blog. Siapa tahu ada blogger yang cocok dan tertarik dengan accessories ini. Ikuti tipsnya berikut ini.

Script efek burung terbang yang saya sharing ini berasal dari Mas Priyo dan kepada beliau saya mohon izin untuk memposting tentang tips ini, siapa tahu bermanfaat terutama bagi newbie.

Langsung saja, script-nya adalah seperti berikut ini.

<script language="JavaScript1.2" src="http://www.geocities.com/yono_pati/burung.js"><br />/***********************************************<br />* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/<br />* Please keep this notice intact<br />***********************************************/<br /></script>

Tempatkan script di atas pada side bar blog Anda, dengan langkah-langkah sebagai berikut.

* Login ke http://blogger.com hingga masuk Panel Kontrol
* Klik Tata Letak (layout)
* Klik Tambah Gadget
* Tambahkan HTML/Javascript
* Pastekan script seperti tersebut di atas
* Kemudian Simpan Perubahan
* Selesai

Jika ingin mengetahui burungnya adalah seperti di bawah ini. Yang jelas tidak mirip dengan “burung” kita, kan?!!

Tips Efek burung Terbang

2009-12-22T01:39:00.000-08:00

Postingan Tips dan Trik Blog kali ini masih berhubungan dengan accessories yang dapat memperindah tampilan “wajah” blog Anda yaitu dengan script yang tidak terlalu mempengaruhi loading blog Anda. Adalah script efek burung terbang yang dapat Anda pasang pada sidebar blog. Siapa tahu ada blogger yang cocok dan tertarik dengan accessories ini. Ikuti tipsnya berikut ini.

Script efek burung terbang yang saya sharing ini berasal dari Mas Priyo dan kepada beliau saya mohon izin untuk memposting tentang tips ini, siapa tahu bermanfaat terutama bagi newbie.

Langsung saja, script-nya adalah seperti berikut ini.

Tempatkan script di atas pada side bar blog Anda, dengan langkah-langkah sebagai berikut.

* Login ke http://blogger.com hingga masuk Panel Kontrol
* Klik Tata Letak (layout)
* Klik Tambah Gadget
* Tambahkan HTML/Javascript
* Pastekan script seperti tersebut di atas
* Kemudian Simpan Perubahan
* Selesai

Jika ingin mengetahui burungnya adalah seperti di bawah ini. Yang jelas tidak mirip dengan “burung” kita, kan?!!

Cara Memposting html di blog

2009-12-22T01:24:00.002-08:00

Pernahkah anda kesulitan ketika ingin posting yang berisi script HTML? Merasa sudah menulis dengan benar namun ternyata tulisannya tidak tertampil karena sudah lebih dulu dieksekusi oleh browser. Sebenarnya kesalahan bukan pada tulisan sobat.

Gini gini. Silahkan sobat kunjungi http://centricle.com/tools/html-entities/. Website ini bisa mengubah script HTML tersebut sehingga bisa dimasukkan ke dalam posting. Tinggal sobat masukkan aja scriptnya, kemudian klik encode. Tunggu beberapa saat, setelah muncul script yang sudah terencode, silahkan copy dan paste ke postingan anda.

selamat mencoba dan bermanfaat ya...

salam blogger...

2009-12-22T01:24:00.001-08:00

Cara Membuat Scroll pada blogspot

2009-12-22T01:16:00.000-08:00

Mungkin kalian masih pada bingung dengan judul yang saya berikan.Nah kali ini saya akan memberikan cara bagaimana membuat Kotak Scroll pada Sidebar.Contohnya kira2 seprti ini :

Ok dari pada berlama-lama saya langsung kasih aja tutornya :

1. Sign in Blogger

2. Layout

3. Edit HTML

4. Jangan lupa berikan tanda centang pada Expand Widget Templates

5. Cari kode ini :

]]></b:skin>

6. Tambahkan kode ini diatasnya :

#scrolling {
overflow: auto; height: 100px; width: 94%;
background-color:#EFEFEF; border:1px solid #777;
margin: 0px auto; padding:5px; font-size: 14px;
color: #999; text-align: left;
}

7. Cari kode ini :

<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul> <b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

8. Tambahkan kode yang berwarna hijau dibawah ini diantara kode-kode diatas :

<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2></b:if>
<div id='scrolling'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

Catatan : Silahkan ganti tulisan yang berwarna diatas dengan warna sesuai dengan keinginan kalian.

2009-12-22T01:13:00.000-08:00

Mungkin teman-teman masih pada bingung apa yang dimaksud dengan side menu,dari pada teman-teman pada bingung coba kalian lihat contohnya disini. SIde menu merupakan menu yang ada di sebelah kiri blog tadi yang menunya turun-naik turun-naik. ok deh dari pada kalian bingung langsung di coba aja ya??saya ambil kode ini dari website ini http://www.dynamicdrive.com/

1. Sign in Blogger

2. Layout

3. Edit HTML

4. Jangan lupa berikan tanda centang pada Expand Widget Templates

5. Kemudian copy kode di bawah ini dan paste di notepad :

//Static Slide Menu 6.5 Â© MaXimuS 2000-2001, All Rights Reserved.
//Site: http://www.absolutegb.com/maximus
//Script featured on Dynamic Drive (http://www.dynamicdrive.com)

NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();

function truebody(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}

moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 moving =" setTimeout('moveOut()'," moving="setTimeout('null',1)}};" moving =" setTimeout('moveBack1()',">(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS6) {ssm.left = parseInt(ssm.left)+num+"px";}
if (NS) {ssm.left = parseInt(ssm.left)+num; bssm.clip.right+=num;bssm2.clip.right+=num;}}

function makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = truebody().scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6) bssm.top=parseInt(bssm.top)+smooth+"px"
if (NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}

function buildBar() {
if(barText.indexOf('-1) {tempBar=barText}
else{for (b=0;b"}}
document.write('

'+tempBar+'

')}

function initSlide() {
if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}
else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style
bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}
else if (NS) {bssm=document.layers["basessm1"];
bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
bssm2.clip.left=0;ssm.visibility = "show";}
if (menuIsStatic=="yes") makeStatic();}

function buildMenu() {
if (IE||NS6) {document.write('

')}
if (NS) {document.write('')}
if (NS6){document.write('

')}
document.write('');
for(i=0;i')}
if(!ssmItems[i][1]){
document.write('')}
else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;
document.write('')}
if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}
if(ssmItems[i][4]!="no"){document.write('')}}
document.write('

'+ssmItems[i][0]+'

'+ssmItems[i][0]+'

')
if (NS6){document.write('

')}
if (IE||NS6) {document.write('

')}
if (NS) {document.write('')}
theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}

6. Save file tadi dengan nama ssm.js

7. lalu copy kode di bawah ini dan paste di notepad lagi :

YOffset=200; // no quotes!!
XOffset=0;
staticYOffset=150; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="#d1d8ec";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
menuWidth=180; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="#000000";
hdrBGColor="#ffffff";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="360";
barBGColor="#86629f";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="#ffffff";
barVAlign="center";
barWidth=15; // no quotes!!
barText="Hubungi saya";
ssmItems[0]=["http://img395.imageshack.us/img395/4389/1787644503lpj2.jpg>
Jika Ada Pertanyaan silahkan kirim email ke
http://img168.imageshack.us/img168/5003/yudhipv7.png> "]

buildMenu();

8. Save file yang tadi dibuat dengan nama ssmitems.js

9. Cari kode di bawah ini :

10. Kemudian ganti 2 URL di bawah ini dengan URL file yang kalian upload :
http://yudhi.890m.com/file/js/ssm.js' type='text/javascript'>

http://yudhi.iskandar.googlepages.com/ssmitems2.js' type='text/javascript'>

setelah itu kalian taruh kedua kode diatas di bawah kode

11. Save dan lihat hasilnya.

Selamat mencoba....

Catatan : Upload file tadi di web hosting seperti googlepages.com atau hostingan gratis kalian.Terus ganti tulisan berwarna merah diatas dengan URL gambar kalian.

Membuat Recent CoMment pada blog

2009-12-22T01:09:00.000-08:00

Recent comment atau yang sering kita sebut dengan komentar terbaru merupakan widget yang dapat memberikan informasi kepada kita atau pengunjung yang dapat melihat komentar-komentar terbaru dari blog kita.Ok deh langsung saja kita lanjutkan perjanannya.Tutorial ini disebut dengan Recent Comment yah kira-kira contohnya seperti yang diatas ini.Kalian tinggal copy paste saja pada page element.

1. Copy kode di bawah ini :

2. Sign in Blogger

3. Layout

4. Tambahkan elemen HTML / Script

5. Paste kode diatas.

6. Simpan dan lihat hasilnya.

Selamat mencoba yah???moga2 berhasil deh tutorialnya.

Emotion buat blogger

2009-12-22T01:06:00.000-08:00

Akhirnya setelah sekian lama saya posting kembali di blog tutorial aku yang satu ini. pada postingan kali ini saya akan memberikan kode-kode bagaimana cara pasang yahoo emotion buat friendster dan blogger atau pun buat forum-forum yang lain.
dari pada berlama-lama langsung aja deh saya kasih kodenya..

neh kodenya...

Cara Membuat Animasi Flash Label

2009-12-22T00:25:00.000-08:00

Kali ini kita akan ngebahas tentang Cara Memasang Animasi Flash Label. bagi Newbiers-newbiers yang ingin memasang flash, nih lah cara mudahnya

1. Sign in Blogger

2. Layout

3. Edit HTML

4. Jangan lupa berikan tanda centang pada Expand Widget Templates

5. Selanjutnya cari kode di bawah ini :

6. Copy kode di bawah ini diatasnya :

b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

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

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.oprekblogger.com'>Romzon</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

7. Save template dan lihat hasilnya.

Semoga membantu...

Tips bagi Newbie

Membuat Salam Pembuka

Migrasi dari wordpress ke blogger

Backlink

Membuat Top artikel

Pasang Iklan di bawah Postingan

Memasang kode tukaran link

Link Exchange

Link Exchange

Cara Membuat Favicon

Membuat Read More

Membuat Buku TaMu

Cara Memasang search engine

Membuat Banner pada blog

Membuat kalimat Marquee

membuat pengunjung blog kamu tahu jika kamu sedang online

Mempercepat kinerja blog

Membuat high-light pada postingan

Memasang favicon pada blog

Membuat salam pembuka pada blog

Tips Efek burung Terbang

Tips Efek burung Terbang

Cara Memposting html di blog

Cara Membuat Scroll pada blogspot

Membuat Recent CoMment pada blog

Emotion buat blogger

Cara Membuat Animasi Flash Label