Memasang Jendela Like Boks Terbaru dan Keren Di Blogger

Halo teman-teman, di sini lain jquery Facebook pop up untuk facebook seperti kotak widget untuk blogger (atau) situs. Keuntungan widget ini adalah untuk ruang bebas pada halaman. Karena Facebook dapat mencegah situs normal seperti kotak. Static Pop Out Facebook sebagai kotak lembut dengan efek jQuery aktivasi untuk blogger, ini adalah pengendalian keren lain. Di sini saya telah ditambahkan sebagai kotak dengan jQuery sederhana efek hover. Lihat Facebook pelat statis di sebelah kanan halaman dan menggerakkan mouse di atas piring dengan frame, seperti yang terlihat dengan menggeser ke kiri. 


Lihat Demo 

Bagaimana Tambahkan Static Facebook Like Box dengan Jquery Halus Hover untuk Blog Anda / website 

Disini Ada 2 Langkah Sederhana 

Langkah 1: Menambahkan Plugin JavaScript Jquery (Abaikan langkah ini jika blog Anda sudah punya Plugin Jquery) 

a. Pergi ke Dashboard Blogger <Desain tab> Edit Html 
b. Cari </ head> tag (menggunakan ctrl + f) 
c. Tambahkan di bawah baris kode Sebelum </ head> tag 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </ script>

Dan sekarang klik Simpan Template 


Langkah 2: Menambahkan Kode Widget (kode Html) 
itu Sederhana 

a.Layout atau elemen halaman - >> Add gadget->> Html / java script. 

b.Add di bawah kode dalam kotak scipt Html / java. 

Ganti URL halaman facebook saya di bawah dengan URL untuk halaman Anda. 
(Catatan: - URL Facebook Harus dimulai dengan "http://" dan tidak mengandung spasi atau Karakter ilegal) 

<a href="http://24work.blogspot.com" target title="Blogger Widgets"> <img src = "http://safir85.ucoz.com/24work-blogspot/cursor-24work- 10.png "border =" 0 "alt =" Blogger Widgets "style =" position: absolute; top: 0px; kanan: 0px; "/> </ a> <script type="text/javascript"> 

/ / <! - 

$ (Document) ready (function () {$ ("w2bslikebox.") Melayang-layang (function () {$ (ini) stop () menghidupkan ({kanan:.... "0"}, "media");} , function () {$ (ini) stop () menghidupkan ({kanan: "-250"}, "media");..}, 500);}); 

/ / -> 

</ Script> 

<style type="text/css"> 

. W2bslikebox {background: no-repeat center gulir kiri transparan penting, display: block; float: right; height: 270px; padding: 0 5px 0 46px; width: 245px; z-index: 99999; position: fixed; kanan:-250px; top: 20%;} 

. W2bslikebox div {border: none; position: relative; display: block;}

W2bslikebox rentang {bottom: 12px; huruf: 8px "lucida grande", tahoma, Verdana, arial, sans-serif; position: absolute; kanan: 6px; text-align: right; z-index: 99999;}. 

