Minggu, 09 Agustus 2009

TUKAR LINK

2 komentar
Bagi para sobat yang mau tukaran Link Banner silahkan para sobat menampilkannya secara otomatis di halaman blog saya ini dengan cara menulis alamat URL site dan alamat URL banner para sobat di kolom yang tersedia. Untuk Link Text para sobat juga bisa menampilkannya secara otomatis dengan cara menulis nama dan alamat URL site para sobat di kolom yang tersedia.

Silahkan sobat copy salah satu script Link Banner ataupun hanya cukup Link Text saya di bawah ini, dan pastekan ke gadget site sobat. Terima kasih atas perhatiannya dan akhir kata... " Tetaplah Menulis Dan Selalu Mau Berbagi ".


Photobucket

<a href="http://situsbelajarblog.blogspot.com" target="_blank" title="Situsbelajarblog"><img border="0"
src="http://i649.photobucket.com/albums/uu215/k03t1l/link1.png"></a>










Sabtu, 08 Agustus 2009

FORUM






Kamis, 06 Agustus 2009

MENYISIPKAN GAMBAR PADA LINK TEXT

1 komentar

Di samping linknya terdapat icon-icon jenis file linknya. Seperti icon zip, doc, pdf, atau bahkan html. Dengan menampilkan icon file tersebut maka itu akan lebih menjelaskan jenis file yang akan di download. Dan tentunya itu menjadi lebih menarik dibandingkan dengan hanya tulisan saja.

Agar setiap link yang berekstensi .zip .pdf .doc dapat menampilkan icon sesuai filenya, maka berikut caranya.


1. pastekan code diabwah ini setelah code <head>


<script type="text/javascript" src="http://www.geocities.com/ebenk_789/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a[@href$=pdf]").addClass("pdf");
$("a[@href$=zip]").addClass("zip");
$("a[@href$=doc]").addClass("doc");
});
</script>


2. cari kode //]]>

3. Copy lalu pastekan code dibawah sebelum kode //]]>

.pdf {
padding-left: 20px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq6fERkRpaZTenm9tbz8uLgV1TZSpIbcyVYxvk7ZSpdodEfdOjNFDCQUjLmAjBzZGJlsegsAGP5C4Be3amZAQFDR7SlKmqDw8HD4vQqhYaIOuelUKqP5HweSM0fxoCzAlpj8WO7HUoGdo/s144/icon-pdf.png) left top no-repeat;
}

.zip {
padding-left: 20px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGVFBv1s_TfxGhnfpFqcgsNvCG76dtunrmFS3CkIX51DOZLbONkAeUVvVqrkMd93Rz1UqpJfCNMSLuGcOT1FnoHzTRWLmajl5jtMbx4vW5_2ijqUgEcsmz2zPUpH4drcWAzcQOp4guf_c/s144/icon-zip.png) left top no-repeat;
}

.doc {
padding-left: 20px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitQxXjgA0_gU59YkyDLSi3bZCm4O8Khc9Jt6Mk2AWi4d42bpU2vOua_FGWDmgxwqVXH5TLCq4A8ZGExZiOA7B4b06jtTeydwLLtNgVxT4xylFpHHEJTdto8hbXLr5cgHHKIdWY07Z90PM/s144/icon-doc.png) left top no-repeat;
}

4. Save template


MENGHILANGKAN LINK POSTING

0 komentar

Untuk menghilangkan “Posting baru” atau “Newer Posts” :

Cari kode yang mirip seperti ini pada template anda :
#blog-pager-newer-link {
float: left;
}

Ganti kodenya jadi seperti ini :

#blog-pager-newer-link {
display:none;
}

Jangan lupa untuk menyimpan template anda

Untuk menghilangkan “Posting Lama” atau “Old Posts” :

Cari kode yang mirip seperti ini pada template anda :

#blog-pager-older-link {
float:right;
padding-right:5px;
}

Ganti kodenya jadi seperti ini :

#blog-pager-older-link {
display:none;
}

Jangan lupa untuk menyimpan template anda

Untuk menghilangkan “Home” atau “Halaman Muka” :

Cari kode yang mirip seperti ini pada template anda :

#blog-pager {
text-align: center;
}

Ganti kodenya jadi seperti ini :

#blog-pager { 
display:none;
}

Jangan lupa untuk menyimpan template anda

Mudah sekali bukan? atau anda masih merasa bingung? OK, kang Rohman ladenin deh kalau begitu. Berikut langkah lengkapnya ;

  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML
  4. Klik Download Template Lengkap. silahkan save dulu template anda sebagai backup.
  5. Cari kode yang mirip dengan kode di bawah :
    #blog-pager-newer-link {
    float: left;
    }
    #blog-pager-older-link {
    float:right;
    padding-right:5px;
    }
    #blog-pager {
    text-align: center;
    }
  6. Hapus kode di atas, lalu ganti dengan kode di bawah ini :

    #blog-pager-newer-link {
    display:none;
    }
    #blog-pager-older-link {
    display:none;
    }
    #blog-pager {
    display:none;
    }
  7. Klik tombol SIMPAN TEMPLATE.

 

Situs Belajar Blog Copyright 2009, Designed by K03t1l's Notez