Cara Pasang Logo Blogger Indonesia

CARA PASANG LOGO BLOGGER INDONESIA - Bagi sahabat Blogger Indonesia yang ingin Memasang Logo Blogger Indonesia kali ini saya akan berbagi Widget dengan sahabat. Mungkin sahabat sering melihat Halaman Blog yang memasang Logo Blogger Indonesia, baik itu pada pojok kiri dan kanan atas, maupun pada pojok kiri dan kanan bawah halaman Blogger.

Sahabat bisa baca juga :
Cara Membuat Buku Tamu Melayang Diblog

Dengan Memasang Logo Blogger Indonesia pada halaman Blog sahabat, maka secara tidak langsung sahabat sudah menunjukan bahwa sahabat sangat mencintai Blogger Indonesia. Selain daripada itu Memasang Logo Blogger Indonesia juga akan mempercantik halaman blog sahabat yang unik untuk dikunjungi oleh para pengunjung blog sahabat baik itu dari dalam maupun luar negeri.

Nah Apabila sahabat tertarik untuk Memasang Logo Blogger Indonesia  caranya cukup mudah, silahkan sahabat lakukan langkah dibawah ini :

1. Login Ke Blogger

2. Lalu Pilih Tata Letak

3. Selanjutnya Pilih Add Gadget

4. Pilih HTML/Javascript

5. Copy salah satu kode Logo Blogger Indonesia Dibawah ini, dan Pastekan kedalam Widget. Save dan lihatlah hasilnya.

 Logo Blogger Indonesia Pojok Kiri Atas

<script language="JavaScript" src="http://sundaboy.googlecode.com/files/sundaboy_kiri_atas.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgohyAHCgqjzs5SH7sC-BC0uJchiFlOIMI9mERIFPkVDbhbYuNDyMlq1m9wjUFQiOEaTXUP6ya90N2r59qWqFWr5brAZ6otgVV07dBDrPVrvefXKiXjO_Pr00I2L9IzyfS5Hthyphenhyphenqe4j3yw/s1600/Blogger-Indo-Kiri.png") </script>

Logo Blogger Indonesia Pojok Kanan Atas

<script language="JavaScript" src="http://sundaboy.googlecode.com/files/sundaboy_kanan_atas.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1VXBtu_rbaY2CcVCMRdTw6YWGlIAPBq24n3H_hI53qVd-2dqVowF7Y39C7V2PW6PBeJHXClRb-_CgmCWXgS6UnqDw5CP942bsIwFi2_0WKZ4csOdLCq5Z6jorepFlA3Gr6COqLdpbono/s1600/blogger-indo-kanan.png") </script>

Logo Blogger Indonesia Pojok Kiri Bawah

<script language="JavaScript" src="http://sundaboy.googlecode.com/files/sundaboy_kiri_bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9zOS06S4F6HIfTQ68sKs8WpVQp0Ch5Fl3FyTEscpWBpVPzwq-QVeuoL3203LJr2kUmVfU6Z6O4NU9y2D3ht-O4UB88WF-NY8i8TrXFKq7LHADRmcpg3ES0NwREmaej0K9lvmuu8dvKM4/s1600/blogger-indo.png") </script>

Logo Blogger Indonesia Pojok Kanan Bawah

<script language="JavaScript" src="http://sundaboy.googlecode.com/files/sundaboy_kanan_bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9zOS06S4F6HIfTQ68sKs8WpVQp0Ch5Fl3FyTEscpWBpVPzwq-QVeuoL3203LJr2kUmVfU6Z6O4NU9y2D3ht-O4UB88WF-NY8i8TrXFKq7LHADRmcpg3ES0NwREmaej0K9lvmuu8dvKM4/s1600/blogger-indo.png") </script>

Bagi sahabat yang ingin menggunakan Gambar sendiri, silahkan ganti saja url Gambar dengan url Gambar milik sahabat.

Oke itulah CARA PASANG LOGO BLOGGER INDONESIA

Read More

Cara Membuat Buku Tamu Melayang

Cara Membuat Buku Tamu Melayang Diblog -silahkan sahabat lakukan langkah langkah dibawah ini :

1. Login ke Blogger

2. Pilih Tata Letak

3. Lalu tambahkan Gadget baru atau Widget Baru "Add Gadget"

4. Setelah itu pilih HTML/Javascript

5. Copy kode dibawah ini dan letakan kedalam Widget yang telah sahabat buat.

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:142px;

