Sunday, September 6, 2015

Cara Membuat Widget Fanspage Google plus Facebook Twitter dan Timeline Twitter Melayang Jadi Satu Lengkap

fanspage jadi satu
Assalamu alaikum...

Media Sosial adalah sarana dimana kita dan sebagian berteman, bertukar pikiran pendapat bahkan menjalin hubungan dan juga sarana mrncari keuntungan bagi sebagian orang misalnya Bisnis Online kita bisa lihat betapa pentingnya peranan media sosial hingga saat ini

Pada kesempatan yang baik ini saat saya lagi punya banyak waktu untuk menulis sebuah artikel untuk saya share ke teman-teman di dunia maya. Apa yang saya bagikan..? Yakni cara membuat widget fanspage gabungan dari googleplus, facebook, twitter dan twitter timeline jadi satu dan melayang lagi, perlu diketahui juga gabungan fanspage media sosial ini sengaja di buat melayang biar sidebar pada blog tidak banyak muatan

Alasan dibuatnya gabungan fanspage media sosial ini untuk menaikkan rating blog atau website sobat sekaligus bisa menjalin silaturahmi dengan saling berbagi. Seperti saya sudah sampaikan di atas tadi media sosial seperti facebook, googleplus, twitter memiliki peranan penting bagi seorang blogger  dimana media sosial ini dapat membantu seorang blogger untuk mempopulerkan artikel yang dibuatnya degan jalan membagikannya ke sebuah media sosial yang akan sekaligus berdampak positif pada sebuah blog ataupun website entah itu pemula ataupun sudah profesional

Peranan media sosial sangat membantu blog atau website itu antaralain sebagai berikut :
  1. Dapat menaikkan trafik pengunjung pada sebuah blog
  2. Blog lebih dipercaya dimata mesin pencari Google
  3. Dapat menjadi jalan pintas antara blog dengan follower
  4. Blog atau website akan lebih cepat populer
Berikut adalah cara-cara membuat media sosial gabungan melayang dengan pop-up, tapi sebelum membuatnya ada tahapan-tahapan awal yang perlu dilakukan yakni sobat harus membuat dulu halaman, googleplus, twitter box, dan timeline 
  • Membuat Halaman Facebook DISINI 
  • Membuat Halaman Googleplus  DISINI 
  • Membuat Twitter Box  DISINI 
  • Membuat Twitter Timeline DISINI 
Langkah-langkah membuat diatas kita lewatkan saja dan saya anggap sudah mengerti saya hanya ingin menambahkan untuk pembuatan Fanspage Facebook saat ini sudah tidak mendukung iframe dan mending jangan digunakan karena akan berpengaruh terhadap penurunan SEO untuk blog dan saya sarankan memakai HTML kemudian di parse buatlah Kode Fanspage Facebook disini  caranya masukkan URL halaman facebook seperti gambar ini
anspage gabungan
Setelah Create Code dan setelah kode kita dapat kemuadian kode yang bagian kita PARSE dulu DISINI tempat parse HTML setelah itu kode yang kita dapat kita letakkan ke Template Blog kita tepatnya di bawah kode <body> atau bisa juga ditas kode </body> Kemudian copy semua kode bawah kode <!-- facebook start--> atau kode untuk bisa melayang atau POP-UP kodenya dibawah ini

<!-- melayang start-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
display: none;
background: rgba(0,0,0,0.8);
width: 100%;
height: auto%;
position: left;
top: 0;
left: 0;
z-index: 99999;
}

#fbox-close {
width: 50%;
height: 50%;
}

#fbox-display {
background: #fff;
border: 5px solid #828282;
width: 301px;
height: auto;
position: absolute;
top: 32%;
left: 37%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#fbox-button {
float: right;
cursor: pointer;
position: front;
right: 0px;
top: 0px;
}

#fbox-button:after {
content: "TUTUP";
padding: 5px 8px;
background: #828282;
color: #eaeaea;
font-weight: bold;
font-size: 5px;
font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
color: #aaaaaa;
font-size: 5px;
text-decoration: none;
text-align: left;
padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
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');
});
}

});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>

CATATAN : 

  • Masukkan Semua Kode FANSPAGE GPLUS, FACEBOOK, TWITTER DAN TIMELINE di bawah kode melayang diatas 
  • Apabila sudah masuk ke bogger, tataletak widget html pastekan semua kode didalamnya
  • Pastikan penulisan URL tidak ada kesalahan
Demikian Cara membuat Widget Fanspage Gabungan, apabila masih ada kebingungan dalam bahasa penulisan saya atau tidak mau repot membuatnya telah saya sediakan link untuk downloadnya disini 

Link WIDGET GABUNGAN didalamnya telah saya sediakan kodenya dan tutorial instalnya
Previous Post
Next Post

0 comments: