Minggu, 27 November 2011
Membuat Background Posting Berbeda-beda
Membuat background dengan warna
Agar warna background postingan bisa berbeda-beda setiap postingan, anda perlu melakukan : Membuat Background Posting Berbeda-beda
Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :
Dan diakhir postingan, harus di tutup dengan kode seperti ini :
Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan.Kumpulan Kode warna nya Ada DISINI. Membuat Background Posting Berbeda-beda
Karena kode ini merupakan Style dari CSS, maka tentu saja bukan hanya warna background yang bisa anda tentukan, warna hurup, jenis hurup, perataan posting, dan lain-lain pun bisa anda tentukan. So, yang pasti postingan anda akan bervariasi dan tidak terkesan monoton (monoton TV apa monoton Film ye?). Sebagai contoh, jika postingan anda ingin berwarna background abu-abu, tulisan bisa rata kiri-kanan, besarnya hurup 120% dan padding sebesar 10 pixel :
Hasilnya akan seperti ini :
heuheuheu.. gampang banget kan? kang rohman bilang juga apa, sok di coba atuh biar seru.
Membuat background dengan Gambar
Nah jika postingan anda ingin mempunyai background berupa gambar, langkah pertama yang harus di ingat yaitu anda harus punya gambar yang akan di jadikan background (bahasanya ko bolak-balik dekok begitu yach?). Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar. Bingung cara upload gambar ke hosting gratisan? ya udah baca dulu postingan kang rohman yang di sini, di sini, dan di sini juga.
Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :
Membuat Background Posting Berbeda-beda
Membuat Background Posting Berbeda-beda
Dan diakhir postingan, harus di tutup dengan kode seperti ini :
Ganti tulisan alamat_gambar_disini dengan alamat gambar yang ingin anda tampilkan. Penggunaan kode no-repeat tentu saja apabila gambar yang anda miliki memiliki ukuran besar dan tidak mau di tampilkan berulang-ulang.
Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.
Sebagai contoh, saya ingin membuat posting dengan background yang beralamat di http://kangrohman.googlepages.com/roll_02.jpg, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :
Hasilnya akan seperti ini :
ReadFull Article ..
Agar warna background postingan bisa berbeda-beda setiap postingan, anda perlu melakukan : Membuat Background Posting Berbeda-beda
Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :
<div style="background:kode_warna_disini;"> Dan diakhir postingan, harus di tutup dengan kode seperti ini :
</div> Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan.Kumpulan Kode warna nya Ada DISINI. Membuat Background Posting Berbeda-beda
Karena kode ini merupakan Style dari CSS, maka tentu saja bukan hanya warna background yang bisa anda tentukan, warna hurup, jenis hurup, perataan posting, dan lain-lain pun bisa anda tentukan. So, yang pasti postingan anda akan bervariasi dan tidak terkesan monoton (monoton TV apa monoton Film ye?). Sebagai contoh, jika postingan anda ingin berwarna background abu-abu, tulisan bisa rata kiri-kanan, besarnya hurup 120% dan padding sebesar 10 pixel :
<div style="background:#D9D7D7; text-align:justify; font-size:120%">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.
</div> Hasilnya akan seperti ini :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.
heuheuheu.. gampang banget kan? kang rohman bilang juga apa, sok di coba atuh biar seru.
Membuat background dengan Gambar
Nah jika postingan anda ingin mempunyai background berupa gambar, langkah pertama yang harus di ingat yaitu anda harus punya gambar yang akan di jadikan background (bahasanya ko bolak-balik dekok begitu yach?). Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar. Bingung cara upload gambar ke hosting gratisan? ya udah baca dulu postingan kang rohman yang di sini, di sini, dan di sini juga.
Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :
Membuat Background Posting Berbeda-beda
<div style="background:url(alamat_gambar_disini) no-repeat;"> Membuat Background Posting Berbeda-beda
Dan diakhir postingan, harus di tutup dengan kode seperti ini :
</div> Ganti tulisan alamat_gambar_disini dengan alamat gambar yang ingin anda tampilkan. Penggunaan kode no-repeat tentu saja apabila gambar yang anda miliki memiliki ukuran besar dan tidak mau di tampilkan berulang-ulang.
Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.
Sebagai contoh, saya ingin membuat posting dengan background yang beralamat di http://kangrohman.googlepages.com/roll_02.jpg, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :
<div style="background:url(http://kangrohman.googlepages.com/roll_02.jpg) no-repeat right top; text-align:justify; font-size:90%; padding:10px">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.
</div> Membuat Background Posting Berbeda-beda Hasilnya akan seperti ini :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.
menghilangkan “underline” garis bawah di blog
Menurut kebiasan yang berlaku, sebuah tulisan yang berbentuk link biasanya memang mempunyai garis bawah, akan tetapi sebenarnya garis bawah tersebut bisa di hilangkan apabila di inginkan. Bagaimana cara menghilangkan garis bawah pada link? untuk menghilangkannya hanya perlu merubah beberapa kode yang ada pada style sheet CSS, kode tersebut biasanya seperti ini :
menghilangkan “underline” garis bawah di blog
a:link
{
color:#58a;
text-decoration:underline
} a:hover
{
color:#c60;
text-decoration:underline
}
a:visited
{
color:#969;
text-decoration:underline
}
Agar menjadi faham, akan saya uraikan :
a:link
{
color:#58a;
text-decoration:underline
} Kode ini mempunyai arti sebuah link akan berwarna biru dan bergaris bawah.
a:hover
{
color:#c60;
text-decoration:underline
} Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.
a:visited {
color:#969;
text-decoration:underline
} Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna biru tua (banget) dan bergaris bawah.
Pertanyaan selanjutnya manakah kode diatas yang membuat link menjadi bergaris bawah? jawabnya adalah kode :
text-decoration:underlineTulisan “underline” lah yang membuat link menjadi bergaris bawah. Apabila kita tidak menginginkan adanya garis bawah pada sebuah link, maka kita hanya cukup merubahnya dengan kata none, nanti kodenya akan menjadi seperti ini :
text-decoration:none menghilangkan “underline” garis bawah di bloggampang kan chu…,,,!!!
Cara Hack Jumlah Pengunjung Online Di Blog
Maksud Penulis yakni bagaimana Mengakali Jumlah Pengunjug yang sedang Online saat ini Di Blog Sobat, Sobat blogger pasti rata-rata sudah tahu dengan Widget satu ini karena rata-rata sudah Pasang diblog masing-masing.
Oke kali ini kita akan Meng-Hack nya Agar Jumlah Visitor Nampak Ramai,Nanti Blog sobat akan nampak keren dan kemungkinan besar pengunjung tidak akan tahu.
Mari kita lakukan ikuti langkah-langkah berikut :
Bila Sobat akan menambah widget ini ke blog pasti akan menaruh code html ini pada blog :
Cara Hack Jumlah Pengunjung Online Di Blog
<script type="text/javascript" src="http://widgets.amung.us/colored.js"></script><script type="text/javascript">WAU_colored('aycw41907oxu', '000000f7efff')</script>
Cara Hack Jumlah Pengunjung Online Di Blog
Nah..kode yang berwarna BIRU itu adalah yang mau kita hack. Ganti kode yang berwarna biru itu dengan kode ini :
e3ku0gzti42i
Oke sekarang Blog Sobat akan terlihat seolah-olah berpengunjung sampai 438 lebih!!!Selamat Mencoba
Cara Menghilangkan Icon Obeng dan Tang / Quick edit Blog
Apa sih maksud dari judul posting ini, sepertinya agak aneh? begini nih teman-teman, jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. berikut contoh screenshotnya :
Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.
Namun ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Apakah kita bisa menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita. Ingin tahu kodenya seperti apa, nih ini dia kodenya, coba pasang saja di Style Sheet CSS anda :
.quickedit{
display:none;
}
Mudah sekali bukan? atau masih bingung. Ok deh, ini dia cara lengkapnya :
Selain langkah di atas, sebenarnya masih ada yang harus anda lakukan yaitu silahkan ucapkan “ Selamat tinggal Obeng dan Tang…dadaaahhhhh “ hehehe….
ReadFull Article ..
Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.
Namun ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Apakah kita bisa menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita. Ingin tahu kodenya seperti apa, nih ini dia kodenya, coba pasang saja di Style Sheet CSS anda :
.quickedit{
display:none;
}
Mudah sekali bukan? atau masih bingung. Ok deh, ini dia cara lengkapnya :
Cara Menghilangkan Icon Obeng dan Tang / Quick edit Blog
- Login ke blogger dengan ID anda tentunya.
- Klik Tata Letak.
- Klik tab Edit HTML.
- Cari kode seperti ini :
]]></b:skin> - Copy paste kode berikut persis di atas kode yang tadi :
.quickedit{
display:none;
} - Klik tombol Simpan template.
- Selesai.
Cara Menghilangkan Icon Obeng dan Tang / Quick edit Blog
Selain langkah di atas, sebenarnya masih ada yang harus anda lakukan yaitu silahkan ucapkan “ Selamat tinggal Obeng dan Tang…dadaaahhhhh “ hehehe….
Cara Menghilangkan Icon Obeng dan Tang / Quick edit Blog
Selamat mencoba!
Cara Acak Acak (hack) Facebook Orang (JavaScript Opera)
Waduh Lagi-lagi Cara Hack Neh... Seperti seorang Hacker Aja,padahal Ga bisa apa-apa.Kali ini Kita Akan Hack Facebook seseorang " Mau Temen, Mau Pacar, Mau Saingan..Terserah Anda Tapi Bukan bertujuan Meng Hack Accountnya.
Dengan metode berikut kita akan Acak-Acak FB orang sesuka kita, misal Hapus Photonya, Hapus Temen-temen nya dll, semau Agan-Agan.
Mari kita Mulai, Eittt Jangan Lupa Baca " SIm Salabim "
Harap Jangan Berlebihan yah.
Cara Acak Acak (hack) Facebook Orang (JavaScript Opera)
Ikut Langkah Berikut :
Syarat Utama Browser harus pakai Browser Opera
Pertama x
Silahkan Menuju Facebook Siapa saja, sebaiknya di coba Pakai FB Temen-temen deket dulu, ntar bisa minta maaf koq.
Oke lanjut, setelah Terbuka Silahkan Lanjutkan Kelangkah berikut... " Hati-hati Melangkahnya Ntar KePleset, Lagi Musim banjir "
Cara Acak Acak (hack) Facebook Orang (JavaScript Opera)
Kedua x :
Copy Kode Berikut :
javascript:document.body.contenEditable='true'; document.designMode='on'; void 0
Ketiga x :
Hapus Alamat ( Ulr ) Facebook Teman kita tadi yang ada di Address Bar
Pastekan Kode diatas pada Address bar yg tadi di Hapus,
Cara Acak Acak (hack) Facebook Orang (JavaScript Opera)
Keempat :
Saatnya kita Beraksi
Klik Kanan Gambar atau Photo mana Saja, Sobat Bisa hapus dengan cara Klik Delete, atau bisa sobat Pindahkan kemana saja dengan menyeret Mouse
Kelima :
Horeeeee.. Berhasil...
Keenam :
Jangan Seneng dulu, Karena ini Hanya Berlaku di Kompi Agan saja!!!
Ketujuh :
Maafkan Daku yah, karena tidak bermaksud mempermainkan Sobat
Hanya bertujuan Berbagi Ilmu
contoh facebook yang saya acak acakin
KLIK GAMBAR UNTUK MEMPERBESAR
Cara Acak Acak (hack) Facebook Orang (JavaScript Opera)
Cara Sembunyikan Buku Tamu Facebook di blog
Mempercantik Blog kita dengan berbagai widget / Gadget memang sudah jadi Tradisi, ini demi betahnya pengunjung diblog kita. Namun kadang juga kita bingung mau ditaruh dimana lagi gadget baru kita sedangkan blog sudah penuh dengan pernak pernik.
Alternatif yang paling Keren yakni disembunyikan atau dibuat melayang disisi kiri atau kanan, blog.
Silahkan Ikuti Langkah-langkah Berikut Untuk Pemasangannya :
Cara Sembunyikan Buku Tamu Facebook
Kode untuk Sebelah Kiri
<style type="text/css">
#gb{
position:fixed;top:100px;z-index:+1000;}
* html #gb{position:relative;}
.gbtab{height:128px;width:35px;
float:right;
cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuJ9CSYkBAEMzoPGbtJwoCnO0S1NBHgqn00CoUEyP8VCxWpRj59-ZC3dhyphenhyphenWk1iSGgs3J_-y_HwSeakr1lBlJGspB2Hn9OhwdV9fj0-UDO4VLEihAn8MCauAhBcSpmXo3nk24dqDYnyWzU/') no-repeat;}
.gbcontent{float:right;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.left = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}
</script><div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">
<div style="text-align: center;">
<span style="color: blue; font-size: x-small;">Selamat Datang</span>
<span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;">
</span><span style="font-size: x-small;"><b style="color: blue;"></b></span></div>
<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&width=290&height=400&xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;">
<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.reknaon.blogspot.com/" target='new'>blogger</a></span>
</div><br/><div style="text-align:left"><a href="javascript:showHideGB()">[tutup]
</a></div></div></div>
<script type="text/javascript">var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>
Alternatif yang paling Keren yakni disembunyikan atau dibuat melayang disisi kiri atau kanan, blog.
Silahkan Ikuti Langkah-langkah Berikut Untuk Pemasangannya :
Cara Sembunyikan Buku Tamu Facebook
- Tentu Login dulu ke Account Blogger Sobat
- Silahkan Menuju Dasbor lalu Klik Rancangan
- Pilih Tambah Gadget
- Pada Halaman Tambah Gadget Cari Tab menu HTML/JavaScript lalu klik Tambah
- Isi judul dengan kode ini <!--judul-->
Maksudnya supaya nanti Gadget kita terlihat tanpa Judul, karena sekarang jika sobat kosongkan judul maka Gadget dianggap SALAH - Sekarang Isikan dengan Kode dibawah ini
Kode untuk Sebelah KananSobat Tinggal Mengcopy CODE 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/AVvXsEhuJ9CSYkBAEMzoPGbtJwoCnO0S1NBHgqn00CoUEyP8VCxWpRj59-ZC3dhyphenhyphenWk1iSGgs3J_-y_HwSeakr1lBlJGspB2Hn9OhwdV9fj0-UDO4VLEihAn8MCauAhBcSpmXo3nk24dqDYnyWzU/') 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"> <div style="text-align: center;"> <span style="color: blue; font-size: x-small;">Selamat Datang</span> <span style="font-size: x-sma</span><span style="font-size: x-small;"><b style="color: blue;">Kunjungannya</b></span> </div> &lwidth=290&height=400&xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;"> <span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.reknaon.blogspot.com/" target='new,>blogger</a></span> </div> <br/> <div style="text-align:right"> <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>
Cara Sembunyikan Buku Tamu Facebook#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/AVvXsEhuJ9CSYkBAEMzoPGbtJwoCnO0S1NBHgqn00CoUEyP8VCxWpRj59-ZC3dhyphenhyphenWk1iSGgs3J_-y_HwSeakr1lBlJGspB2Hn9OhwdV9fj0-UDO4VLEihAn8MCauAhBcSpmXo3nk24dqDYnyWzU/') 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"> <div style="text-align: center;"> <span style="color: blue; font-size: x-small;">Selamat Datang</span> <span style="font-size: x-sma</span><span style="font-size: x-small;"><b style="color: blue;">Kunjungannya</b></span> </div> &lwidth=290&height=400&xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;"> <span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.reknaon.blogspot.com/" target='new,>blogger</a></span> </div> <br/> <div style="text-align:right"> <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>
Kode untuk Sebelah Kiri
<style type="text/css">
#gb{
position:fixed;top:100px;z-index:+1000;}
* html #gb{position:relative;}
.gbtab{height:128px;width:35px;
float:right;
cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuJ9CSYkBAEMzoPGbtJwoCnO0S1NBHgqn00CoUEyP8VCxWpRj59-ZC3dhyphenhyphenWk1iSGgs3J_-y_HwSeakr1lBlJGspB2Hn9OhwdV9fj0-UDO4VLEihAn8MCauAhBcSpmXo3nk24dqDYnyWzU/') no-repeat;}
.gbcontent{float:right;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.left = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}
</script><div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">
<div style="text-align: center;">
<span style="color: blue; font-size: x-small;">Selamat Datang</span>
<span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;">
</span><span style="font-size: x-small;"><b style="color: blue;"></b></span></div>
<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&width=290&height=400&xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;">
<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.reknaon.blogspot.com/" target='new'>blogger</a></span>
</div><br/><div style="text-align:left"><a href="javascript:showHideGB()">[tutup]
</a></div></div></div>
<script type="text/javascript">var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>
Cara Sembunyikan Buku Tamu Facebook
Keterangan :
position:fixed;top:100px;z-index:+1000 = Posisi Tombol Logo Open Close
height = 400px; (untuk ketinggian buku tamu)
width = 290 px; (untuk kelebaran buku tanu)
Cara Sembunyikan Buku Tamu Facebook
cara Memasang buku tamu facebook di blog ada DISINI
Cara Pasang Buku Tamu Facebook di Blog
Cara Pasang Buku Tamu Facebook di Blogspot Banyak Penyedia Buku Tamu ( shoutbox ) yang sudah melegenda contoh saja Shoutmix ( http://www.shoutmix.com ) web milik Negara Jiran Malaysia, dan masih banyak penyedia Shoutbox lainnya.
Kini Kumpulancara.com Hadir mempersembahkan dan sekaligus membantu sobat blogger yang mau mengganti atau pasang baru Buku tamunya dengan Bukutamu milik Facebook.
Saya kira ini akan Nampak lebih Keren dan Unik dibanding yang lainnya, Siapa Penghuni dunia Gaib (Maya) yang tidak mengenalnya, heee
yang tak kenal maka tak maya alias kebangetan.
Oke tanpa Basa basinya si Sampoerna Mari kita langsung Tancap
Cara Pasang Buku Tamu Facebook di Blog
Seperti Biasa sama dengan tutorial lainnya Tosss Dulu
Login dengan Account masing-masing " Jangan pinjem Account tetangga "
Cara Pasang Buku Tamu Facebook di Blog
Cara Pasang di Blogspot
<div style="text-align: center;">
<span style="color: blue; font-size: x-small;">Selamat Datang</span>
<span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;">
</span><span style="font-size: x-small;"><b style="color: blue;"></b></span>
</div>
<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&width=290&height=400&xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;">
<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.reknaon.blogspot.com/" target='new'>blogger</a></span>
</div>Cara Pasang Buku Tamu Facebook di Blog
Note : Lebar dan Panjang sesuaikan dengan Keadaan Blog Masing-masing
Silahkan Simpan
Cara menyembunyikan buku tamu facebook di blog ada DISINI
ReadFull Article ..
Kini Kumpulancara.com Hadir mempersembahkan dan sekaligus membantu sobat blogger yang mau mengganti atau pasang baru Buku tamunya dengan Bukutamu milik Facebook.
Saya kira ini akan Nampak lebih Keren dan Unik dibanding yang lainnya, Siapa Penghuni dunia Gaib (Maya) yang tidak mengenalnya, heee
yang tak kenal maka tak maya alias kebangetan.Oke tanpa Basa basinya si Sampoerna Mari kita langsung Tancap
Cara Pasang Buku Tamu Facebook di Blog
Seperti Biasa sama dengan tutorial lainnya Tosss Dulu
Login dengan Account masing-masing " Jangan pinjem Account tetangga "
Cara Pasang Buku Tamu Facebook di Blog
Cara Pasang di Blogspot
- Silahkan Masuk Ke Dasbor Lalu Klik Rancangan
- sekarang Klik Tambah Gadget baru
- Lalu Klik Tambah HTML/JavaScript
- Silahkan Isi Judul Terserah SObat contoh " Buku Tamu"
- Lalu isikan kode berikut didalamnya
<div style="text-align: center;">
<span style="color: blue; font-size: x-small;">Selamat Datang</span>
<span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;">
</span><span style="font-size: x-small;"><b style="color: blue;"></b></span>
</div>
<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&width=290&height=400&xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;">
<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.reknaon.blogspot.com/" target='new'>blogger</a></span>
</div>
Note : Lebar dan Panjang sesuaikan dengan Keadaan Blog Masing-masing
Silahkan Simpan
Cara menyembunyikan buku tamu facebook di blog ada DISINI
Langganan:
Postingan (Atom)