Cara Mudah Merubah Cursor Blog Blogger

Kreasi | Panduan Cara Mudah Merubah Cursor Blog Blogger tutor ini dibagi menjadi 2, yaitu untuk blogger baru seperti saya ini hehehe... dan untuk blogger yang sudah lama.

Tutorial Mudah Merubah Cursor Untuk Blogspot Baru

1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode widget yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget tersebut dengan cara menarik gadget tersebut)

Tutorial Mudah Merubah Cursor Untuk Blogspot Lama

1. Klik Menu Rancangan / Design

2. Klik Tambah Gadget / Add  AGadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode widget yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget tersebut dengan cara menarik gadget tersebut)

Kode Cursor Untuk Blogger Yang Harus Di Pasang

Silakan copy dan paste kode berikut:

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCgnYaNneohSqufbN0VK715VYbQxocqXZM5j04RUzZLlElhEPKPBZ_3w02bJSa7Et7zJx6Zb6qrPpqaGMqCQlPP20MMZr0q2dI8DYGIuk57kaR9YpfZJwHE73VVJHNCVc3CHcusTJKyeog/s1600/jasablogsitus-web-id.gif"), auto;}
</style>

Catatan:
Silakan rubah tulisan yang saya beri warna Merah dengan url gambar cursor yang kamu suka.
Jika kamu menggunakan semua kode yang saya tuliskan di sini (tanpa mengganti bagian yang saya beri warna Merah) maka cursornya terlihat seperti ini (bulu ayam).

 

Update !!!

Agar cursornya berubah secara permanen walaupun diarahkan ke link silakan gunakan kode seperti ini:

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCgnYaNneohSqufbN0VK715VYbQxocqXZM5j04RUzZLlElhEPKPBZ_3w02bJSa7Et7zJx6Zb6qrPpqaGMqCQlPP20MMZr0q2dI8DYGIuk57kaR9YpfZJwHE73VVJHNCVc3CHcusTJKyeog/s1600/jasablogsitus-web-id.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCgnYaNneohSqufbN0VK715VYbQxocqXZM5j04RUzZLlElhEPKPBZ_3w02bJSa7Et7zJx6Zb6qrPpqaGMqCQlPP20MMZr0q2dI8DYGIuk57kaR9YpfZJwHE73VVJHNCVc3CHcusTJKyeog/s1600/jasablogsitus-web-id.gif"), auto;}
</style>

Catatan : Yang harus dirubah sama dengan yang sudah saya tuliskan di atas

Selamat mencoba, dan semoga ini bisa mempermudah dalam mengganti cursor blog anda, seperti yang sudah saya lakukan juga di blog saya ini.

Jangan Lupa Like dan share artike Cara Mudah Merubah Cursor Blog Blogger ini ya.

Referensi : Blognya Ahmadrifai

Cara Membuat Buku Tamu Tersembunyi di Blog

Inspirasi | Cara membuat/memasang buku tamu/guest book tersembunyi di blog atau cara agar buku tamu/guest book bisa tersembunyi di blog - Buku tamu merupakan tempat untuk menaruh pesan singkat di blog anda ketika sedang ada yang berkunjung.  Membuat buku tamu harus menggunakan jasa web yang menyediakan layanan buku tamu. Maksud dari judul tersembunyi disini bukan lah buku tamu yang tidak bisa dilihat oleh pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog yang akan terbuka jika ada yang klik gambar buku tamu tersebut. Langkah ini merupakan salah satu langkah dalam menghemat tempat di blog kita. Jika anda tertarik untuk membuat buku tamu tersembunyi ini, silahkan ikuti langkah berikut:

Sebelum anda membuat buku tamu di blog anda, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:

1. Login di blogger dengan ID anda.

2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Lalu Copy kode berikut dan Pastekan Pada kotak HTML

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuHy270V_f4jIeWnnJ7uFc8nVk-KkcAw5y399mhgTaYX19vQs7EsRisalFO9Dx5nf9mkyJefMd7MqMEGasXqN5gfQuzgh6sDcG3Ah8yREPU8I5bObJ0gLMskdRQ55cR6tzDGux9qcr8EOf/') 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">

< Letakkan disini kode Shoutbox Anda>

<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://amronbadriza.blogspot.com/" target="_blank">Blogaul</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>

Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu sobat.

4. Save Widget tersebut.

Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah cara memasang buku tamu tersembunyi ini, semoga bermanfaat.

Source: http://www.amronbadriza.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html#ixzz2Nhq3XdKT

Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog

Kreasi | Kali ini Gede Sitdown Blog akan sedikit memberikan Tips dan Cara Memasang Iklan Melayang di Sebelah Kanan dan Sebelah Kiri Blog keren. Nah kalian pasti udah pernah liat kan Blog yang memasang Iklan di samping kanan dan kiri Blog. Biasanya jenis penempatan Iklan ini adalah jenis yang paling Mahal dari beberapa tempat yang ada di blog. 

Kenapa paling mahal !! Yah tau sendiri kan iklan ini akan selalu tampil di semua Halaman yang pengunjung buka, ngga cuman di home doang. Trus jenis tempat iklan ini juga bisa mengikuti Scroll dari Brouser, jadi mau di atas blog ataupun di bawah Blog iklan ini akan selalu tampil sesuai dengan ukuran dan bentuknya. Seperti ini niee kira-kira contohnya.

Contoh Pemasangannya di Blog Dummy Saya

Nah gimana tuh udah ada gambaran !! Oh yaa scrip ini ada tombol Closenya Lo, jadi kalo pengunjung ngga suka kan mereka tinggal Close aja. Hehehe... hebat kan. Tertarik buat masang di blog, siapa tau setelah masang space iklannya ada Advister yang minat hee..

Berikut adalah Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog :

• Kita masuk Ke Blogger terlebih dahulu.

• Kalo udah kita ke Menu Tata Letak. 

• Pilih Tambahkan Gadged.

• Pilih yang HTML/Java Scrip.

•  Setelah itu tambahkan Kode Html di bawah ini:

 
<script type='text/javascript'>
    $(document).ready(function() {
    $('img#closed').click(function(){
    $('#btm_banner').hide(90);
    });
    });
    </script>
    <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
    </script><script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('headEnd');
    </script>
    <!--start: floating ads-->
    <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">
    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbITTA0TPK_dtiq7RWlh3g_pcf65oSa24Dk-B9tEwBtwtF3dzi_ayqP4h2XdjU8m0HphI4o5FctI3BbXHIQP-nDaoEx9ch2mvIq0FYmAAdZ2MSdYM6JfbaluzeaPuUlVi4NM4bHoYGN_F/s1600/PhoXo2.png'/></center></a></div>
    <!--Mulai-->

Scrip iklan taruh di sini

    <!--Akhir-->
    </div>
    <!--end: floating ads-->
    <!--start: floating ads-->
    <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">
    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbITTA0TPK_dtiq7RWlh3g_pcf65oSa24Dk-B9tEwBtwtF3dzi_ayqP4h2XdjU8m0HphI4o5FctI3BbXHIQP-nDaoEx9ch2mvIq0FYmAAdZ2MSdYM6JfbaluzeaPuUlVi4NM4bHoYGN_F/s1600/PhoXo2.png'/></center></a></div>
    <!--Mulai-->
Scrip iklan taruh di sini

    <!--Akhir-->
    </div>
    <!--end: floating ads-->

 

•  Nahh Kalo udah dimasukin Tinggal Di Save dahh.

Demikian yang bisa saya sampaikan mengenai Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog, selamat mencoba, semoga berhasil.

Sumber : Ariflaw