Jumat, 07 Maret 2008

Cara Membuat Kotak Blogroll dan Marquee

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya? :r Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak


Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh :z
:r udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)


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

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

</div>


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

2. Kotak Blogroll Model Marquee

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


<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

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

</marquee>


Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......

Rabu, 05 Maret 2008

Use SEO Service to Increase Website Traffics

Why SEO is important to your website? SEO (Search Engine Optimization) is one methods to increase your website traffics fromsearch engine. If you use seo service your website will be search engine friendly, many peaple will visit your website through search engine with most valuable keyword on your page. seo service will ensuring that your website content is easily discovered, analyzed and indexed by various search engine robots, crawlers and spiders. Seo service can make your web pages more easily read by search engine and their crawling and indexing software.

Why search engine is important to your website? If you have a website and your website is not search engine frindly or even not indexed in any of search engine, I sure your website will gets low traffic, and your business will not be survive for very long in this situation. How many people that will remember to your website name? no many, potential customers might not even now that your website sxists. But if your website is can be easily found from search engine, I sure your website visittors will explode and it will develope your business. Potential customers may be will type e keyword that they wanna find about, and immediately find a listing for your company's website. Now you know that search engine is very important.

if you want your website is searchable by search engine, seo service is a great solution for you. SEO service can give more benefits to your site, it would really increase the traffic of your website. If you decided to use seo service to your website, choose seo service that give you guarantee, I suggest you to join Integrated Digital Production SEO Service, this company offer good guarantee. They said "If we can’t position your website on your most valuable keyword on the first page of the search engine within 12 months, we will continue working on your SEO for FREE until we fulfil this promise", I think it's great guarantee. IDP seo service have many professional SEO Specialist, each and every SEO Specialist understands how to achieve results for their clients and continuously work to analyse and improve ranking and direct valuable traffic to their clients’ websites. If you join, you will have a team of highly trained SEO specialists, dedicated to improving your website ranking and positioning. You will get report tracks any changes in your website positioning and keyword popularity on a monthly basis. And you will automatically receive an access to Google Analytics to track your visitors and watch your website statistics on a everyday.

So, SEO service is the best solution for you, if you wanna get huge traffics for your website, and certainly it will make your business succesfully.

Minggu, 02 Maret 2008

Menambah Emoticon di Shoutbox

Apa kamu bosan dengan emoticon yang ada di shoutbox kamu? Nha biar nggak bosan kamu bisa menambahkan sendiri icon-icon (emoticon) kesayangan kamu kedalam shoutbox blog kamu. Mau tahu caranya? begini nih cara nya...
Oh ya, trik yang ini hanya untuk yang menggunakan shoutbox dari shoutmix.

Ikuti langkah-langkah berikut ini :
1. Login ke shoutmix.com
2. Trus di daerah menu "Display", klik link "Smileys"
3. Nha nanti kamu akan menjumpai tampilan seperti ini :




4. Untuk manambahkannya masukkan alamt icon kamu kedalam kotak "Smile image URL", kalo kamu tidak punya iconnya atau alamatnya kamu bisa gunakan alamat icon2 dibawah ini.
5. Trus masukkan "kode" (shorcut) kedalam kotak disebelahnya trus klik tombol "ADD"
6. Lakukan terus seperti itu sampai semua icon smile yang kamu inginkan masuk dalam daftar.
7. Kalo sudah klik tombol "Save Setting"

Nha coba kamu lihat blog kamu, trus lihat dishoutboxnya maka kamu sudah punya tambahan emoticon dalm shoutbox kamu.

Berikut ini daftar emoticon beserta alamat URL-nya :

Icon
URL
senanghttp://kendhin.890m.com/smile/senang.gif
yahoo_angryhttp://kendhin.890m.com/smile/yahoo_angry.gif
yahoo_bigsmilehttp://kendhin.890m.com/smile/yahoo_bigsmile.gif
yahoo_blushhttp://kendhin.890m.com/smile/yahoo_blush.gif
yahoo_cryhttp://kendhin.890m.com/smile/yahoo_cry.gif
yahoo_devilhttp://kendhin.890m.com/smile/yahoo_devil.gif
yahoo_kisshttp://kendhin.890m.com/smile/yahoo_kiss.gif
yahoo_laughloudhttp://kendhin.890m.com/smile/yahoo_laughloud.gif
yahoo_lovehttp://kendhin.890m.com/smile/yahoo_love.gif
yahoo_winkhttp://kendhin.890m.com/smile/yahoo_wink.gif
yahoo_partyhttp://kendhin.890m.com/smile/yahoo_party.gif
yahoo_prayhttp://kendhin.890m.com/smile/yahoo_pray.gif
yahoo_rotflhttp://kendhin.890m.com/smile/yahoo_rotfl.gif
yahoo_sadhttp://kendhin.890m.com/smile/yahoo_sad.gif
yahoo_sleephttp://kendhin.890m.com/smile/yahoo_sleep.gif
yahoo_smileyhttp://kendhin.890m.com/smile/yahoo_smiley.gif
yahoo_sweatinghttp://kendhin.890m.com/smile/yahoo_sweating.gif
yahoo_thinkhttp://kendhin.890m.com/smile/yahoo_think.gif
yahoo_tonguehttp://kendhin.890m.com/smile/yahoo_tongue.gif
yahoo_witsendhttp://kendhin.890m.com/smile/yahoo_witsend.gif

Oh ya lupa, maksimal icon smile yg dapat kita tambahkan adalah 10 biji, ini buat yg gratisan, kalo buat yg premium bisa nyampe 500 biji.

Rabu, 27 Februari 2008

Cara Menampilkan Status Off/Online Yahoo Messenger

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".


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



Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

Minggu, 24 Februari 2008

Cara Membuat Menu DTree

Apa itu menu Dtree (D-Tree) ? itu lho menu yang memiliki struktur seperti pohon, yang punya cabang-cabang itu lho, Seperti kalo kita membuka Windows Explorer. Menu yang seperti gambar dibawah ini atau seperti contoh ini.



Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah kamu pingin tahu cara membuatnya?

Beginilah cara membuatnya :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode <head>


<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>



3. Trus Klik Tombol "Save

4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu tho cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Inolah script yang harus kamu copy di sidebar kamu.


<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>



berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).

- Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:


d.add(10,0,’Profile’,’link.html’,’’,’’,’http://kendhin.890m.com/dtree/trash.gif’);



Ganti text "http://kendhin.890m.com/dtree/trash.gif" dengan alamat gambar kamu. contohnya akan seperti ini :



Nha gampang tho .....

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More