Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Membuat Slide Box Rekomendasi di Blogger

Membuat Kotak Rekomendasi yang muncul dari samping di Blogger.
sliding box
Recommended Post Slide out for Blogger - Mungkin sobat pernah mengunjungi beberapa situs yang menggunakan slidebox recommendation, atau kotak yang bergeser ke samping ketika mouse discroll ke bawah yang berisi tulisan Rekomendasi Untuk Anda. Slide box seperti ini bisa sobat temukan di situs inilah.com.

Isi dari Box Rekomendasi ini adalah related post with thumbnail, selain related posts juga ditampilkan random post apabila pengunjung berkali-kali mengunjungi alamat yang sama. Hal ini dilakukan agar pengunjung betah di blog dengan membaca beberapa artikel kita sekaligus.

Artikel ini direquest oleh Jeng +Leony Li dan script bukan murni buatan saya, hanya saya edit beberapa kode yang diperlukan saja. Kode yang saya pakai untuk membuat recommended box ini adalah :
1. Sliding Statis Social Widget dari Kompi Ajaib.
2. Related Post with Thumbnail dari DTE.


Bagi sobat yang ingin menerapkan, silahkan ikuti langkah mudahnya :

Langkah 1 : Simpan kode ini di atas ]]></b:skin>

/* Related Post with Sliding CSS by Kang Ismet*/
#kislidingbox{background:#fff;border-top:1px solid #bbb;box-shadow: 0 4px 10px #666;transition:all 0.4s ease-out;width:355px;height:185px;position:fixed;overflow:hidden;border:none;right:-360px;z-index:9999;text-align:left!important;letter-spacing:0;}
.kislidingbox-title{background:none;border-top:1px solid #ddd;color:#00789d;display:block;height:40px;width:100%;font-size:14px;font-family:Arial, sans-serif;text-transform:capitalize;font-weight:bold;padding-right:25px}
.kislidingbox-title span a{float:right;height:40px;width:25px;}
a#kislidingbox-close, a#kislidingbox-close {margin-right:15px;}
.kislidingbox-title > span > h2{font-size:20px!important;font-weight:normal!important;}
.kislidingbox-title span a img{margin:16px;border:0 !important;box-shadow:0 !mportant;}
.kislidingbox-container{border:none;float:left;width:100%;height:auto;margin:3px}
.kislidingbox-container > div{border:none;height:40px;margin:3px;padding:10px;}
.kislidingbox-container > div > span {font-size:14px;}
.kislidingbox-container img{float:left;margin:3px 5px;width:25px;border:1px solid #ccc;}
.show{bottom:80px;}
.hide{bottom:-145px;}
.related-post {margin:2em auto 0;font:normal normal 11px/1.4 Arial,Sans-Serif;}
.related-post h4 {font-size:150%;margin:0 0 .5em;}
.related-post-style-2 {border-top:1px solid rgba(0,0,0, 0.2);margin-top:-20px;padding-top:15px;list-style:none;}
.related-post-style-2 li {margin-left:-10px;style:none;}
.related-post-style-2 li {padding:0 10px 10px 10px;overflow:hidden;}
.related-post-style-2 li:first-child {border-top:none}
.related-post-style-2 .related-post-item-thumbnail {width:45px;height:45px;max-width:none;max-height:none;background-color:transparent;border:none;padding:0;float:left;margin:2px 10px 0 0;border:1px solid #ccc;}
.related-post-style-2 .related-post-item-title {font-weight:bold;font-size:120%;text-transform:capitalize;}
a.related-post-item-title {color :#333 !important;}
a:hover.related-post-item-title {color :#0491ea !important;text-decoration:none;}
.related-post-style-2 .related-post-item-summary {display:block;overflow:hidden;}
.related-post-style-2 .related-post-item-more {}
/* End CCSS Related Post with Sliding */

Langkah 2 : Simpan kode ini diatas </head>

<script type='text/javascript'>
$(window).scroll(function(){
        if ($(this).scrollTop() &gt; 400) {
            $(&#39;#kislidingbox&#39;).css({&#39;right&#39;:&#39;0px&#39;});
        } else {
            $(&#39;#kislidingbox&#39;).css({&#39;right&#39;:&#39;-360px&#39;});
        }
    });
    
$(document).ready(function(){
 var kislidingbox      = $(&#39;#kislidingbox&#39;);
    var closed      = $(&#39;#kislidingbox-close&#39;);
    var minimize    = $(&#39;#kislidingbox-minimize&#39;);
    var maximize    = $(&#39;#kislidingbox-maximize&#39;);
    
    maximize.hide();
    
    closed.click(function(){
        kislidingbox.css({&#39;right&#39;:&#39;-350px&#39;});
        kislidingbox.fadeOut(&#39;slow&#39;);
    })
    minimize.click(function(){
        kislidingbox.toggleClass(&#39;hide&#39;);
        $(this).hide();
        maximize.show();
    })
    maximize.click(function(){
        kislidingbox.toggleClass(&#39;hide&#39;);
        $(this).hide();
        minimize.show();
    })
});
</script>
Langkah 3 : Simpan kode ini di bawah <div class='post-footer'> yang ke 2
<!-- Related Post with Sliding by Kang Ismet -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='show' id='kislidingbox'>
    <div class='kislidingbox-title kislidingbox-www'>
      <span style='float: left;margin:14px 0 0 15px;'>Rekomendasi Untuk Anda</span>
        <span><a href='javascript:void(0);' id='kislidingbox-close' title='close'><img alt='close button' class='a' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSvmxqV_c0cWBGvOpnUVE3D3CEHMrrUN0Mize3pbtHkiETu0gIqm2E4y3qs9yIvrHTw-yiSrMu9gZFBtXRpV8LbAVhC9GSRDP1kMpNnPNXJByZgezw013sz-PFYnaL5bHHtt2X1xN/s1600/close.png' title='close'/></a></span>
        <span><a href='javascript:void(0);' id='kislidingbox-minimize' title='minimize'><img alt='minimize button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcKkggbQcu6OXXxNkkMzfIpRaXFhWwBrM4l_s5tbSx3I028gbjo4c-uu_XKWHHUdm5HjhpB9vFoimn54g8U-cjVtRVPYJR9NrzW5qcPtDc_Y43bliWjcJ7XIT33QTnHPzUudM31Qxr/s1600/minimize.png' title='minimize'/></a></span>
        <span><a href='javascript:void(0);' id='kislidingbox-maximize' title='maximize'><img alt='maximize button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuCjegWe8H8lnO47TmpJWwm2ikJyxCLgcdQldnbGsPjcgqq3327r17YyIbbeMCKvXf-yfVGxD-Pkr3ISBiGiJaRttBvU9j9rOamR2FwYaE1VDry6gHGWjNSvPDc1W599Zx-lhOPD2I/s1600/maximize.png' title='maximize'/></a></span>
    </div>
    <div class='kislidingbox-container'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='related-post' id='sliding-tab'/>
  <script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;&lt;/h4&gt;&quot;,
      numPosts: 2,
      summaryLength: 0,
      titleLength: &quot;auto&quot;,
      thumbnailSize: 45,
      noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
      containerId: &quot;sliding-tab&quot;,
      newTabLink: false,
      moreText: &quot;&quot;,
      widgetStyle: 2,
      callBack: function() {}
  };
  </script>
  <script src='http://blogger-json-experiment.googlecode.com/svn/resources/related-post/related-post.min.js' type='text/javascript'/>
</b:if>         
    </div>
</div>
</b:if>
<!-- Related Post Widget End --> 

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

223 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. Keren kang penggabungannya :-bd
    1. beuuuh... eta PPna berobah deui :-d
  2. kang ismet saya habis ngirim pesan di kontak antum..
    1. saya sudah balas.. silahkan dibaca
  3. waw keren...jadi pengen nyoba juga kang,
    izin praktek y :D
    1. mangga... salam ka urang cikuda :)
  4. wui.. ternyata sudah siap pr nya. thankyu kang ismet |o| langsung praktek
    1. oh ya kang, bisa bentrok ga sama artikel terkait yang sebelumnya?
  5. ada yg baru lg nih.. keren, btw sblm praktek cara ganti warna backgroundnya gmn kang? soalnya blog ane bukan warna putih
    1. liat aja kode yang palingatas :)
  6. ini yg aku cari kang.. akhirnya udah bisa. lancar pokoke
    1. hehehe.. saya udah liat diblognya :-d
  7. ntar saya coba, terima kasih tutorialnya.
    1. silahkan sob..
  8. Nambahin berat blognya pakek banget apa gak ya kang?
    1. ya itu sih terserah.. mau pake apa ngga :) kalau dibilang berat, kayaknya sih biasa aja
    2. menurut saya tidak berat mas Anwar Sofii, biasa yang buat berat adalah JavaScript, namun js yang kita pasang justru hanya menentukan jarak munculnya dan sembunyi kotak artikel terkaitnya.
  9. Kang bagaimana yah menghilangkan huruf "/" pada breadcrumbs yang kang ismet posting, yang bertajuk Breadcrumbs SEO Friendly dan Valid HTML5 setelah saya mengikuti tutorial tersebut seperti ada kode/simbol "/".
    Contoh breadcrumbs saya : Home / » Label / » Postingan saya.
    bagaimana yah mas ?
    1. wah masa.. itu kodenya sama ko sama yang saya pake
  10. Mantep kang :)
    1. thanks sob..
  11. Keren kang, saya juga sudah pasang Related dan Random Posts tapi gk sliding. hehe..

    Top dah tutorialna...
    1. hehehhe.. rapet nya :)
  12. Keren kanggg mantap lah...cuman pas dicoba di blog saya ada sesuatu yang jatuh kebawah. gak tau itu namaya apa bingung he...
    https://lh4.googleusercontent.com/-CvaZCec561o/Uj-HC9LCeGI/AAAAAAAABcU/C21SJs43AQE/w686-h576-no/contoh.JPG
    1. kayaknya ada script yang bentrok :)
  13. Kok g bisa kang Ismet? Padahal saya sudah melakukan 3 tahap kode diatas dengan benar, namun saya masih keliru dengan kode <div class='post-footer'> karena ada 2 diblog saya. Tapi pas saya pindahkan dari kode 1 ke kode 2 tetep aja tidak bisa kang? Mohon bantuan na atuh kang..
    1. coba pasang kode html nya di bawah kode related post sebelumnya
  14. Mantap bin surantap kang .. urang cobian ah
  15. Keren lihat demonya kang
  16. kang di blog saya ga bisa di maximize, minimize dan di close.. :(
    1. coba yang jquery 1.3.2 hapus
  17. Kok artikel no 1 pada sliding boxnya sama dengan artikel yang kita baca ya kang ?
    1. kadang berubah kalau sudah banyak artikel pada label tersebut, bahkan diluar label.. coba load ulang
  18. Ijin terapkan kang ismet :D
  19. keren kang,,, kapan2 boleh dicoba :)
  20. artikel rekomendasinya kok kosong kang? tampilannya uda mau keluar tp itu artikel rekomendasinya kosong/gak muncul
    1. mungkin ada script yang bentrok
  21. keren kang artikelnya, kebetulan lagi cari, terima kasih kang artikelnya
    1. sam2 sob
  22. waaahhh.. keren kang, tak pasang dulu ah
  23. makasih om udah working :)
  24. Susah work Kang, Abdi nerapkena dinu template fastest magz! Kumaha nya?
    1. abdi teu gaduh fastest magzna kanggo ngetestna :)
  25. gan ada yang bentrok nih.. mohon pencerahan
    http://hekos-soft.blogspot.com
    1. kalau tidak salah back to top itu dari tutorial kang ismet ya? coba dgn kode HTML ini

      <!-- Related Post with Sliding by Kang Ismet -->
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div class='show' id='kislidingbox'>
      <div class='kislidingbox-title kislidingbox-www'>
      <span style='float: left;margin:14px 0 0 15px;'>Rekomendasi Berita Lainnya</span>
      <span><a href='javascript:void(0);' id='kislidingbox-close' title='close'><img alt='close button' class='a' src='http://3.bp.blogspot.com/-SmFHPXwMFZA/Uj8zuJxElqI/AAAAAAAAMs4/v5qVv1iMmIo/s1600/close-btn.png' title='close'/></a></span>
      <span><a href='javascript:void(0);' onclick='jQuery(&apos;html, body&apos;).animate({scrollTop:0}, &apos;slow&apos;);' style='display:scroll' title='back to top'>…
  26. Wah Mantap lagi nih Kang, pantesan di blog
    Sobat pada keren dan Bagus2 yah..ikitan belajar
    Pasang nih Kang trima kasih
    1. mangga kang saud
  27. dipasang jg akhirnya :)
    1. gambarnya kok blur kang?
  28. Saya sudah coba, tapi tidak bisa, apa karena <div class='post-footer'> di Blog saya cuma ada satu ????
    atau karena saya sudah pasang releated post ?????
    1. coba aja di bawah related post sebelumnya
  29. Terima Kasih kang, Sudah saya coba dan berhasil !!!
  30. mantep kang, kin di cobian meh kece jiga blogna kang ismet. heheh.

    nuhun kang elmu na. :D
  31. Kereeeen.. saya udah pasangin, Nuhun ah kang !
  32. Bang. closenya kenapa gak fungsi ya di Blog ku
  33. ini kenapa kang http://i.imgur.com/pYi23ch.png mumet gue,,
    1. http://i.imgur.com/e4Xaqkv.png setelah saya teliti malah jadi kayak gini,hehe :D mumet kang
  34. haha back to top nya kabur kebawah nih, dan back to top nya jika di klik kok kaburnya begitu cepat kang? heheheh :)
    1. kayak pesawat jet :D
  35. kang klo mau di taro di sebelah kiri gmn ????
    1. harus ngedit beberapa kode, pada kode CSS right:-360px; ganti jadi left:-360px;pada script
      $(window).scroll(function(){
      if ($(this).scrollTop() &gt; 400) {
      $(&#39;#kislidingbox&#39;).css({&#39;left&#39;:&#39;0px&#39;});
      } else {
      $(&#39;#kislidingbox&#39;).css({&#39;left&#39;:&#39;-360px&#39;});
      }
      });
  36. Hola, no me funciona el script, lo coloco en esta pagina: http://economia.redignis.com y no me sale, lo agrego abajo de class='post-footerd y nada.
    1. agregar jQuery a la plantilla, siga este tutorial

      más : [url=http://blog.kangismet.net/2013/04/menambahkan-jquery-pada-template-blogger.html]Cómo Agregar jQuery Blogger La Plantilla [/url]
  37. gak working mas ditempat saya ..
    1. tambahkan jquery nya..
  38. Diaplikasikan di template iklan baris nya Kang Ismet kog gak jalan ya Kang. Mohon pencerahannya Kang. Trims Kang sebelumnya
    1. tambahkan jquery : http://blog.kangismet.net/2013/04/menambahkan-jquery-pada-template-blogger.html
  39. mantap sobat, keren bener sudah ane pasang di blog ane http://prediksibola888.blogspot.com/
  40. Makasih mas akhirnya bisa juga punya box related post ginian.
  41. Kang Is. Fitur Maximize, Minimize, ama Close kagak fungsi. ;(
    Di blog saya fitur2 itu aku sembunyiin kang, orang kagak fungsi sih, gimana dong :(
  42. terima kasih untuk infonya kang . . . .salam kenal dari nusa tenggara barat
  43. terima kasih kan sebelumnya

    mau nanya , membuat nya terlihat seperti rekomendasi seperti http://2.bp.blogspot.com/-KYhiKZRDsQg/Ult29rWI1QI/AAAAAAAAAEc/FPzQLz6L_Fg/s320/Capturefffnn.png ini kayak punya nya @Leony Li yang terlihat hanya 1 rekomendasi dan dengan cuplikan tulisannya

    . . ,soalnya pngen kaya gitu . . .dibantu ya
    1. kalau ingin merubah tampilan seperti ini anda harus edit kembali css dan script nya. :)
    2. mudah aja mas bimbi anda tingal menambah code di bgian <div class='post-footer'> yang ke 2

      seperti contoh di bawah ini




      <div class='addthis_toolbox addthis_default_style '>
      <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
      <a class='addthis_button_tweet'/>

      </div>
      <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
      <script src='http://blogger-json-experiment.googlecode.com/svn/resources/related-post/related-post.min.js' type='text/javascript'/>

      </b:if>
      </div>
      </div>
      </b:if>
      <!-- Related Post Widget End -->
  44. hatur nuhun kang :D, ilmunya bermanfaat sekali
  45. kang kok di blog saya gak muncul ..
    1. saya melihat blog anda kok ada dua jquery ya, coba dibuang satu, dan coba kembali. pada langkah 3 ini kita jangan fokus pada

      <div class='post-footer'>

      coba anda pasang kode pemanggilnya tepat dibawah Related Posts.
  46. hebring kang, alus,, jadi kayak web profesional hehehe,,, nuhun kang ah :)
  47. hatur nuhun kang artikelna .... sukses selalu
  48. Keren kang! ^-^
  49. kang di tempat saya ko gak atif ya ? apa ada kesalahan ?
    1. Anonim
      Komentar ini telah dihapus oleh pengarang.
  50. Gak bisa gan
    Cek dong http://trikblogger.net
    1. saya tambah ya, karena bentrok, semua related-post nya saya ganti artikel-terkait, termasuk javascript yang berada di google code tetapi tetep gak bisa
  51. kang bisa tanya gak , cara bikin http://4.bp.blogspot.com/-mfjiZCRyGyQ/Umez1vdH_II/AAAAAAAAAE0/kAtnK-iapLE/s1600/Capture.PNG seperti diatas judul posting diatas bagaimana ya . . mhon bantuannya ya ??? kalau bisa
    1. kan udah di atas tadi.. kenapa dihapus? :) itu namanya BREADCRUMBS

      Tutorial : [url=http://blog.kangismet.net/2013/09/breadcrumbs-seo-friendly-dan-valid-html5.html]Membuat Breadcrumbs SEO Friendly dan Valid HTML5[/url]
  52. Kok di blog q div class='post-footer' cma ada satu kang,,,???
    1. ga apa2.. coba aja disitu
  53. berhasil kang makasih banyak..
  54. Kang Punya Ane kok gak nongol ya ? Mohon pencerahannya
  55. mantapkan . . . . punya berhasil lho . . . terima kasih kang & selamat pagi
  56. Kang, saya mahukan related article ini muncul secara mendatar. Contoh seperti ini,
    http://2.bp.blogspot.com/-ICIjR3uZO_Q/UpmhSj1jSrI/AAAAAAAAFts/1MfLrfII-nY/s1600/dsdsd.jpg

    Bagaimana ya boleh saya buat? Mohon bantuan kang,
    1. #kislidingbox harus dirubah ukurannya, pada .related-post-style-2 li tambahkan display:inline
  57. kang untuk memperjelas gambarnya gimana cara editnya??
    sekaligus nambah isi beritanya dikit di bawah judul juga editnya gimana kang??
    mohon solusinya di tunggu :)
    1. contohnya seperti ini kang
      http://1.bp.blogspot.com/-pOS3cLbbGG8/UpnVQoBr5VI/AAAAAAAAAjo/9cjXzjEgy9Q/s1600/Untitled-2.png
  58. Kang punya saya kenapa g muncul ya kang, mohon koreksinya kang. Padahal langkah-langkahnya sudah saya ikuti dengan teliti kan.
    ini blog saya http://webberbagi.blogspot.com/
  59. punya saya malah serba salah kang, diblog saya udah dipasang script artikel terkait yang sama dari DTE yang rekomendasinya malah gak muncul nih kang :(

    solusinya gimana kang ?
  60. sukses gan di blog saya
  61. Ikutan nyimak gan, parantos lami ieu enteu bolgging. He..he.
    Makin mantaB wae, Kang blog,kangismet ini.

    Mohon ini belajar didieu nya Kang Ismet.
    Mugi tambah sukses, Amiin yra...
  62. hehe di thumbnail ss nya ada logo ane kang :D .. ajipp , ngiring exist uyy .. hahaha
  63. Kang mau tanya saya udah terapkan cara di atas di blog saya www,teknologitogether.blogspot.com tapi nggak muncul .. kira2x itu kenapa ya ??
    saya coba sana sini tetap nggak mau muncul..
    mohon bantuan nya ya kang :D
  64. mantaff kang ;)
  65. Mntab mas... bisa tak cobain dulu ya...
  66. kang kok ane puny ngak muncul di samping tapi malah muncul di atas tempat komentar -_- tolong bantuannya kang :(
  67. kang tolong kong ane punya ngak bisa :( pada hal sudah ane ikuti caranya
    1. biasanya ada JS yang bentrok.. lumayan sih untuk menelusurinya, atau coba update dulu versi jQuerynya
  68. mantep pisan kang ismet.. :)
  69. Hehe, nemu juga akhirnya..... Berhasil kang dipasang di blog ane, sekalian izin share ya...!
  70. Kang pas sy pasang kok related post yg dbawah postingan malah hilang.. sepertinya bentrok :( *minta sarannya*
    gaulmania .com
  71. mksih kang,,salam pentang baru..back link ya
    http://belajarbahasainggrislebihmudah.blogspot.com/
  72. makasih kang.. work.. manfaat banget tuh!!

    bitx64.blogspot.com
  73. hihii ketemu juga disini
    thx sob
  74. Keren bgt...topppp
  75. Kang, setelah 2 kali saya mencoba tentang tutorial ini baru berhasil, jadi sebuah kalimat perlu saya ucapkan yaitu "Terimakasih atas Tutorialnya" moga eksis selalu
  76. saya coba kenapa gak muncul ya alias gak bisa :'(
  77. kerenn abis tutorial artikel rekomendasi slidenya... layak dan patut dicoba...
  78. mas..slidingnya masih berfungsi cuman artikel rekomendasinya udah blank. minta tutornya lagi dong.. :)
    1. biasanya ada bentrok dengan artikel terkait yang lain
  79. thanks kang ismet,,, kebetulan ni lagi nyari,,,thanks bangat deh pokok nya
  80. Mantap kang.... cek www.fantasiku.com
    1. Sip.....
  81. Niaga88
    Komentar ini telah dihapus oleh pengarang.
  82. Mantap kang. Tapi kalau diubah sama artikel acak gimana caranya kang?
  83. Berhasil gan !! thanks berat nih kang ismet..,
    lihat aja di scienceandri.blogspot.com,,
  84. works perfectly kang!! tapi ane ganti jadi dark warnanya =D
    joss pokoe :-bd
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.