BooMss X

Atas request dari alone_ranger di artikel recent post dengan label, aku coba buat widget untuk recent comments. Mungkin sudah banyak yang tau, widget ini menampilkan komentar terbaru dalam sebuah blog.

Caranya:

1. Masuk ke akun blogger kamu, pilih "Layout" - "Page Elements",
2. Kemudian klik "Add a Gadget" - "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
 

<script type="text/javascript">
var num = 5;
var include_link = true;
</script>
<script src="http://copycat91.googlecode.com/svn/trunk/recentcomments.js"></script>
<script src="http://BLOGKAMU.blogspot.com/feeds/comments/default?alt=json-in-script&callback=onLoadFeed"></script>

Membuat Buku Tamu "Tersembunyi"


Kalau kamu ga tau lagi mau taruh buku tamu kamu di mana, buat aja buku tamu kamu "tersembunyi", dan kalau diklik akan langsung terlihat.
Contohnya kamu bisa lihat di bagian sebelah kanan layar kamu, dan klik tab yang berwarna hijau tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat.

Caranya:

1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkPuXu8Rb8ML4N1jyL-DdZ7bcVPXWiIAadq_vRYvTzj6k9_rcGj2b9Knhj2f09t2B9tExCDrnA9EKNQ1XtB9L5-DDF0DvOmXlv0bJQqxJmFpqkRTlOVXVMUTE-hE_Xxsj2s7ps36kLcOc/') 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">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://boomssx.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
sini (Info Blog)
</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>

msuk ke www.ANimated CAlenders.com, trus copy htmlx,
trus faste ke html javascript mu deh, msih bingung ya comentar z mna tempet bingungx ntar ta ksi tau deh trus, da tambahan G"

By:rizman hafiz

BooMss X

Pertama-tama anda kunjungi situs : http://cooltext.com. Atau biar lebih mudah klik di sini! Lalu, pilihlah text logo yang anda suka. Logo text Setelah klik text logo yang anda suka, mulailah mengisi kolom-kolom sesuai keinginan. Setelah semuanya sudah selesai didesain, klik kata Render Logo. Lalu klik kata Get HTML kode. Terus klik I Agree.

Sekarang sudah jadi deh text logo anda. Eits, tunggu dulu. Kode HTML-nya belum sepenuhnya selesai. Jangan copy kode HTML dulu karena kalau nanti logonya diklik ngga’ akan mengunjungi blog/website anda. Cara menyempurnakan kode HTML anda dengan cara :

1. Hapus kode yang berawalan Image by…-kode HTML yang terakhir. Karena kalau tidak dihapus tulisan ini akan selalu ada dibawah text logo anda.

2. Ganti link : “http://cooltext.com” dengan alamat blog/website anda. Akan tetapi jangan rubah link : “http://images.cooltext.com” yang ada dalam kode HTML

Nah sekarang kode HTML anda sudah selesai. Tinggal pasang deh di sidebar blog anda. Sayangnya nih saya masih belum bisa menampilkan kode HTML-nya ke sidebar blog untuk bisa di copy-paste pengunjung blog anda yang memiliki blog. Untuk soal itu sih anda pelajari sendiri yach. Atau mungkin bisa memasang kode HTML-nya ke dalam kotak komentar.

Satu hal lagi dari saya. Selamat mencoba! :smile:

Gimana ada yang mau punya signatur dibawah posting seperti saya? Gampang kok caranya. Hanya beberapa step aja, maka tiap postingan anda akan memiliki signature, seperti tulisan gold abi bakar dibawah posting ini. Tujuannya agar postingan anda lebih berkarater, dan mungkin lebih bergengsi.
Nah langsung saja, karena sebentar lagi maghrib, begini caranya:
1. Login ke blogger.com.
2. anda masuk ke setting–> formating lalu –> post template, dan masukin kode berikut didalamnya:
<p><image class=”centered”alt=”post signature” src=”http://www.url_image_anda”/></p>
Keterangan: “Url_image_anda” ganti dengan url anda. Anda bisa bikin text image di media-media text generator geratis yang jumlahnya banyak di internet. Kalau saya menggunakan http://yourgen.com/ atau http://cooltext.com/ kemudian simpen di storage online, seperti http://geocities.yahoo.com/ dan lain-lain. Kemudian ambil url-nya kemudian masukan di kode diatas.
Nanti setiap anda akan “create post”, maka url signatur akan muncul, anda letakan tepat dibawah posting/artikel anda.
Selamat mencoba dan semoga bermanfaat.
Dan selamat menunaikan ibadah shalat maghrib untuk WIB dan sekitarnya bagi yang melaksanakannya.
Wassallam.

Cara Ganti Template Blog