Cara Membuat Slide Box Rekomendasi Keren di…

80 views

aapy.info – Cara Membuat Slide Box Rekomendasi Keren di…, Cara Membuat Slide Box Rekomendasi Keren di…

Cara Membuat Slide Box Rekomendasi Keren di…
Pada artikel kali ini saya akan berbagi cara tentang widget slide box yang terdapat pada blog saya ini ketika mouse Anda scroll ke bawah nanti akan muncul kotak rekomendasi.

Cara Membuat Slide Box Rekomendasi Keren di...
Klik  Gambar Untuk Melihat
Lebih Jelas

Artikel ini saya tulis berdasarkan salah satu permintaan artikel dari loyal visitor di blog ini yaitu +Ri-Uz Athamir yang memerlukan informasi tentang slide box rekomendasi tersebut yang biasanya ada di detik.com.

Dulu saya juga menginginkan sekali memiliki sebuah blog atau website yang tiba-tiba ketika membaca sebuah artikel atau berita tiba-tiba saja muncul kotak tersebut. Alasannya adalah PV akan tinggi.

Tapi sebelumnya saya sudah minta ijin kepada yang share pertama kali tentang widget yang keren dan dapat meningkatkan PV Blog atau Website Anda.

Kode-kode untuk membuat widget tersebut berasal dari
1. Sliding Statis Social Widget dari Kompi Ajaib.
2. Related Post with Thumbnail dari DTE.

Kode tersebut kemudian diolah kembali oleh seorang blogger yang sudah tidak asing lagi yaitu Kang Ismet.

Sekali lagi saya memberikan penekanan terkait widget yang satu ini karena terbukti sekali ampuh “menggoda” pengunjung blog Anda untuk terus membantu membaca artikel-artikel yang ada pada blog Anda.

Manfaat dari PV ini tentunya mengurangi bounce rate dan exit rate blog Anda, maka baca artikel yang yang berjudul cara menurunkan bounce rate dan sekaligus baca juga penyebab bounce rate.

Diharapkan setelah Anda membaca artikel tersebut maka semakin mantap untuk memasang widget ini.

Baiklah langsung saja berikut cara pasangnya.

1.  Copy Kode dibawah diatas kode ]]> 


/* 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 */
2. Copy kode dibawah ini di atas kode

3. Terakhir Copy kode di bawah ini di bawah kode 
pilih yang kedua saja.
   
      Artikel Keren Untuk Anda
        'close
        'minimize
        'maximize
   

   
 
 
  IBX58CFCC00D7C95
IBX593146C3A8C3A