width:60px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqhdPrSF7-XjlFB3WH0XmiRnJEx39MXiqjc9NUZoRVklyMm5SpZGZD9t78Mx22oT9IDYIJWrnK-GSb4bFr7nJfsKJQ6ETedJAoWV7vgJ4zhLsIHAtzlAZYuVq-dbYCdSrI_Ehf2T3tXT4_/s1600/Nomor-Cantik.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #ff8000;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

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

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 60-w) : moveGB(50-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">

MASUKAN KODE BUKU TAMU SAHABAT DISINI

<div style="text-align:right">

<a href="http://www.sundaboy.com/">Media Sharing</a>><a href="javascript:showHideGB()">(BUKA)</a>

</div>

<script type="text/javascript">

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

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

</script>

Keterangan :

Silahkan sahabat ganti MASUKAN KODE BUKU TAMU SAHABAT DISINI dengan kode Buku Tamu milik sahabat.

Apabila sahabat mengerti kode java script silahkan untuk merubah atau memberi sentuhan lain didalam kode script diatas, tapi dimohon untuk tidak menghapus link yang ada didalamnya.

6. Simpan Template dan lihatlah hasilnya.

Read More

Membuat Widget Artikel Populer Bergerak

Artikel terpopuler adalah artikel yang biasanya memiliki jumlah pembaca paling banyak. Sebenarnya dari Blogger sendiri sudah menyediakan fasilitas ini. Tapi mungkin terlalu standar dan tanpa efek khusus, sehingga banyak kurang puas untuk menggunakannya. Oleh karena itu kali ini saya akan memberikan tutorial mengenai cara membuat widget popular post (artikel terpopuler) yang dapat bergerak.
Emang apa gunanya dari widget ini? Widget ini sangat membantu pengunjung dalam menentukan artikel yang mungkin ingin dibaca selanjutnya. Dengan melihat jumlah pembacanya membuat pengunjung penasaran ingin membacanya juga.

Langsung aja ke pembahasannya,
Langkah-langkah yang harus dilakukan dalam membuat artikel populer yang dapat bergerak:

• Login ke akun Blog anda.
• Pilih menu "Tata letak".
• Kemudian Pilih "Tambahkan Gadget", dan tambahkan gadget "Entri Populer" (jika anda sudah menambahkan widget ini sebelumnya, lewati tahap ini).

• Masih pada menu Tata letak >> Tambahkan Gadget >> Sekarang tambahkan widget "HTML/Javascript".

• Jika sudah isikan kontennya dengan kode dibawah ini,

<style type="text/css" media="screen">
#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:280px;  
}
#PopularPosts1 ul {
width:342px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
 width:334px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}
#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}
#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#PopularPosts1 li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
#PopularPosts1 li .item-snippet {
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
color:#3E4548;
text-decoration: none;
}
#PopularPosts1 .spyWrapper {
height: 100%;
overflow: hidden;
position: relative;
}
#PopularPosts1 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.tags span,
.tags a {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
a img {
border: 0;
}
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="https://pesan-bocah-alus.googlecode.com/files/artikelpopular.js" type="text/javascript"></script>

Keterangan:
Untuk kode yang berwarna biru bisa anda hapus, jika anda sudah menggunakan Jquery pada Blog anda sebelumnya.

• Jika sudah klik "Simpan".
• Letakan widget "HTML/Javascript" dibawah widget "Entri Populer".

• Sekarang lihat yang terjadi pada Blog anda.

Semoga bermanfaat.

Read More

Cara Mudah Merubah Tampilan Cursor Mouse di Blog

Mouse pointer atau penunjuk mouse adalah tanda yang menyatakan posisi mouse pada layar. Umumnya berbentuk tanda panah akan tetapi bisa diubah sesuai keinginan. Untuk itu pada postingan kali ini saya akan membagikan cara mudah merubah pointer atau cursor mouse pada Blog anda. Cursor mouse merupakan salah satu bagian penting pada Blog, karena merupakan bagian yang paling sering mendapat perhatian dari pengunjung. Dengan merubah kursornya dengan tampilan yang lebih unik tentunya Blog anda akan terlihat lebih menarik. Jika anda tertarik untuk mengganti kursor pada Blog anda, silakan ikuti tutorialnya dibawah,

Langkah-langkah:

• Kunjungi situs www.cursors-4u.com.
• Disana anda akan disugukan banyak contoh dari kursornya.
• Anda dapat memilih berdasarkan kategori yang ada.

• Silakan anda pilih salah satu gambar yang anda ingin gunakan pada Blog anda.

• Jika anda telah menentukan kursor mana yang akan anda gunakan, klik gambar tersebut untuk mendapatkan kode dari kursornya.
• Sekarang copy kode yang diberikan untuk kursor yang telah anda pilih. (Option #1 - Universal CSS/HTML Code)

• Nah anda sekarang telah mendapatkan kodenya.

• Untuk memasangnya di Blog anda, Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode yang sebelumnya telah anda copy.
• Jika sudah klik "Simpan".

Sekarang anda akan menemukan perubahan yang terjadi pada cursor mouse yang ada Blog anda.

Read More