cara memasang menu pada sidebar blog

oke gan, kali ini belajar blogging akan meluncurkan sebuah turtorial yang berjudul cara memasang menu pada sidebar blog, kali ini saya bener-bener bingung saya haru melakukan apa, tapi ketika saya inget-jnget sesuatu, akhirnya saya dapat ide untuk membuat postingan baru. baiklah dengan adanya menu ini mungkin dapat membantu pengunjung blog merasa nyaman ketika artikel yang dicari ke blog kita tidak ditemukan dan ada pada blog temen kita atau sponsor. sudah cukup basa-basi nya kita lansung aja ke TKP:

pertama-tama masuk ke akun blogger anda (itu sudah wajib) :)

kali ini saya akan membagikan 2 cara sekaligus, terserah agan mau pilih yang mana. free


cara 1:
jika ingin memasang menu pada gambar di bawah ini.

maka langkah yang harus dijalani adalah masuk ke rancangan> tambah gadget> pilih daftar blog ( seperti pada gambar dibawah).

kemudian, pilih tambah ke daftar untuk menambah alamat yang ingin kalian isi, misalnya alamat/URL teman anda, atw yang lain.

setelah itu klik simpan. dan lihat blog anda.

cara 2:

jika ingin memasang menu blog pada gambar dibawah ini.

maka yang harus agan lakukan adalah mengcopy kode dibawah ini.

<li><a href=' alamat URL teman/semacamnya lah  ' title=''> judul blognya</a></li>

jika anda ingin menambah alamat/menunya, tinggal copas (copy+paste) kode tersebut dan isi dengan alamat dan title yang berbeda...

sekian turtorial saya kali ini, semoga bermanfaat. cukup sekian dari saya dan semoga berhasil. salam blogger :D

Read more

cara membuat like fans page facebook diblog

Memasang like fans page di blog:

• Silahkan langsung menuju link http://developers.facebook.com/docs/reference/plugins/like-box/ untuk mendapatkan kode widget.
• Lihat instruksi settingnya pada gambar di bawah ini. (klik untuk memperbesar)

klik untuk memperbesar gambar.

• Selanjutnya klik "get code" untuk mendapatkan kode widget like fans page anda.
• Pilih kode "iframe" untuk mempermudah. Bisa juga menggunakan kode lain tetapi berdasarkan pengalaman kode iframe lebih cepat loading dibandingkan dengan kode lainnya. Selain itu efisien penggunaan juga berpengaruh (lebih simpel red. :)
• Masukkan kode iframe yang telah didapat pada widget blog anda.

sumber

Read more

cara membuat buku tamu melayang pada sisi kanan blog

ketemu lagi di belajar blogging, kali ini bekajar blogging akan memberikan turtorial cara membuat buku tamu melayang pada sisi kanan blog, baiklah, langsung saja ke TKP 
Ikuti langkah-langkah berikut ini :

1.Login ke akun blogger sobat
2.Klik menu RANCANGAN
3.Klik Tambah Gadget

4.Klik/pilh HTML/Javascript

 5.Masukan kode berikut di kolom yang telah disediakan

<!-- right hidden chatbox by http://www.andreykusanagi.com/ START -->
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">

masukan kode shoutbox/buku tamu sobat di sini
<br />
<div class="hc-credit">
<span style="float:left">

</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<!-- right hidden chatbox by http://www.andreykusanagi.com/ END -->

 6. Isi teks yang berwarna biru dengan kode HTML shoutbox agan

7. terakhir klik simpan. semoga berhasil teman2. 

sumber

Read more