. W2bslikebox span {color: # 808080; text-decoration: none;} 

. W2bslikebox rentang a: hover {text-decoration: underline;} 

</ Style> <div class="w2bslikebox" style=""> <div> <iframe scrolling = "no" frameborder = "0" scrolling = "no" style = "border: none menengah; overflow: hidden; height: 270px; width: 245px; background: # fff;"> </ iframe> <span> Oleh <a href="http://24work.blogspot.com/"> Blogspot tutorial </ a> / <a href="http://24work.blogspot.com/"> + Dapatkan Ini! </ a> < / span> </ div> </ div> 

</ Div>

Dan sekarang klik Save 

Catatan: - Jangan lupa untuk mengubah kata kunci warna Merah. 










Tambahkan jQuery Pop-up Untuk Facebook Like Box Dengan Background Gambar 

Aku telah memberikan ke Facebook sebagai jQuery popup box dan jQuery untuk facebook muncul sebagai kotak dengan gambar latar belakang dalam posting saya sebelumnya, jika Anda baru di sini, bahwa kunjungan pertama, sekarang aku kembali dengan widget yang sama, hanya mengubah gambar latar belakang dan ukuran widget ini. Aku hanya mencoba ini dan saya harap Anda menikmatinya. 

Cara Tambah Sebuah Keren Facebook Fan Page JavaScript Untuk Blogger 

Saya harus menulis dua set instruksi untuk setiap langkah, karena beberapa dari Anda menggunakan layout default, dan beberapa dari Anda menggunakan baru layout.Backup template Anda sebelum mencoba tutorial ini. 


Langkah 1: 

Dalam tata letak lama: Pergi ke Dashboard - Design - Edit HTML - Expand Template Widget. 

Dalam layout baru: Pergi ke Dashboard - Template - Mengedit Template HTML - Expand Template Widget. 

Sekarang cari (CTRL + F) kode ini dalam template: 

</ Head>

Dan persis sebelum menambahkan kode berikutnya: 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'/> 

<a href="http://24work.blogspot.com" target title="Blogger Widgets"> <img src = "http://safir85.ucoz.com/24work-blogspot/cursor-24work- 10.png "border =" 0 "alt =" Blogger Widgets "style =" position: absolute; top: 0px; kanan: 0px; "/> </ a> <skrip src = 'http://24work.ucoz. com/24work-blogspot/facebook/-24work.blogspot.com-jquery.colorbox-min.js '/> 

<link href='http://24work.ucoz.com/24work-blogspot/facebook/-24work.blogspot.com-fbpopup.css' rel='stylesheet' type='text/css'/> 

<script type='text/javascript'> 

jQuery (document). ready (function () { 

if (document.cookie.indexOf ('dikunjungi = flase') == -1) { 

var fifteenDays = 1000 * 60 * 60 * 24 * 30; 

var berakhir = new Date ((new Date ()) valueOf () + fifteenDays.); 

document.cookie = "dikunjungi = true; berakhir =" + expires.toUTCString (); 

. $ Colorbox ({width: "600px", inline: true, href: "# mdfb"}); 

} 

}); 

</ Script>

Sekarang Klik Simpan Template 

Catatan: - Jangan menambahkan atas jQuery plugin berwarna merah jika blog Anda sudah jQuery Plugin. 

Menambahkan Kode HTML: 


Saya harus menulis dua set instruksi untuk setiap langkah, karena beberapa dari Anda menggunakan layout default, dan beberapa dari Anda menggunakan layout baru. Jadi, mari kita lihat cara menginstal widget keren ini di blog Anda ... 

Langkah 1: 


Jika Anda menggunakan antarmuka Blogger lama: Pergi ke Dashboard - Desain - Elemen Halaman - Tambah Gadget. 

Tambah Gadget HTML / JavaScript tipe. 

Jika Anda menggunakan antarmuka Blogger baru: Pergi ke Dashboard - Layout - Tambah Gadget 

2.Click pada 'Tambah Gadget' di sidebar. 

3.Select 'HTML / Javascript' dan tambahkan salah satu kode yang diberikan di bawah ini 

4. Sekarang Klik Pada Save 'JavaScript' Anda telah selesai. 

<a href="http://24work.blogspot.com" target title="Blogger Widgets"> <img src = "http://safir85.ucoz.com/24work-blogspot/cursor-24work- 10.png "border =" 0 "alt =" Blogger Widgets "style =" position: absolute; top: 0px; kanan: 0px; "/> </ a> <div style='display:none'> 

<div id='mdfb' style='padding:10px; background:#000;'> 

<center> 

<Table align = "center" border = "0" style = "width: 465px; height: 300px;"> <tbody> 

<tr> <td height="330" width="465"> 

<div align="left"> 

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"> </ script> 

<script type="text/javascript"> FB.init ("32eb3732082b27e7c314feb421a56208"); </ script> 

<Fb: fan profile_id = "220888831260608" koneksi = "10" width = "330" height = "300" 

</ Div> </ td> </ tr> </ tbody> </ table> </ center> 

<p style=" float:right; margin-right:35px; font-size:9px;"> Powered By <gaya = "font-size: 9px; color: # 3B78CD; text-decoration: none;" href = "http://24work.blogspot.com"> Blogger Widget </ a> </ p> 

</ Div> </ div>

Dan sekarang klik Save 


Mengedit 
Ganti di atas nomor berwarna merah dengan halaman id facebook Anda 

220888831260608

Catatan: jika Anda memiliki mengatur halaman Anda id facebook dengan nama pengguna daripada menggunakan facebook id alat pencari kami untuk itu. 







Tambahkan jQuery mengagumkan Pop-Up For Facebook Like Box 

Setelah widget baru-baru ini saya Popup Adsense. Sekarang saya memutuskan untuk menyajikan beberapa segar untuk apa yang datang dengan jQuery Kotak Popup bagus untuk Facebook sebagai. Ini adalah widget yang sangat baik untuk meningkatkan rasa.Anda dapat melihat sebagian besar situs atau blog yang digunakan untuk meningkatkan pop dibayar, penggemar dan pendukung. Ini popup jQuery lucu untuk Facebook sebagai kotak adalah widget blogger besar. Begitu pengunjung baru datang ke blog Anda akan menampilkan pengunjung pop, yang dapat membantu meningkatkan ukuran dan mendapatkan lebih banyak lalu lintas ke tutorial berikutnya Facebook.In Saya akan mencoba untuk membuatnya lebih interaktif dengan link ke profil media sosial dan Versi lengkap dengan segala isinya, yang dapat menunjukkan need.Check keluar ke bawah dan saya akan menunjukkan cara untuk menambahkan jQuery Popup lucu untuk Facebook sebagai kotak Blogger atau Wordpress? 


Jadi, mari kita lihat cara menginstal widget keren ini di blog Anda .. 

1. Masuk ke Blogger dashboard 

Dalam tata letak lama: Pergi ke Dashboard - Design - Edit HTML - Expand Template Widget. 

Dalam layout baru: Pergi ke Dashboard - Template - Mengedit Template HTML - Expand Template Widget. 

Cari tag </ head> (menggunakan ctrl + f) 
Copy n tempel kode di bawah ini tepat di atas / sebelum </ head> tag. 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'/> 

<a href="http://24work.blogspot.com" target title="Blogger Widgets"> <img src = "http://safir85.ucoz.com/24work-blogspot/cursor-24work- 10.png "border =" 0 "alt =" Blogger Widgets "style =" position: absolute; top: 0px; kanan: 0px; "/> </ a> <skrip src = 'http://24work.ucoz. com/24work-blogspot/facebook/-24work.blogspot.com-jquery.colorbox-min.js '/> 

<link href='http://24work.ucoz.com/24work-blogspot/facebook/-24work.blogspot.com-fbpopup.css' rel='stylesheet' type='text/css'/> 

<script type='text/javascript'> 

jQuery (document). ready (function () { 

if (document.cookie.indexOf ('dikunjungi = flase') == -1) { 

var fifteenDays = 1000 * 60 * 60 * 24 * 30; 

var berakhir = new Date ((new Date ()) valueOf () + fifteenDays.); 

document.cookie = "dikunjungi = true; berakhir =" + expires.toUTCString (); 

. $ Colorbox ({width: "400px", inline: true, href: "# mdfb"}); 

} 

}); 

</ Script>

Dan sekarang klik Simpan Template 



Sekarang tambahkan kode HTML untuk blogger 

itu sederhana 

1. Masuk ke Blogger dashboard 

antarmuka Blogger lama: Pergi ke Dashboard - Desain - Elemen Halaman - Tambahkan Gadget.If Anda menggunakan antarmuka Blogger baru: Pergi ke Dashboard - Layout - Tambah Gadget.Select 'HTML / Javascript' dan tambahkan salah satu kode yang diberikan below.Just copy dan paste kode ini .. 

<a href="http://24work.blogspot.com" target title="Blogger Widgets"> <img src = "http://safir85.ucoz.com/24work-blogspot/cursor-24work- 10.png "border =" 0 "alt =" Blogger Widgets "style =" position: absolute; top: 0px; kanan: 0px; "/> </ a> <div style='display:none'> 

<div id='mdfb' style='padding:10px; background:#fff;'> 

<h3 class="mdbox-title"> Menerima semua update melalui Facebook.Hanya Klik Tombol suka bawah <center> <p style="line-height:3px;"> ▼ </ p> </ center> </ h3> 

<center> 

<Iframe scrolling = "no" frameborder = "0" style = "border: none; overflow: hidden; width: 300px; height: 258px;" allowtransparency = "true"> </ iframe> </ center> 

<p style=" float:right; margin-right:35px; font-size:9px;"> Powered By <gaya = "font-size: 9px; color: # 3B78CD; text-decoration: none;" href = "http://24work.blogspot.com"> Blogger Widget </ a> </ p> 

</ Div> 

</ Div>

Dan sekarang klik Save 

Catatan: - Ganti halaman% 2FBlogspot-tutorial% 2F220888831260608 Dengan User name Facebook Anda 


Sekarang Anda telah melakukan!