Selamat Datang di Blog saya....thanks udah mampir...:)

Laman

Minggu, 30 Januari 2011

Cara Menampilkan kode HTML di Postingan

Dalam menulis postingan biasanya kita juga perlu menampilkan kod HTML, apalagi kalau post yang akan kita tulis berisi cara dalam blogging.
Langsung aja ah..

Caranya yaitu dengan mem-Parse kode yang akan kita tampilkan [parse??].
buka nih Parse 1  , Parse 2
 setelah itu,maukkan kode HTML yang akan kita tulis dan klik "Parse" untuk link "Parse 1" dan klik "encode" untuk "Parse 2". Setelah itu, tulis hisilnya di postingan. Emang tulisannya aneh,tapi terima sajalah..nanti kalo udahdiposting jadi kok...;) hehe

Moga berhasil..;)

Sabtu, 13 November 2010

Membuat Buku Tamu Berada di Samping

Untuk membuat buku tamu berada di pinggir langsung aja nih..
  • Masuk ke blog kamu
  • klik rancangan
  • setelah itu klik tambah gadget
  • pilih HTML/JavaScript
  • Copy kode dibawah 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/AVvXsEjoZHbLauxolYpSGQ5mX6qwfc9oXwPJ-iHpyGr0SKoWz16je9eNL663tCjP0IPw54ZoZ9yfegGr0RUDSLbZ7222PQQaJs7-gRBGSNZt7S4HrAzKSYMS5h6t4oUDzX5hN_fzMVOcigbiiV2I/') 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">

<--Tulis Kode Buku tamu kamu disini-->

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

</div>



<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
  • kemudian cari kode ini <--Tulis Kode Buku tamu kamu disini--> dan ganti dengan kode buku tamu kamu
  • yg terakhir semoga berhasil...;-)

Rabu, 27 Oktober 2010

Mengganti Cursor Pada Blog

Mengganti cursor pada blog memang membuat blog lebih menarik,tapi kalau cursor yg digunakan ruwet malah bikin kita gak betah lama2 di blog itu,

nah....untuk mengganti cursor langkah pertama adalah :
  • buka tempat cursor
  • lalu pilih kursor yang kamu inginkan [saran = pilihlah kursor yang bukan animasi,karena kalau yang animasi lama,,,hehe]
  • setelah ketemu kursor yang diinginkan klik gambarnya..
  • kemudian copy kode HTML nya
  • setelah itu masuk ke blogmu
  • pilah rancangan =>tambah gadget=>HTML/Java Script
  • setelah itu hapus kode berikut



  • nah......setelah itu klik save
  • yg terakhir...moga berhasil...;-)

Sabtu, 23 Oktober 2010

Membuat Efek Daun Berguguran di Blog

Untuk membuat daun berguguran memang banyak kita jumpai di google,tapi kebanyakan dari sumber tsb gagal untuk di terapkan [mungkin saya yg tidak maksud,hehe]

nah...kalo yg saya mau kasih tau ini InsyaAllah jadi kok..;-)
[udah tak coba tuch..he]

  • pertama login ke blogmu
  • lalu klik rancangan => edit HTML
  • kemudian cari kode <head>

  • terus,copy kode berikut dan letakkan di bawah kode <head>


  • terakhir simpan perubahannya..
Moga berhasil..;)

Sabtu, 16 Oktober 2010

Cara membuat Link

membuat link untuk mengarahkan pada blog atau halaman lain sebetulnya sangat mudah,
sampai saya bingunk untuk menjelaskannya,,hehe

langsung aja dech copy kode html ini



kemudian ganti url [http://teenagerkuu.blogspot.com] dengan url kamu atau url yang kamu tuju,dan ganti "klik disini" dengan tulisan yg kamu pengen...

moga sukses..;)

Twitter Delicious Facebook Digg Stumbleupon Favorites More