Cara Buat Pop Up Like Box Fanspage Fb / Google Plus / Twitter Terbaru

Baca Juga

Assalamu Alaikum WR.WB

Cara Buat Pop Up Like Box Fanspage Fb / Google Plus / Twitter Terbaru

Selamat Malam .. buat semua nya .. pada kesempatan kali ini .. saya Admin OON .. akan mencoba sedikit mengulas dan berbagi .. Cara Buat Pop Up Like Box Fanspage Fb / Google Plus / Twitter Terbaru .. yang sebelum nya .. sudah memposting .. Cara Buat Headline Breaking News [ Read More ] .. dan juga Cara Buat Efek Load Page Pada Blogspot [ Read More ] .. Sekarang Akan Berbagi Cara Buat Pop Up Like Box Fanspage Fb / Google Plus / Twitter Terbaru [ Content Sedang Dimuat.. .. . ]

Baca Juga : CARA BUAT GOOGLE ANALYTICS PADA BLOG ( Blogspot.com )

Ok Next .. Kita Lanjut ke pembahasan Kali ini .. yaitu Cara Buat Pop Up Like Box Fanspage Fb / Google Plus / Twitter Terbaru .. CARA memasang atau membuat kotak fanspage Facebook muncul atau melayang ( Facebook Popup Like Box ) seperti yang ada di blog B.A.G ( Blogger Anak Gaul ) itu sangat mudah bro ..

Baca Juga : Download 4 Rekomendasi Aplikasi Video Call Terbaik

Tapi 'kan kotak ini mengganggu pengunjung ?' .. Sudah pasti! Makanya .. pertimbangkan untuk membuatnya .. Kalau anda yakin .. trus baca sampe akhir ya ..

Baca Juga : 8 Aplikasi Chat Terbaik Yang Banyak Diburu Untuk Android

Yang paling mengganggu banget .. jika kotak itu tidak bisa ditutup dalam jangka waktu singkat .. Ada yang harus menunggu sekian detik baru hilang ..

Baca Juga : 4 Pilihan Aplikasi SMS Android Yang Ringan dan gratis

Itu namanya "maksa" agar diklik Like/Suka .. Yang terbaik pertama tidak usah bikin .. Yang terbaik kedua bikin di sidebar widget aja .. dengan tulisan "Find us on Facebook" ..

Baca Juga : 20 Daftar Lagu dan kata - kata ucapan Valentine day

Yang "mendingan" ya.... tips ini .. Facebook Popup Like Box yang ini bisa ditutup seketika jika user tidak mau terganggu atau tidak mau klik like .. tapi yang saya pake di blog B.A.G ( Blogger Anak Gaul ) beda gan .. bukan seperti yang mau saya bagikan ini .. yang inti nya yang saya pake itu .. bisa d bilang maksa .. soal nya di setiap kita buka halaman .. jendela pop up itu akan trus muncul :mrgreen: .. bentuk / tampilan nya juga beda .. yang membedakan nya .. cuma di bagian kode .. jadi silahkan agan ubah - ubah lagi sesuai keinginan masing - masing .. dari mulai warna border .. lebar / tinggi .. pesan text yang tampil .. timer .. atau pun isinya .. mau dengan isi like box fp fb .. twitter .. google+ .. terserah agan .. di sini saya cuma berbagi cara buat Pop Up Like Box FansPage Facebook ( FP FB ) .. berbeda dengan contoh yang ada di http://so-gaul.blogspot.com .. disitu cuma sedikit yang saya rubah .. dan di tambahin .. Follower Twitter & juga Follower Google Plus One ( G+ ) .. Ok baik lah .. next ..

Baca Juga : 10 Lagu Sedih - Di tinggal Kekasih Untuk Selamanya

Cara berikut ini juga hanya akan memunculkan Like Box Fans Facebook sekali saat .. saat user membuka blog kita .. Selanjutnya ngilang .. gak akan muncul dan "mengganggu" lagi .. Bagus 'kan ?'

Cara Buat Pop Up Like Box FP FB

CARA MEMBUAT

