Tutorial

Minggu, 02 Desember 2012

Cara Menambahkan Jam,Kalender and Buku Tamu di Blog

25 November 2012



Gatget Jam

Caranya Menambahkannya..........!!!
Cari dan Klick Tata Letak lalu Tambah gatget pilih Java scrip.
kemudian Copy Paste rumus dibawah ini.

: <script src="http://localtimes.info/clock.php?continent=Asia&amp;country=Indonesia&amp;city=Jakarta&amp;widget
_number=121&amp;fwdt=150&amp;ham=1&amp;hfg=1" type=
"text/javascript"></script>



Gatget Kalender

Sama Dengan Cara diatas.pilih Java scrip. dan copy paste rumus di bawah

<!-- FREE-BLOG-CONTENT.com -->
<br /><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0051.htm" width="120" height="158" 
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center>


Buku Tamu


  1. Langkah Pertama  pergi ke cbox untuk mendaftar
  2. Lalu pilih Sign Up atau jikasudah punya langsung login aja
  3. Jika Sudah mendaftar Cbox lalu muncul tulisan control panel disitu masukan password buat login anda tadi
  4. Setelah ke saved pilih publish sebelah home kemudian copy rumus tersebut lalu copy kan ke rumus dibawah ini yang berwarna merah.

dan Langkah berikutnya Copy-Paste HTML 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/AVvXsEiCa4qhENX_b6xP9VrNq-bEOVE8hyINrqZYVQv0Q35Z1qqTqeTiPH4jJ8CFUCgY97C5fwJXxTOu4hAhYQCLHLHKgUjC3-GIU-swWYvIIg6HSBWduAHiBlZxhkYAvrXMvxtKvtyJENqMoj8/s1600/bukutamu.png') 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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><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></div></div>

Cara menaruh html di atas
  1. Masuk akun blogger siapa ajah boleh
  2. Ke tata letak
  3. Add gadget atau Tambah gadget
  4. Edit html/javascript
  5. Masukan html di atas
  6. Selesai
dan ganti tulisan yang biru dengan html/javascript Cbox/buku tamu
yang tadi 

Terimakasih......!!!

Tidak ada komentar:

Posting Komentar