Cara Membuat Widget Flat Popup Facebook Like Box Untuk Blogspot

Cara Membuat Widget Flat Popup Facebook Like Box Untuk Blogspot ,dalam sesi ini saya berbagi widget ini untuk blogger. sebelum beberapa hari, saya berbagi popup lain seperti kotak untuk blogger. itu adalah pop facebook facebook seperti kotak untuk blogger dengan css widget ini dibuat dengan beberapa cookies dan ini tidak perlu. baru-baru ini saya membuat facebook popup lain seperti widget kotak menggunakan css dan javascript.


pengunjung yang ditargetkan paling penting dari blog manapun. retensi pengunjung blog semakin penting. jika anda ingin meningkatkan facebook anda seperti maka sebaiknya promosikan halaman anda di blog anda dengan pengguna blog anda. maka anda akan mendapatkan lebih banyak dari pengguna anda yang mengunjungi blog anda. menambahkan pop up seperti kotak sangat penting untuk mendapatkan lebih banyak lagi. jadi hari ini saya akan berbagi tutorial tentang pop up facebook seperti kotak untuk blogger.

facebook adalah cara yang bagus untuk meningkatkan trafik blog. bila anda membagikan konten anda di halaman facebook anda, maka inilah kesempatan untuk berbagi konten anda dengan pengunjung anda dengan orang lain. dengan cara ini bisa mendapatkan lebih banyak lalu lintas ekstra. dalam keadaan ini anda harus perlu mempromosikan halaman anda dengan blog anda. popup seperti kotak adalah salah satu cara terbaik.

menggunakan kotak seperti facebook, anda dapat membuat pengunjung tetap terhubung. cara ini adalah cara hebat lain untuk meningkatkan lalu lintas blog. popup facebook seperti kotak adalah cara yang bagus untuk mempromosikan halaman penggemar anda dengan pengunjung blog anda. penggunaan kotak seperti yang tepat, anda bisa mendapatkan lebih banyak untuk halaman penggemar anda. 

CARA MEMASANG WIDGET FLAT POPUP FACEBOOK LIKE BOX DI BLOGSPOT


pertama kamu ke menu template kamu dulu ==> edit template
lalu tekan ctrl f untuk mencari code css yaitu : </style> atau ]]></b:skin>
kamu copy code yang di bawah ini ,lalu kamu pastekan di atas code </style> atau ]]></b:skin>

CSS CODE

/*=============== CSS Popup Like box ======================*/
.mspopup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90000;background:rgba(0,0,0,.6);overflow-x:hidden;overflow-y:auto;display:none}
.mspopup-container{background:#fff url(http://i.imgur.com/2twQjiN.gif) no-repeat 50% 50%;padding:0;font-size:14px;height:236px;position:fixed;top:50%;left:50%;z-index:90001;-webkit-box-shadow:0 0 15px 0 rgba(50,50,50,0.8);transform:translateY(-50%) translateX(-50%)}
.mspopup .mspopup-close{position:absolute;top:9px;right:20px;font-weight:700;font-family:Verdana;font-size:18px;cursor:pointer;color:#fff}
.mspopup .mspopup-close:hover{color:#535353}
.mspopup .mspopup-header{font-size:20px;padding:10px;text-align:center;color:#fff;font-family:Open Sans;background-color:#3B5998;text-shadow:1px 2px 4px #838383}
.mspopup .mspopup-header p{font-size:10px;padding:0;margin:0;font-weight:400;text-transform:initial}
.mspopup .mspopup-content{padding:10px 20px}

kemudian kamu cari code javascript atau code </body>
dan kamu copy code yang di bawah ini , lalu kamu pastekan di atasnya

JAVASCRIPT

<script src='https://cdn.rawgit.com/msdesign92/ms-design/master/mspopup.js' type='text/javascript'/>
<script type='text/javascript'>
  $(&#39;#popup-box&#39;).mspopup({
  &#39;autoOpen&#39;: true
});
</script>

kemudian kamu simpan template

selanjutnya kita pergi ke tataletak == > tambag gadget == > html / javascript
dan kamu pastekan code di bawah ini di html / javascript

HTML/JAVASCRIPT

<div id="popup-box" class="mspopup">
  <div class="mspopup-container">
      <div class="mspopup-header">
          <div class="mspopup-close" data-dismiss="mspopup">x</div>
         Like us and Join with our community
<p> Get our all latest update from our facebook page, Its free and speedy</p>
      </div>
<div class="mspopup-content">
     <div class="fb-page" data-href="URL FB FAGE KAMU" data-width="400" data-height="300" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div>
      </div>
  </div>
</div>

di code yang warna merah"URL FB FAGE KAMU"kamu ganti dengan url fb punya kamu

dan simpan 


sekian dari saya tentang cara membuat flat popup facebook like box untuk anda semoga bisa bermanfaat untuk anda sekian dan terima kasih. 


EmoticonEmoticon