Home
Tukaran Link
Pasang Iklan
Contact Me
Cara Membuat Script Bookmark Site
Selamat malam semuanya... Maaf lama tak update dan posting seputar tips blogging. Soalnya belakangan ini saya bantu teman bikin blog, dan saya juga bikin blog baru, yaitu IndoGals (promosi nih, hehehe...), jangan lupa visit ya...
Nha, untuk tips pembuka setelah beberapa lama vakum yaitu cara membuat script bookmark site. Anda mungkin sudah pernah melihat blog atau situs yang di bagian atasnya terdapat link bertuliskan "Bookmark this, Bookmark this site, dll". Fungsi dari link itu adalah untuk mememerintahkan browser kita untuk menyimpan alamat blog atau situs tersebut di daftar bookmark browser kita itu. Sebagai contoh, coba anda klik link di bagian kanan atas blog saya ini yang bertuliskan Bookmark Blog Ini. Gimana hasilnya? Ada tampilan pop-up yang yang berfungsi untuk menyimpan bookmark baru kan?
Keuntungan dari script ini adalah untuk memudahkan pengunjung untuk mengakses blog kita secara cepat dan bisa selalu mengingatnya, jadi kita bisa mempertahankan kunjngannnya itu untul seterusnya. Ok, daripada memperpanjang muqodimah, mari kta langsung aja masuk ke judul ceramah kali ini, eh cara untuk membuat script bookmark site ini, hehehe...
Berikut Cara Membuat Script Bookmark Site
1. Login ke akun Blogger anda
2. Pilih Layout > Edit HTML
3. Cari kode </head>, lalu paste kode javascript berikut di atasnya:
<script type='text/javascript'>
function bookmarksite(title,url){
if (window.sidebar)
window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all)
window.external.AddFavorite(url, title);
}
</script>
4. Klik Save Template
5. Untuk menampilkan linknya bisa anda buat dengan text link biasa atau dengan gambar, kodenya:
Text link biasa:
<a href="javascript:bookmarksite('Judul Blog', 'URL Blog')">Bookmark Blog Ini!</a>
Link dengan gambar:
<a href="javascript:bookmarksite('Judul Blog', 'URL Blog')"><img src="url-gambar-anda" border="0"/></a>
Note:
Jika judul blog anda terdapat tanda kutip misalnya Zacky's Blog, maka anda harus menambahkan sebuah backslashed di javascript link anda, sehingga menjadi:
<a href="javascript:bookmarksite('Zacky\'s Blog', 'URL Blog')">Bookmark Blog Ini!</a>
Link tersebut bisa anda letakkan di tempat yang anda inginkan.
Gimana? Mudahkan?
Oya, jangan lupa bookmark blog saya ini dan visit blog baru IndoGals ya.. Makasi...
Selamat mencoba...
Bagikan Artikel Ini!
:))
:)]
;))
;;)
:D
;)
:p
:((
:)
:(
:X
=((
:-o
:-/
:-*
:|
8-}
~x(
:-t
b-(
:-L
x(
=))
21 komentar:
pertamaxxx !!!
salam kenal !!
ntar aku terapin ilmu dari mas :))
Wah infonya bagus nih....sy biasanya hanya bookmark secara manual az pada mozilla firefox
Terima kasih telah saling berbagi
sama2 Osi...
Makasi atas kunjungan dan komentarnya...
Wah,,, tutorial yg baik ......
kapan2 saya coba sob ^_^
terima kasih sobat atas sharingnya, salam sukses
sipppp..
g sabar pengen nyoba......
mantab nih bos... bisa langsung dicoba
makasih tipsnya sobat..
ok..
mantap lah bruw..
thanks tipnya neh.
nice blog gr8 design....
waw....perlu nih
sob klo pasang link bookmark d edit html kok k parse sendiri y(jadi ga bs)khusus d bag ini "javascript:bookmarksite('Judul Blog', 'URL Blog')" masalah-nya cuma petik-nya.. apa harus d element.. blz d blog q y.. sekalian ada post baru..
O, ya efek zoom-nya gmn.. kok ga ngefek y.. d posting q.. padahal udah berhasil.. mohon petunjuk.. ;D
mank bakal kena parse otomatis... tapi berfungsi kan? pasti hasilnya seperti ini:
<a href="javascript:bookmarksite('Tips Blogger Zacky', 'http://tipsbloggerzacky.blogspot.com')">Bookmark Blog Ini!</a>
masalah efek zoom, kamu kirim aja xml template kamu..,ntar kasih aja link downloadnya ke saya... seep?
mantabbbb brow
kayaknya mudah nih.HArus segera dicoba
di chrome bisa g ya??
Siipp kalo tips yang ini boleh di coba ni,, Ty sob!
mantab.. senang bisa menemukan blog ini
Wahh nice info , n dah terpasang di tempat ane nih gann... thankss yaa
wah lumayan nih buat di pasang di blog
oiya jgn lupa kunjungi blogku yaa
http://lightpedia.blogspot.com/2011/09/tampilan-facebook-baru-lagi.html
boleh nih tutorialnya...
ada contoh hasilnya Om?
Salam Kenal....