Foto saya
Orang Awam yang lagi belajar blogging sembari memberi kritik dan saran, walaupun sampai sekarang masing TAWANG AKAL & yang pasti saya tidak pilah-pilih teman, pokoknya semua TAK GAULI..hehehehehe! HOBBY NGE-BLOG MEMANG BIKIN SIBUK KARENA MENCARI INSPIRASI...TAPI JANGAN LUPA SEDIAKAN WAKTU BUAT MAKAN YAAA...JGN KARENA KEASYIKAN DI DEPAN PC / NOTEBOOK SAMPAI LUPA SEGALANYA..PISSSS!

Bikin Pesan seperti Icon Email di Blog

TAWANG DILIHAT KALI [X]
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.
 
Best Blogger Tips
  • Stumble This Post
  • Save Tis Post To Delicious
  • Share On Reddit
  • Fave On Technorati
  • Buzz This Post
  • Tweet This Post
  • Digg This Post
  • Share On Facebook

[HAL-4]

0 komentar:

BERIKAN SENYUMAN MANIS UNTUK KOMENTAR TEMAN SEMUA

:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t

Senyum Tawang Always

Posting Komentar

 
Best Blogger Gadgets