Pasang Icon Yahoo Messenger

Untuk membuat simbol Yahoo Messenger di blogger yang menunjukkan status anda dan pengunjung bisa langsung chat dgn anda, langkah-langkahnya adalah sebagai berikut:
1. Langka Pertama masuk klik Layout
2. Klik edit HTML
3. Kemudian add widget
4. Pilih edit HTML menu
5. Silahkan copy salah satu kode berikut

a.Contoh 1

<a href="ymsgr:sendIM?Dickys_80"><img src="http://opi.yahoo.com/online?u=yono_pati&m=g&t=0 border="0 /> </a>

b.Contoh 2

<a href="ymsgr:sendIM?Dickys_80"><img border="0" src="http://opi.yahoo.com/online?u=eni_12may&m=g&t=2"/></a>

c.Contoh 3

<a href="ymsgr:sendIM?Dickys_80"><img src="http://opi.yahoo.com/online?u=yono_pati&m=g&t=2 border="0 /> </a><br />

6.Kemudian silakan ganti ID Dickys_80 dengan ID anda
6. save setting
Selesai selamat mencoba!!GOOD LUCK

Read More

Membuat Menu Multi Kolom

Membuat menu multi kolom disini maksudnya membuat lebih dari satu menu dalam satu kolom, ini berguna sekali untuk menghemat space blog anda yang sudah memiliki menu yang banyak seperti pada contoh screenshot berikut:

Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout-->Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Masukan kode dibawah ini sebelum kode diatas

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E;
overflow: hidden;
background-color: #FF9900;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Keterangan :

- Angka yang berwarna merah-->lebar kotak menu utama
- Angka yang berwarna biru--> tinggi kotak menu utama
- Kode yang berwarna hijau--> warna border menu utama
- Kode yang berwarna ungu-->warna Font menu utama
- Kode yang berwarna abu-abu-->Warna background menu utama
- Kode yang berwarna kuning-->Warna border kotak utama
- Kode yang berwana orange-->warna background kotak utama

Untuk mengetahui kode-kode warna silahkan klik disini

5. Silahkan masukkan kode dibawah ini sebelum kode </head>

<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>

6. Kemudian Save

Kemudian ke menu Layout-->Page Elements-->pilih Add Gadget yang akan kamu tempatkan menu multi kolom ini-->HTML/Javascript

Silahkan masukkan script menu multi kolom dibawah ini:

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Title menu 1</a>
<a>Title menu 2</a>
<a>Title menu 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Link 1 di menu 1 <br />
Link 2 di menu 1 <br />
Link 3 d1 menu 1 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 2 <br />
Link 2 di menu 2 <br />
Link 3 d1 menu 2 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 3 <br />
Link 2 di menu 3 <br />
Link 3 d1 menu 3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan
- kode yang berwarna hijau adalah title menu anda
- kode yang berwarna biru adalah lebar dan tinggi menu multi kolom
- kode yang berwarna merah adalah isi dari menu anda

Silahkan dicoba,,semoga berhasil!!!

Read More

Cara Menampilkan Gambar Di Postingan

Image dalam judul postingan sedikit membuat tampilan blog kita lebih menarik dan lebih cantik nah untuk membuat gambar atau image tampil dijudul postingan seperti pada screenshoot pada blog saya dibawah ini silakan ikuti langkah-langkah berikut ini:

1. langkah pertama adalah membuat image yang anda inginkan atau bisa juga ambil image yang sudah ada
2. Upload gambar tersebut di photobucket.com untuk mendapatkan URL image anda bagi yang belum tahu cara uploadnya silakan lihat kembali postingan saya sebelumnya tentang upload fhotobucket.com
3. anda akan mendapatkan URL image anda seperti contoh URL image saya

http://i383.photobucket.com/albums/oo276/0512_photo/images.jpg

4.setelah itu buat kode berikut

<img src="http://i383.photobucket.com/albums/oo276/0512_photo/images.jpg" width="45" hight="45" border="0"></img>

angka "45" merupakan ukuran image anda, silakan ganti angka tersebut sesuai keinginan anda

Untuk memasukkan image ke judul postingan silakan ikuti langkah-langkah sebagai berikut:

1.Menu Layout-->Edit HTML-->jangan lupa klik "Expand Widget Templates"

2.silakan anda cari kode dibawah ini

<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>

3. kemudian sisipkan kode yang kita buat sebelumnya (kode pada no.4) menggantikan kata sisipkan kode

<a expr:href='data:post.url'> sisipkan kode <data:post.title/></a>
<b:else/>

4.Save Template

5. Silakan View Blog

Selamat Mencoba dan semoga berhasil!!!

Read More

Tampilan Baru Follower(Google Friend Connect)

Ternyata blogger melakukan update terhadap follower karena beberapa hari yang lalu follower saya berkurang jumlahnya dan sekarang blogger memakai tampilan baru follower yaitu memakai fasilitas Google Friend Connect.




Google Friend Connect memiliki kelebihan fasilitas daripada yang sebelumnya yaitu:

# Sign in dengan Google, Yahoo, AIM atau openid account.
# Berinteraksi dengan pengunjung lainnya dengan membuat teman-teman, berbagi media, posting komentar, permainan, dan banyak lagi.
# Mengundang teman-teman dari jaringan sosial lainnya dan daftar kontak untuk bergabung dengan situs atau blog Anda.

rekan-rekan yang belum tau cara membuat tampilan follower baru ini, monggo ikuti langkah-langkah berikut:

1. silahkan kunjungi http://www.google.com/friendconnect/
2. klik tombol biru "set up new site"
3. Klik continue-->muncul halaman "Tell us about your site"silahkan isi site name and home URL(URL blog anda)
4.muncul halaman "Add the following files to your site" silahkan download filenya
5.kemudian continue-->Test Your Setup-->klik tombol "test to finalize setup"
6.Muncul halaman "Add a Members gadget to your site" kemudian klik "Get code for the Member Gadget"
7.muncul halaman "Set up the Members gadget" silahkan edit ukuran dan warna gadget yang ada inginkan
8.Copy paste kode gadget ke website atau blog anda
Biasanya tanpa anda copy paste kode HTML nya Follower anda otomatis sudah diupdate ke tampilan yang baru setelah anda klik "test to finalize setup"
Selesai..

Selamat menggunakan follower baru ya dan perluas friend connection anda bersama tampilan baru follower Friend Connect...

Read More

Notepad ++ 6.2 Free

Notepad + + adalah source code editor (dan pengganti Notepad) dengan dukungan sintaks untuk bahasa pemrograman banyak, berjalan di sistem operasi MS Windows.

Perubahan dalam versi 6.2:

• Penyorotan sintaks dapat lebih didefinisikan.
• Mendukung kata kunci multipart.
• Spasi tidak lagi wajib sebagai pemisah kata kunci.
• Pengenalan nomer yang meningkat.
• Operator dan pembatas bisa lebih dari satu karakter.
• Karakter yang sama dapat digunakan sebagai komentar DAN operator.
• Komentar dan pembatas mendukung bersarang.
• Improvments Komentar (komentar lipat, kelanjutan komentar ... dll).
• Dalam kasus pasang komentar beberapa didefinisikan, komentar simbol terbuka hanya cocok dengan komentar simbol dekat urutan yang sama.

Download

Read More