1. Layout > Add a Gadget > pilih HTML/Javascript
2. Copas kode di bawah ini .. yang ada di dalam textarea ..

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style> #fbox-background {<br />display: none;<br />background: rgba(0,0,0,0.8);<br />width: 100%;<br />height: 100%;<br />position: fixed;<br />top: 0;<br />left: 0;<br />z-index: 99999;<br />}<br /><br /></p> <p>#fbox-close {<br />width: 100%;<br />height: 100%;<br />}<br /></p> <p>#fbox-display {<br />background: #eaeaea;<br />border: 5px solid #828282;<br />width: 340px;<br />height: 230px;<br />position: absolute;<br />top: 32%;<br />left: 37%;<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}<br /><br /></p> <p>#fbox-button {<br />float: right;<br />cursor: pointer;<br />position: absolute;<br />right: 0px;<br />top: 0px;<br />}<br /><br /></p> <p>#fbox-button:before {<br />content: "CLOSE";<br />padding: 5px 8px;<br />background: #828282;<br />color: #eaeaea;<br />font-weight: bold;<br />font-size: 10px;<br />font-family: Tahoma;<br />}<br /><br /></p> <p>#fbox-link,#fbox-link a.visited,#fbox-link<br />a,#fbox-link a:hover {<br />color: #aaaaaa;<br />font-size: 9px;<br />text-decoration: none;<br />text-align: center;<br />padding: 5px;<br />}<br /></style> <script type='text/javascript'><br />// jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length> 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; //]]> </script> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_facebook_box') != 'yes'){ $('#fbox-background').delay(5000).fadeIn('medium'); $('#fbox-button, #fbox-close').click(function(){ $('#fbox-background').stop().fadeOut('medium'); }); } $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 }); }) ; </script> <div id='fbox-background'> <div id='fbox-close'> </div> <div id='fbox-display'> <div id='fbox-button'> </div> <div class="fb-like-box" data-href="https://www.facebook.com/BloggerAnakGaul" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div> </div> </div>

3. Jangan lupa ganti link fanspage - nya yang berwarna merah .. dengan url fanpage facebook Agan ..

Catatan :
1. Penggunaan < iframe> ..... < /iframe> .. akan membuat Skor SEO blog Anda di CHKME berkurang drastis .. dari 100% bisa menjadi 78%
2. So .. jangan pilih kode iframe .. tapi gunakan kode Facebook Like Box yang pertama .. yakni HTML5 .. seperti yang digunakan Blogger Anak Gaul .. Sebelum/sesudah Diganti
3. Parse dulu kode yang harus disimpan di bawah kode <body> atau di atas kode </body>

Kode Sebelum Di Parse

<div id="fb-root"></div> <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/ sdk.js#xfbml=1&appId=<font color="#FF0000"><b>NOMOR ID APP</b></font>&version=v2.0";<br /> fjs.parentNode.insertBefore(js, fjs);/> }(document, 'script', 'facebook-jssdk')) ;</script>

Kode Setelah Di Parse

< ;div id="fb-root"& gt;&l t;/div& gt;<br />&l t;script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0];<br /> if (d.getElementById(id)) return;<br /> js = d.createElement(s); js.id = id;<br /> js.src = "//connect.facebook.net/en_US/<br />sdk.js#xfbml=1&appId=<font color="#FF0000"><b>NOMOR ID APP</b></font>&version=v2.0";/> fjs.parentNode.insertBefore(js, fjs) ;<br />}(document, 'script', 'facebook-jssdk'));< ; /script>

Ok Next .. Itu dia cara terbaru .. Dan termudah .. Cara Buat Pop Up Like Box Fanspage Fb / Google Plus / Twitter Terbaru .. Semoga bermanfaat .. dan selamat Mencoba .. Good Luck !!

Baca Juga : Jenis - Jenis Marquee

Penulis

Dari, Majalengka, Rajagaluh - Jawa Barat OCHA Jangan jadikan sesuatu ke gagalan sebagai ketakutan untuk mengulang nya kembali .. Sehingga anda tak mau mencoba nya lagi .. Tapi jadikan lah ke gagalan sebagai awal ke suksesan untuk menjadi yang lebih baik dari sebelum nya ..." [View More]

Itu lah Postingan kali ini .. mengenai » Cara Buat Pop Up Like Box Fanspage Fb / Google Plus / Twitter Terbaru « .. yang bisa saya bagikan .. Pada kesempatan yang ke 42x nya ini .. Kurang lebih nya mohon di maklum aja .. Jika ada salah - salah kata atau pun penulisan .. Semoga bermanfaat dan sampe ketemu lagi di lain waktu dan lain kesempatan .. Akhir kata saya ucapkan ..

Wassalamu'Alaikum WR.WB