Tutorial Memberikan Buku Tamu pada Blogger

Cara Membuat Buku Tamu di Blog Blogger - Halo sobat blogger, berhubung sudah ada beberapa sobat kita yang bertanya "Bagaimana membuat Buku Tamu di blogger?", maka saya memutuskan untuk membuat tutorial sederhana ini.  Sebenarnya sudah banyak sobat blogger yang telah memposting tentang topik yang serupa dengan cara membuat buku tamu di blog, tapi tidak masalah, soalnya sudah beberapa kali ditanya, g enak aja, hihihi.

Kita langsung saja ya sob:

1. Login di blogger dengan aku sobat
2. Masuk pada menu "Rancangan"
3. "Tambah Gadget" >> Pilih Gadget HTML
4. Pastekan kode berikut ini:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:210px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i275.photobucket.com/albums/jj300/H4L4LYI/cepotgift.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
background:#999999;
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">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=370377&amp;boxtag=antrop&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=370377&amp;boxtag=antrop&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->

<font size="2">
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</font></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

5. Klik Simpan dan selesai. 

Catatan:

Kode yang berwarna merah diganti dengan kode CBOX milik sobat. Jika belum mengerti cara membuat CBOX, silahkan sobat browsing sendiri di google ya :) Sudah sangat banyak sobat blogger yang membuat postingan tentang CBOX.

Read More

Cara Memberikan Translate

Rating: 4.5  Cara Pasang Widget Google Translate Di Blog, yah itulah Tutorial Blogspot kali ini yaitu Cara Memasang Google Translate pada Blog, Google translate pada blog, merupakan salah satu widget yang saya rasa sangat perlu untuk ditambahkan pada blog, khususnya blog yang menggunakan bahasa Indonesia atau sebaliknya blog yang menggunakan bahasa English dan bahasa-bahasa dari berbagai negara lain yang suport dengan google translate.

Sehingga membantu dan mempermudah pengunjung dari berbagai negara bisa membaca dan mengerti atau memahami postingan yang kita tulis pada blog kita setelah di terjemahkan dengan widget google translate ini.

Pada blog tipsh4re ini sudah di pasang Google translate dengan nama translate to, kemudian pilih bahasa yang akan di terjemahkan secara otomatis akan menterjemahkan seluruh tulisan postingan yang ada pada blog ini.
Ada bebarapa hal perlu diperhatikan dalam penulisan pada blog bahasa Indonesia yaitu penulisanya di usahakan menggunakan bahasa Indonesia yang baku, baik dan benar ejaanya, sehingga tidak salah dalam terjemahanya. Bila ada kesalahan tipsh4re dalam ejaan bahasanya senantiasa nanti akan diperbaiki secara berkala.

Memang menterjemahkan menggunakan google translate ini tidak lah sempurna, namun setidaknya jika ada pengunjung dari luar negara lain mengerti dan memahami isi postingan pada blog kita dengan bantuan widget ini.

Langsung saja bagaimana Cara Memasang Google Translate pada Blog ini sangatlah mudah tinggal copy paste koding dibawah ini

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Kemudian paste pada blog kita tambah gadget, terus pilih HTML/JavaScript paste disitu simpan selesai.

Silahkan dicoba semoga bermanfaat !!!!!!!

source : http://tipsh4re.blogspot.com/

Read More