Cara Memasang Buku Tamu Melayang

ASSALAMUALAIKUM,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

Kali ini saya akan menunjukkan cara memasang buku tamu melayang. Ini dia Langkah2nya :



1. Sign in ke blogger dan silahkan Login dengan Account Anda

2. Pilih Rancangan/Tata letak

3. Pilih Page Elemen/Elemen Halaman

4. Klik Add a Gadget/Tambah Gadget

5. Lalu pilih "HTML/JavaScript"

Kemudian Copy-Paste kode di bawah ini :

<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('http://i37.tinypic.com/345o85i.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">

LETAKKAN KODE SHOUTMIX/CBOX ANDA DI SINI

<br/>
Anda ingin seperti ini ?<br/>
Klik di
<a href="http://wildanauliya.blogspot.com/2010/11/cara-memasang-buku-tamu-melayang.html">
sini </a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6. Klik Save !!!!!
Selamat Mencoba Yaaaa !!!!!

Cara Memberi Read More Otomatis

ASSALAMUALAIKUM,,,,,,,,,,,,,,,,,,,,,,,,,,,,

Kali ini saya akan memberikan petunjuk memberi read more. Ini dia langkah2nya :



1.Silakan Masuk ke account blogger anda,kemudian masuk ke>tata letak dan pilih>edit
html dan jangan lupa centang pada "Expand Widget Template".
2.Cari kode </head>
kemudian letakkan kode di bawah ini persis di bawah kode tersebut

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

3.Cari kode html berikut:

<data:post.body/> atau <p><data:post.body/>

ganti kode tersebut dengan kode di bawah ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan:kode inilah yang dapat anda ganti summary_noimg = 430; summary_img = 340 dan READMORE...

==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

4.Klik Save Template

Cara Mengganti Favicon for Blogger

ASSALAMUALAIKUM,,,,,,,,,,,,,,,,,,,,,,,,,,,,

Ini dia caranya:

Sebenarnya cara mengganti favicon blogger ini cukup mudah. Anda bisa menggantinya melalui pengeditan layout. Berikut tutorialnya.

1. Masuk ke akun blogger anda.

2. Pilih menu Layout (Tata Letak) » Edit HTML.

3. Cari kode di bawah ini.

<b:include data='blog' name='all-head-content'/>

4. Copy-paste kode berikut di bawah kode tadi.

<link href='url-gambar' rel='shortcut icon'/>

Ganti tulisan berwarna merah dengan url gambar yang akan dijadikan favicon.

Simpan template.

Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.

ket:
< ganti dengan < » > ganti dengan > »
& ganti dengan & »

Untuk cara memasang favicon di blog selain blogspot juga bisa menggunakan kode di atas. Tetapi pengeditan HTML-nya mungkin sedikit berbeda.

Selamat mencoba!