tag:blogger.com,1999:blog-10254619277119160782024-03-05T15:56:24.593-08:00-= MeNcARi ILmU =-bAGUS...berbagi imuhttp://www.blogger.com/profile/15150969863255186292noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-1025461927711916078.post-62171918673747032182019-04-23T11:10:00.001-07:002019-04-23T11:10:00.883-07:00TERBARU Tanya jawab paling lucu ustad somad lc.ma bagai mana cara mengha...<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/mKKJRuwqHRk" width="480"></iframe>berbagi imuhttp://www.blogger.com/profile/15150969863255186292noreply@blogger.com0tag:blogger.com,1999:blog-1025461927711916078.post-27462497068412643782012-09-15T02:22:00.001-07:002012-09-15T02:22:48.694-07:00<h3 class="post-title entry-title">
Cara Membuat Buku Tamu Tersembunyi
</h3>
<div class="post-header">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzfx4PTIUA_mIa3fglUTzxlBBeHg04nptbgtDu8CNaYhn1whyphenhyphen1NH9e370gfdLf9be1-cXKsa-CIxNUdWdhYeu7lT4_AikiFa6hHRTuwWGubKFHm3DMcBJflYI91GSpMpdkpJeKI0lclQ0/s1600/buku+tamu.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzfx4PTIUA_mIa3fglUTzxlBBeHg04nptbgtDu8CNaYhn1whyphenhyphen1NH9e370gfdLf9be1-cXKsa-CIxNUdWdhYeu7lT4_AikiFa6hHRTuwWGubKFHm3DMcBJflYI91GSpMpdkpJeKI0lclQ0/s320/buku+tamu.png" width="320" /></a></div>
<div align="justify">
<span class="unik">M</span></div>
emasang
sebuah buku tamu (guestbook) pada sebuah blog adalah hal yang cukup
penting,karena buku tamu ini merupakan salah satu sarana untuk
berinteraksi antara yang Anda dengan para pengunjung blog. Dengan adanya
buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi
hatinya tentang blog yang Anda buat, yang pasti isi dari sebuah buku
tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar
iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan
justru dengan adanya variasi itulah membuat blog kita jadi lebih
menarik.<br />
<br />
Pastinya Anda penasaran kan dengan buku tamu di blog saya ini. Ternyata
buku tamu ini bisa disembunyikan dengan tujuan tidak memakan tempat
seperti di sidebar blog Anda dan membuat blog Anda jadi lebih menarik.<br />
<br />
Namun sebelum Anda membuat buku tamu, Anda harus menggunakan penyedia
buku tamu dari pihak ketiga, tapi Anda nggak usah khawatir, ada kok
penyedia buku tamu yang servernya lumayan bagus dan jarang sekali
mengalami down yakni <a href="http://www.shoutmix.com/">http://www.shoutmix.com</a> atau <a href="http://www.cbox.ws/">http://www.cbox.ws</a>.
Nah, dari penyedia buku tamu inilah kita nanti akan mendapatkan kode
buku tamu yang akan kita pasang bersama script di bawah ini.<br />
<br />
Ahh.. sepertinya kita tidak usah bertele-tele lagi kali yaa, berikut ini cara membuat buku tamu seperti yang saya miliki : <br />
<br />
[1]. Masuk ke <a href="http://www.blogspot.com/">Blogger</a><br />
[2]. Pilih "Rancangan/Layout" kemudian "Page Elements"<br />
[3]. Klik "Add a Gadget" lalu pilih "HTML/JavaScript" dan copy-paste kode di bawah ini :<br />
<br />
<blockquote>
<style type="text/css"><br />
#gb{<br />
position:fixed;<br />
top:50px;<br />
z-index:+1000;<br />
}<br />
* html #gb{position:relative;}<br />
<br />
.gbtab{<br />
height:100px;<br />
width:30px;<br />
float:left;<br />
cursor:pointer;<br />
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1p7TgTLXBCB5bDAu2Q7vb373cxmR78x8zjZVjlkr05_jqePB38FgW02wMbcg0ZDDn99-31i4EcvGcUM7V-L9VgsyBZKE9aGUT9Yc2oTONKInqD5gghXpiFKih4cFIIhC1l327cUku8p0D/s128/345o85i.gif') no-repeat;<br />
}<br />
.gbcontent{<br />
float:left;<br />
border:2px solid #A5BD51;<br />
background:#F5F5F5;<br />
padding:10px;<br />
}<br />
</style><br />
<br />
<script type="text/javascript"><br />
function showHideGB(){<br />
var gb = document.getElementById("gb");<br />
var w = gb.offsetWidth;<br />
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />
gb.opened = !gb.opened;<br />
}<br />
function moveGB(x0, xf){<br />
var gb = document.getElementById("gb");<br />
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />
var dir = xf>x0 ? 1 : -1;<br />
var x = x0 + dx * dir;<br />
gb.style.right = x.toString() + "px";<br />
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />
}<br />
</script><br />
<br />
<div id="gb"><br />
<div class="gbtab" onclick="showHideGB()"> </div><br />
<div class="gbcontent"><br />
<br />
<span style="color: lime;"><!-- GANTI INI DENGAN KODE BUKU TAMU ANDA --></span><br />
<br />
<br/><br />
Mau punya buku tamu seperti ini?<br/><br />
Klik<br />
<a href="http://hariopamungkas.blogspot.com/2011/05/cara-membuat-buku-tamu-tersembunyi.html"><br />
disini<br />
</a><br />
<br />
<div style="text-align:right"><br />
<a href="javascript:showHideGB()"><br />
[tutup]<br />
</a><br />
</div><br />
</div><br />
</div><br />
<br />
<script type="text/javascript"><br />
var gb = document.getElementById("gb");<br />
gb.style.right = (30-gb.offsetWidth).toString() + "px";<br />
</script></blockquote>
[4]. Pada kode di atas, cari kode <span style="color: lime;"><!-- GANTI INI DENGAN KODE BUKU TAMU ANDA --></span><b> </b> dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya. Sebagai referensi, saya tambahkan <a href="http://hariopamungkas.blogspot.com/2011/05/cara-daftar-dan-memasang-cbox-pada.html">cara mendapatkan kode buku tamu dari Cbox</a>. <br />
[5]. Yang terakhir klik "Simpan", selesai deh.<br />
<br />
<i>Catatan :</i><br />
Jika Anda ingin mengatur posisinya. Ubah aja nilai atribut top-nya.
Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah Anda.<br />
<br />
Bagaimana..?? Makin penasaran..??? Saran saya lebih baik Anda langsung aja deh mencobanya, mudah kok.<br />
<br />
Selamat mencoba yaa dan semoga bermanfaat..berbagi imuhttp://www.blogger.com/profile/15150969863255186292noreply@blogger.com0tag:blogger.com,1999:blog-1025461927711916078.post-61082295803415718762012-09-07T00:49:00.000-07:002012-09-07T00:49:27.827-07:00<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Times,'Times New Roman',serif; font-size: xx-small;"><span class="apple-style-span"><span style="color: black; font-size: 12pt; line-height: 115%;">Mau tau</span></span><span class="apple-converted-space"><span style="color: black; font-size: 12pt; line-height: 115%;"> </span></span><span class="apple-style-span"><i><u><span style="color: black; font-size: 12pt; line-height: 115%;"><b>Cara Buat Teks Efek Burning</b></span></u><span style="color: black; font-size: 12pt; line-height: 115%;"> </span></i><span style="color: black; font-size: 12pt; line-height: 115%;">Kayak gini di Blog kamu ?</span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</blockquote>
<div class="MsoNormal" style="line-height: normal; margin: 0in 12pt 0.0001pt; text-align: left;">
<span style="color: black; font-size: 12pt;">Ikuti langkah - langkah berikut ini :</span></div>
<div class="MsoNormal" style="line-height: normal; margin: 0in 0in 0.0001pt 4.5pt; text-align: left;">
<span style="color: black; font-size: 12pt;">1. Kunjungi <a href="http://adf.ly/3IEzC"><span style="color: blue;"> http://coolteks.com/</span></a></span></div>
<div class="MsoNormal" style="line-height: normal; margin: 0in 0in 0.0001pt 4.5pt; text-align: left;">
<span style="color: black; font-size: 12pt;">2. Pilih dan Klik<span style="color: red;"> </span><b style="color: red;">efek Burning</b><span style="color: red;"> </span>yang ada pada tampilan</span></div>
<div class="MsoNormal" style="line-height: normal; margin: 0in 0in 0.0001pt 4.5pt; text-align: left;">
<span style="color: black; font-size: 12pt;">3. Edit dengan teks yang kamu inginkan (Ganti Font, Ukuran Teks, Warna)</span></div>
<div class="MsoNormal" style="line-height: normal; margin: 0in 0in 0.0001pt 4.5pt; text-align: left;">
<span style="color: black; font-size: 12pt;">4. Kalau sudah selesai klik Render Logo pada bagian bawah</span></div>
<div class="MsoNormal" style="line-height: normal; margin: 0in 0in 0.0001pt 4.5pt; text-align: left;">
<span style="color: black; font-size: 12pt;">5. Kemudian klik Download Image</span></div>
<div class="MsoNormal" style="line-height: normal; margin: 0in 0in 0.0001pt 4.5pt; text-align: left;">
<span style="color: black; font-size: 12pt;">6. Image / Gambar akan tersimpan di komputermu</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY67KJ2d9leK10EQL0sCrK-okbIqtoarOMx9I437xH3rGqwYF71g_JZglbX-ZDlNb5x5Qc3kTtSr7FE-5ct2f7pQDHFCdjVnLAX1szbzsTDVV0P33qZEqHju_VXKn6Emsbe_HT_55ru1Q/s1600/cooltext757353377.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY67KJ2d9leK10EQL0sCrK-okbIqtoarOMx9I437xH3rGqwYF71g_JZglbX-ZDlNb5x5Qc3kTtSr7FE-5ct2f7pQDHFCdjVnLAX1szbzsTDVV0P33qZEqHju_VXKn6Emsbe_HT_55ru1Q/s1600/cooltext757353377.gif" /></a></div>
<div class="MsoNormal" style="line-height: normal; margin: 0in 0in 0.0001pt 4.5pt; text-align: left;">
<span style="color: black; font-size: 12pt;">7. Nah tinggal upload aja tuh Image / Gambar ke blog kamu</span></div>
<div class="MsoNormal" style="line-height: normal; margin: 0in 0in 0.0001pt 4.5pt; text-align: left;">
<span style="color: black; font-size: 12pt;">8. Mudah bukan ????!!!</span></div>
berbagi imuhttp://www.blogger.com/profile/15150969863255186292noreply@blogger.com0