Cara Memasang Icon atau Logo Blog di Address Bar

Cara Memasang Icon atau Logo Blog di Address Bar – Jika diperhatikan, ada beberapa blog atau website yang saat dibuka terdapat icon di address bar. Cara memasang icon seperti itu sangat mudah.

Contoh:
Image and video hosting by TinyPic

Cara memasangnya:

1. Bikin icon atau logo dengan Photoshop atau sejenisnya. Panjang lebarnya jangan lebih dari 2 cm.

2. Upload gambar dengan tool pengupload.


3. Login ke blog, lalu masuk ‘layout’--‘edit HTML’—beri centang.

4. Cari kode </head>


5. Taruh kode ini di atasnya:
<link href='link logo atau icon yang sudah diupload' rel='SHORTCUT ICON'/>

Contoh: <link href='http://i53.tinypic.com/3486n9y.jpg' rel='SHORTCUT ICON'/>

6. Simpan dan lihat hasilnya.

Read More..


Cara Membuat Iklan Melayang atau Floating Ads di Blogger / Blogspot

Cara Membuat Iklan Melayang atau Floating Ads di Blogger / Blogspot - Iklan melayang atau floating ads kini lagi ngetrend. Meski ada yang menilai cukup menggangu, dengan format floating ads, peluang iklan diklik pengunjung lebih tinggi.

Contoh blog dengan iklan melayang disini

Cara membuat iklan melayang:

1. Masuk Dashboard-->Rancangan-->Tambah gadget
2. Pilih ‘HTML/javascript
3. Masukkan kode di bawah ini:

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #585858;
background: #FFFFFF;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCitlIR9Gi_nnRamMjRo_H7HTndBt-1EmXzewhA44DR04vM88DwQUxTsDs_ajVimGPGOdETVnE0oEQtVRAhSdUEw7JAtbydFsoBvsNwBeo_XfNpLkUtMJ7BQwcRz8L34weXMdGRpQWsX7m/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
Taruh script iklan anda disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. Simpan

Note:
- Kode warna merah adalah garis tepi iklan. Bisa diganti sesuai selera.
- Kode warna biru adalah background iklan. Bisa diganti sesuai selera. Kode warna disini
- Kode warna hijau adalah script iklan anda.
- Anda bisa menambahkan teks di atas iklan, misalnya: ‘Klik salah satu link agar blog ini tetap eksis’, dsb. Caranya: letakkan teks tersebut di atas script iklan (warna hijau di atas)

Read More..


Thunderblot | Blogger Template 3 Kolom Download Gratis

Thunderblot | Blogger Template 3 Kolom Download Gratis

Image and video hosting by TinyPic

Detail
• 3 Columns
• Ads Ready
• Fixed Width
• Right Sidebar
• Support Available

DOWNLOAD

Read More..