Cara membuat border pada postingan

syihab22.blogspot.com

 1. Masuk ke blog anda
 2. Pilih Entri baru
 3. Saat sudah dihalaman postingan, pilih HTML bkn compose
     Berikut contoh sekaligus kode nya :
Bentuk 1 :

<div style="border: 1px #000000 solid; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Bentuk 2 :

<div style="border: 1px #000000 dotted; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Bentuk 3 :

<div style="border: 1px #000000 dashed; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Bentuk 4 :

<div style="border: 2px #000000 solid; padding: 10px; background-color: #CEF6CE; overflow: auto; height: 50px; width: 300px; text-align: left;"> isi tulisan yang tampil dalam border </div>

KETERANGAN :
1. Warna biru= Tebal border/garis
2. Warna merah= Warna border
3. Warna pink= Jarak bagian dalam border dengan body
4. Warna orange= Warna background
5. Warna hijau= Tinggi kotak
6. Warna abu-abu= Lebar kotak


Selesai...selamat mencoba, jangan lupa di follow ya!!terima kasih

Cara membuat YM! PINGBOX

 

1. Signin yahoo anda di web http://messenger.yahoo.com/
2. Pilih Pingbox™ >> Create a Pingbox
3. Setting Pingbox anda >> Save

 

    4.  Atur lah ukuran nya dan copy kode nya

    5.  Langkah berikut nya login ke blog anda

    6.  Pilih Rancangan/Tata letak >> Add gadget >> HTML/Java script

Selesai..mudah kan, selamat mencoba dan bermanfaat untuk anda!!jgn lupa follow blog ini ya..terima kasih

Cara mengganti read more dengan icon/gambar

1.  Login ke blog anda
2. Pilih Rancangan >> Edit HTML >> Centang Expand Widget Template
3. Control+f cari kata READ MORE/BACA SELENGKAPNYA/READ POST
4. Anda akan menemukan code berikut : <a expr:href='data:post.url'>baca selengkapnya</a></span>
5. Ganti kata berwarna merah dengan <img src="url gambar"/>

Keterangan :
Sebaik nya pilih pratinjau terlebih dahulu, jika terjadi kesalahan maka blog anda akan rusak...jika berhasil baru lah pilih simpan template.

Selesai, semoga bermanfaat dan selamat mencoba..
Jangan lupa join ya..!!Makasih :D

Cara Membuat Buku Tamu

Untuk membuat buku tamu yang bisa buka tutup ini, silahkan Anda buat widget shoutbox yang bisa didapatkan di shoutmix atau cbox Di sana kita registrasi dan buat widgetnya lalu ambil kodenya. 
 Cara Membuat Buku Tamu yang Buka Tutup
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut :
 

<style type="text/css">
#gb{
position:fixed;
top:100px;
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/AVvXsEi5pi6SsaxIjKN6eRQVrm0DICQoTEgYufoTGugwvEyBCMek11LKEBeOI2AGn2X-p5ozqUgkZVOTX59SMLkRMIfNJgMefISEgPL3k5YbckTfcyFiqkd_l02DPOCEmFuTOoGDhCE2Tq9khrQm/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:2px;
}
</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">

TARUH KODE WIDGET SHOUTOXMU DI SINI

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

Selanjut nya letakkan kode yang sudah peroleh dari shoutmix atau cbox atau dari web lain ditempatnya (TARUH KODE WIDGET SHOUTOXMU DI SINI). Dan Simpan jika sudah selesai.