Bikin Pesan seperti Icon Email di Blog

Share |

Tips ini bersumber dari : HackTutor Info

Mungkin bagi anda yang belum browsing sana sini mengetahui tips dan trick untuk blog anda, kebetulan saya mendapatkannya dari sumber diatas. Tips-nya sebagai berikut :

MENAMPILKAN DEMO ICON EMAIL

Jika anda ingin menampilkan semacam demo seperti Icon Email yang akan terlihat ketika pengunjung bertamu ke blog anda, maka lakukan metode ini untuk pemberitahuan pesan kepada si tamu.

Langkah Awal, buatlah pesan di halaman baru dengan cara klik posting-edit laman-tambah laman baru. kemudian tulis kata-kata pesan anda. selanjutnya simpan dan publikasikan untuk mendapatkan url tujuannya. contoh : http://namablog.blogspot.com/2010/08/selamat-datang-teman.html.

Selanjutnya tambah widget baru (HTML Javascript) di blog kemudian isikan kode dibawah ini :

<!--Code by hacktutors.info-->

<a href="http://namablog.blogspot.com/2010/08/selamat-datang-teman.html"><img src="http://1.bp.blogspot.com/_b0xJ7qk6DTc/THOGg9HAWII/AAAAAAAAA5g/

elVMNdR5AL0/s1600/unread+mail.png" alt="Unread Message" title="Unread Message" /></a>

<!--Code ended-->

ingat bahwa http://namablog.blogspot.com/2010/08/selamat-datang-teman.html tersebut adalah nama link url untuk pesan anda tadi. jadi sesuaikan dengan milik anda jika mencobanya.

selanjutnya Cari ID widget yang sudah di pasang tadi. Sebagai contoh, saya 'meletakkan widget bernama "Pesan" pada sidebar. Jadi, aku untuk mencari sesuatu seperti ini:

    <b:widget id='HTML7' locked='false' title='Pesan' type='HTML'/>

Sekarang, ID widget HTML7. Ingat kita hanya perlu widget id.

Selanjutnya Cari ]]></ b: skin> pada template Anda. kemudian taruh kode berikut ini tepat diatas kode ]]></ b: skin> 

#HTML7 ul {
list-style:none;
margin: 0;
padding: 0;

}

#HTML7 a:visited {
display:none;
}

Ingat bahwa HTML7 ini hanya contoh, silahkan mengganti sesuai kode wigdet anda 

Sekarang tinggal anda praktekkan dengan cara klik pesan tadi. 

perlakuannya adalah ketika anda mengklik icon pesan seperti email tadi maka anda akan dilink menuju url pesan. sementara setelah icon tersebut tadi anda klik maka icon tersebut tidak akan muncul lagi.

 

• 
• 
• 
• 
• 
• 
• 
• 

[HAL-4]