Lompat ke konten Lompat ke sidebar Lompat ke footer

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

cara membuat fanspage jadi satu di blog
Assalamu alaikum...

Media Sosial adalah sarana dimana kita dan sebagian berteman, bertukar pikiran pendapat bahkan menjalin hubungan dan juga sarana mencari keuntungan bagi sebagian orang misalnya Bisnis Online kita bisa lihat betapa pentingnya peranan media sosial hingga saat ini bahkan popularitas sebuah website atau blog juga dipengaruhi peranan media sosial yang menunjang blog atau wesite tersebut

Pada kesempatan yang baik ini saat saya lagi punya banyak waktu untuk menulis sebuah artikel untuk saya share ke teman-teman di dunia maya dan teman-teman blogger yang baik. Apa yang saya bagikan..? Yakni Cara Membuat Fanspage Gabungan dari googleplus, facebook, twitter dan twitter timeline menjadi satu dan melayang lagi di blog atau website sobat, perlu sobat diketahui juga gabungan fanspage media sosial ini sengaja di buat melayang biar sidebar pada blog tidak banyak muatan yang membuat berat loading blog

Alasan dibuatnya gabungan fanspage media sosial ini untuk menaikkan rating blog atau website sobat sekaligus bisa menjalin silaturahmi dengan saling berteman sekaligus 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 dengan jalan membagikannya ke sebuah media sosial yang akan sekaligus berdampak positif pada sebuah blog ataupun website entah itu pemula ataupun sudah profesional. dampak yang paling sering adalah naiknya trafik pengunjung blog dari waktu ke waktu jadi asumsinya semakin banyak teman di media sosial maka semakin banyak pengunjung blog

Beberapa Peranan Media Sosial Sangat Membantu Blog atau Website itu Antara Lain 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
  5. Menaikkan Rating Blog di Mesin Pencari
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 dibawah sudah saya berikan detail cara membuatnya seperti link dibawah
  • Cara Membuat Halaman Facebook (FansPage FB) DISINI 
  • Cara Membuat Halaman Googleplus  DISINI 
  • Cara Membuat Twitter Box  DISINI 
  • Cara Membuat Twitter Timeline DISINI 
Langkah-langkah membuat diatas kita lewatkan saja dan saya anggap sudah mengerti dan 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
cara membuat fanspage gabungan di blog
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, masuk ke tataletak, pilih 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 di bawah ini 

Link WIDGET GABUNGAN didalamnya telah saya sediakan kodenya dan tutorial instalnya

Posting Komentar untuk "Cara Membuat Widget Fanspage Google plus Facebook Twitter dan Timeline Twitter Melayang Jadi Satu Lengkap"