Mengatasi Masalah Icon Blog Tidak Muncul di Google Chrome

2/28/2011 8 Comments
Sebelumnya saya sudah post tentang cara mengganti icon Blog Blogspot, dan cara itu terbukti berhasil berdasarkan pengalaman saya. Namun ada masalah saat di buka dengan menggunakan Chrome Browser, iconnya tidak muncul dan kembali ke icon default blogspot.

Nah, bagaimana solusinya ?

Sebenarnya caranya sama saja seperti cara yang terdahulu, namun kode untuk Shortcut Icon-nya saja yang sedikit berbeda.

Langkah-langkah :
1. Masuk ke menu "Rancangan" klik "Edit HTML"

2. Cari kode ini </head>
3. Masukkan kode dibawah ini dan letakkan diatas kode "</head>" tadi
<link href='http://mackie.wapsite.me/image/Edit.png' rel='SHORTCUT ICON' type='image/x-icon'/>
4. Klik "Save Template" apabila sudah selesai
5. Lihat Blog anda dengan menggunakan Chrome Browser, apabila semuanya sudah benar maka icon akan muncul

Tips : 
Lebih baik download terlebih dahulu template anda. Agar apabila nanti terjadi kesalahan, lebih mudah untuk anda perbaiki
Untuk mencari kode, bisa menggunakan fitur "Find" pada Browser anda dengan menekan "CTRL-F"
Catatan : 
Kode yang berwarna biru adalah alamat url icon yang harus anda ganti dengan url icon milik anda

Cara Mendaftar AdsenseCamp dan Menerbitkan Iklan

2/17/2011 10 Comments
Sekarang ini sudah sangat banyak sekali Perusahaan Periklanan Online Lokal di Internet, sebut saja seperti AdsenseCamp, Adsentra dll.
Pada post kali ini Saya akan share bagaimana cara mendaftar di AdsenseCamp

Belajar Bisnis Online

Belajar Bisnis Online

2/11/2011 Add Comment
Pada tanggal 2 Februari 2011, Saya akhirnya memutuskan untuk mencoba terjun ke dunia bisnis online. Hitung hitung menambah pengalaman dalam dunia Blog, semoga aja nantinya sukses, hasilnya pun nanti insya Allah lumayan lah. Untuk pertama ini saya mencoba program Ads Publishing (menerbitkan iklan) dengan sistim PPC (Pay Per Click) sebagai permulaan.

Cara Membuat ShoutBox Tersembunyi di Blog

2/02/2011 11 Comments
Melanjutkan postingan sebelumnya mengenai "Beberapa Situs Penyedia Layanan ShoutBox Gratis", ada satu cara unik untuk meletakkan ShoutBox pada blog yaitu membuat ShoutBox tersebut tersembunyi disamping kanan layar monitor, yang mana apabila di klik, ShoutBox tersebut akan muncul dan apabila di klik lagi, maka ShoutBox tersebut akan kembali lagi ke asalnya yaitu tersembunyi di kanan layar monitor.

Nah, bagaimana cara membuatnya ?

Sebelumnya kamu harus punya dulu sebuah ShoutBox, kalau belum punya daftar dulu di situs penyedia layanan ShoutBox (baca: postingan saya sebelumnya).

Langkah memasangnya di Blogger.

Masuk kebagian "Rancangan" -> "Elemen Laman" -> klik "Tambah Gadget" terserah yang mana saja -> cari dan pilih yang bernama "HTML/JavaScriptTambah"


Copy Paste kode html dibawah ini ke dalam kotak form html tersebut, selanjutnya masukkan kode html ShoutBox kamu ke dalam kode html tadi, ganti kode yang berwarna biru tersebut dengan kode ShoutBox kamu, tidak perlu diberi judul.

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i846.photobucket.com/albums/ab26/arifins/bukutamu.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">

<!-- Silahkan Sobat Ganti Ini dengan kode buku tamu sobat -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
</div>


Terus klik "Save" atau "Simpan"
Sekarang coba lihat blog kamu.

Ket: Kode yang berwarna merah adalah alamat url gambar (lihat gambar dibawah) bisa diganti dengan gambar lain, dengan cara diganti alamat url tersebut dengan alamat url gambar yang kamu punya.



Sedangkan yang biru, adalah kode HTML yang harus kamu ganti dengan kode HTML ShoutBox kamu.

Semoga Berhasil, Salam Blogger.