Pada
tutorial ini saya memberikan 2 alternatif yaitu dengan "Menambah Widget
HTML/JavaScript" atau "Edit HTML pada Template", silahkan pilih mana
suka :)
A. Dengan Menambahkan Widget
Buat widget baru HTML/JavaScript, edit dan simpan kode ini
<style type="text/css"> #fixedbanner { position: fixed; top: 160px; /* Jarak dari atas */ right: 0; /* Apabila ingin di kanan ganti right menjadi left */ } </style> <div id='fixedbanner'> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>
B. Dengan Edit HTML pada Template
1. Login ke Blogger
2. Klik Template --> Edit HTML
3. Simpan kode ini di atas ]]></b:skin>
#fixedbanner { position: fixed; top: 160px; /* Jarak dari atas */ right: 0; /* Apabila ingin di kanan ganti right menjadi left */ }
4. Edit dan simpan kode ini di atas </body>
<div id='fixedbanner'> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>
5. Simpan Template.
Menambah Tanda Close (X)
Apabila ingin menambahkan tanda Close (X) seperti pada demo, tambahkan kode ini sebelum <div id='fixedbanner'>
<a href='#' onclick='var el=document.getElementById('fixedbanner');el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Qd8RPohmQq7uhKDrd_6FuiwAGScuO8Ef1Mh3TJKtayhtsI6kk1oUCAFni5lM8OrfxGw-xgxyD4NMz-QgJXY8PMS703xRewojp8fz1W87BOcnP-xQM-WuIymNg7E91OwYcq05mJEzcVA/s1600/delete2.png'/></a>
hasil akhir menjadi :
<div id='fixedbanner'> <a href='#' onclick='var el=document.getElementById('fixedbanner');el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Qd8RPohmQq7uhKDrd_6FuiwAGScuO8Ef1Mh3TJKtayhtsI6kk1oUCAFni5lM8OrfxGw-xgxyD4NMz-QgJXY8PMS703xRewojp8fz1W87BOcnP-xQM-WuIymNg7E91OwYcq05mJEzcVA/s1600/delete2.png'/></a> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>
Semoga bermanfaat...
http://hasil2.blogspot.com/
A. Dengan Menambahkan Widget
Buat widget baru HTML/JavaScript, edit dan simpan kode ini
<style type="text/css"> #fixedbanner { position: fixed; top: 160px; /* Jarak dari atas */ right: 0; /* Apabila ingin di kanan ganti right menjadi left */ } </style> <div id='fixedbanner'> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>
B. Dengan Edit HTML pada Template
1. Login ke Blogger
2. Klik Template --> Edit HTML
3. Simpan kode ini di atas ]]></b:skin>
#fixedbanner { position: fixed; top: 160px; /* Jarak dari atas */ right: 0; /* Apabila ingin di kanan ganti right menjadi left */ }
4. Edit dan simpan kode ini di atas </body>
<div id='fixedbanner'> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>
5. Simpan Template.
Menambah Tanda Close (X)
Apabila ingin menambahkan tanda Close (X) seperti pada demo, tambahkan kode ini sebelum <div id='fixedbanner'>
<a href='#' onclick='var el=document.getElementById('fixedbanner');el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Qd8RPohmQq7uhKDrd_6FuiwAGScuO8Ef1Mh3TJKtayhtsI6kk1oUCAFni5lM8OrfxGw-xgxyD4NMz-QgJXY8PMS703xRewojp8fz1W87BOcnP-xQM-WuIymNg7E91OwYcq05mJEzcVA/s1600/delete2.png'/></a>
hasil akhir menjadi :
<div id='fixedbanner'> <a href='#' onclick='var el=document.getElementById('fixedbanner');el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Qd8RPohmQq7uhKDrd_6FuiwAGScuO8Ef1Mh3TJKtayhtsI6kk1oUCAFni5lM8OrfxGw-xgxyD4NMz-QgJXY8PMS703xRewojp8fz1W87BOcnP-xQM-WuIymNg7E91OwYcq05mJEzcVA/s1600/delete2.png'/></a> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>
Semoga bermanfaat...
http://hasil2.blogspot.com/
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll
Sobat sedang membaca artikel tentang Membuat Banner Iklan Melayang di Samping Kiri atau Kanan Blog . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
No comments:
Post a Comment