Tips Membuat Floating Facebook Like Box Di Blogspot

Tips Membuat Floating Facebook Like Box - Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.

Cara Membuat Widget Melayang Facebook Like Box

1. Sebelumnya anda harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.

2. Login ke dashboard blogger anda.

3. Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).

4. Copy script widget dibawah ini dan paste pada gadget.

<style type="text/css">
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiud_rTC1jbwFy4IRQLVbcEwqbW0SeP5OlEyypHngEq8bNMyj_dkZJftO0JuND6hW3pOWyXFpUuZXVzg-27DBW5PCHTVy0TTyJye2n3ds_TnunxUXHR_3YD9GfdTIhBEGi2cyak6k-m53tc/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi52F0L4G6A2V_wocNX7wDtg7RiVar3V0DNzfXLEtBLWj_e3BQbDGuiyGox66L_mjDg9NS7h6rEWDAGEQMfAQq7Rk4IN5s54d-P4Fn-ljmbeWJmxiLoHVXJ8QCI8YHDzXT-EytkfnN34tQt/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">

CONTENT FACEBOOK HERE

</div>
</div>

5. Ganti tulisan CONTENT FACEBOOK HERE dengan kode Facebook Like Box anda.

6. Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan tepat diatas kode </head> pada template supaya widget Facebook Like Box ini bisa berfungsi.

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

7. Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.

8. Save / Simpan.

Well, cukup gampang bukan membuat widget melayang Facebook Like Box ini ? Sekian dulu tips blogging kali ini, happy nice blogging on Saturday Night !!

sumber :http://rayhanzhampiet.blogspot.com

Cara Membuat Judul dan Deskripsi Blog Rata Tengah

Seperti yang anda lihat di blog saya ini, berikut panduan untuk Membuat Judul dan Deskripsi Blog Rata Tengah:

Masuk ke menu 'Rancangan'>>Klik 'Perancang Template'
Cari menu Advanced lalu anda klik.
Pada sub menu Advanced anda cari 'Add CSS' lalu klik menu tersebut.
Anda copy lalu paste kode berikut untuk mengisi bagian pengisi CSS, anda paste seperti di gambar berikut

DAN INILAH KODE CSS NYA YANG HARUS ANDA COPY!

.titlewrapper{
text-align: center;
}

.descriptionwrapper{
text-align: center;
}
Setelah anda paste seperti pada gambar, lalu anda klik "Apply to Blog"!
Kemudian berbahagialah karena anda telah berhasil menerapkan panduan ini!

source : http://jenderal-it.blogspot.com

Cara Membuat Buku Tamu Tersembunyi Di Blog

or Cara Memasang Buku Tamu Tersembunyi Di Blog Tadi siang saya berjalan jalan di dunia maya mengunjungi blog sodara sodara. Seperti biasa, saya pasti meninggalkan jejak di blog dimana saya kunjungi dan tadi saya menemukan blog yang memiliki Shoutmix atau Buku tamu tersembunyi.Karena saya orangnya suka penasaran dengan sesuatu yang belum aku tahu, maka saya mencari cara memasang Shoutmix yang tersembunyi itu di om Google.

Ok bagi ang sudah penasara cara buatnya,ikuti Tutorial Blog nya Cara Membuat Buku Tamu Tersembunyi Di Blog or Cara Memasang Buku Tamu Tersembunyi Di Blog berikut ini :

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML

6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML

<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">

< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://rezarezong.blogspot.com/2009/07/cara-membuat-shoutmix-buku-tamu.html">
[Pasang Widget]
</a>|<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>

7. Save Widget tersebut.

Jika sudah anda pasti akan mempunyai Shoutmix yang tersembunyi seperti di blog saya. Selamat mencoba.

source = http://keluarga-blog.blogspot.com/

Melayu Gemilang

Senin, 19 Desember 2011