Blog Tutorial
Posted by Unknown
on , under |
Membuat link terbuka tanpa di klik
Membuat link terbuka tanpa di klik adalah salah satu cara untuk mengoptimalkan backlink. Secara umum bila kita ingin menuju sebuah link, kita harus mengklik link tersebut agar mau di buka bukan? contohnya silakan Klik di sini. Namun ada juga cara untuk membuat link itu terbuka tanpa harus di klik seperti ini Berita Aneh Tapi Nyata (<=arahkan kusor).
Nah sekarang kang salman mau mengajak anda untuk sedikit berseksperimen membuat sebuah link yang akan terbuka tanpa di klik (hanya perlu meletakkan kursor di link yang kita buat). Sekedar pengetahuan saja Dahulu Wikipedia pernah menerapkan hal ini namun sekarang sudah tidak lagi.
Untuk membuat hal sangatlah mudah perhatikan ini baik-baik :
Nah sekarang kang salman mau mengajak anda untuk sedikit berseksperimen membuat sebuah link yang akan terbuka tanpa di klik (hanya perlu meletakkan kursor di link yang kita buat). Sekedar pengetahuan saja Dahulu Wikipedia pernah menerapkan hal ini namun sekarang sudah tidak lagi.
Untuk membuat hal sangatlah mudah perhatikan ini baik-baik :
- Jika pada sebuah link standard, biasanya memiliki kode sebagai berikut:
- Maka Hasilnya seperti ini
- Nah sekarang untuk membuatnya bisa terbuka tanpa klik, kodenya adalah Sebagai Berikut:
http://komunitasuntuksemua.blogspot.com" onMouseover="window.location=this.href">Berita NyataCatatan !
Huruf yang berwarna Hitam ganti dengan alamat link yang anda tuju, dan yang berwarna merah adalah kata-kata yang di taget.
Hasil dari kode di atas akan seperti di Bawah ini, (coba anda arahkan kursor anda ke situ) :
Cara Buat 3 Kolom di Bawah Posting (Footer)
Element halaman footer terkadang masih belum banyak yang memanfaatkannya, oleh karena itu kang salman mengajak sobat-sobat yang ingin mencoba memanfaatkannya silakan ikuti tutorial ini yang ga mau juga gpp itung-itung nambah ilmu. hehe sudah banyak sekali blog yang membahas ini walaupun saya telat hehe mudah-mudahan ada yang tertarik. ^^
1. login ke blogger
2. pilih edit tamplate/tataletak
3. lalu pilih Edit HTML
5. angan mencentang kotak kecil di samping tulisan expand widget template
6. Cari kode ]]> :
7. copy kode di bawah ini dan simpan di atas kode ]]> :
8. lihat bagian yaitu pada bagian bawah kode template, dan cari kode yang mirip seperti ini :
1. login ke blogger
2. pilih edit tamplate/tataletak
3. lalu pilih Edit HTML
5. angan mencentang kotak kecil di samping tulisan expand widget template
6. Cari kode ]]> :
7. copy kode di bawah ini dan simpan di atas kode ]]> :
/* bottom
---------------------------- */ #bottom { width: 660px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:#BDBABD;
padding: 15px 0 15px 0;
}
#bottom h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 24px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}
#bottom ul {
padding: 0;
margin: 0;
}
#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}
#bottom ul li a {
display: block;
padding: 0 10px;
color:#0701FD;
text-decoration: none;
}
#bottom ul li a:hover {
background: #B1ACB1;
}
#left-bottom { /* yang ini nih kode kolom kiri */
width: 205px;
float: left;
padding-left:10px;
}
#center-bottom { /* kalo yg ini kode kolom tengah */
width: 205px;
float: left;
padding-left:10px;
}
#right-bottom { /* kalo yg ini kode kolom kanan */
width: 205px;
float: left;
padding: 0 5px 0 10px;
}
8. lihat bagian yaitu pada bagian bawah kode template, dan cari kode yang mirip seperti ini :
9. Copy paste kode berikut persis di atas kode yang atas tadi :
10. Jangan lupa akhiri dengan mengklik tombol Simpan Template.
