"Jauhkan pengunjung ke situs Anda terpaku lama" Ini adalah apa yang setiap blogger di luar sana ingin melakukan. Slide Pasang Widget Rekomendasi Out tidak hanya itu. Ini semacam undangan kepada pembaca untuk membaca posting baru sekali dia telah membaca salah satu entri blog Anda. Anda mungkin telah melihat jenis widget di situs-situs populer seperti New York Times, Mashable, Times of India dll
Saya juga menyukai gagasan itu dan menemukan bahwa beberapa orang lain telah membuat potongan jQuery yang tidak sama saja. Anda dapat membaca tentang kode mengagumkan di blog Mary Lou di http://tympanus.net/codrops/2010/04/13/end-of-page-slide-out-box/
Saya telah membuat beberapa modifikasi potongan sehingga akan dimuat asynchronous tanpa mempengaruhi beban halaman. Keluar Slide akan menampilkan posting secara acak dari Blog Anda. Tulisan acak yang diambil dari Feed Blog Anda menggunakan Ajax.
Demo Slide Out
Gulir ke bawah ke bagian bawah posting dan Anda harus melihat Slide Fitur Out.
Tambahkan Slide Posting Rekomendasi keluar Widget
Untuk menambahkan widget ke blog Anda, Anda dapat menggunakan installer satu klik.
Menyesuaikan Slide Fitur keluar
1. End Of penanda Post - slide keluar ketika pengguna gulungan ke titik tertentu dalam Blog Anda (bagian bawah halaman secara default) Untuk menandai titik ini, Anda dapat menambahkan elemen HTML di sana.. Elemen harus memiliki bpslidein_place_holder id
misalnya: <div id='bpslidein_place_holder'></div> kan melakukan pekerjaan. Tempat terbaik untuk menambahkan penanda ini akan berada di akhir posting. Jika Anda ingin melakukannya dengan mudah, Anda dapat menambahkan ini ke template Blogger Anda.
Dalam template Anda Cari, (Anda akan harus memperluas Template Widget)
<div class='post-footer-line post-footer-line-1'>
Atau
<p class='post-footer-line post-footer-line-1'>
Atau
<data:post.body/>
Langsung di bawah salah satu, tambahkan potongan berikut dan simpan template kita
<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>
Sekarang ketika gulungan pembaca ke div ini, geser akan terbuka.
2. Menyesuaikan tampilan dan nuansa dari out Slide.
Anda jelas bisa gaya Slide Fitur keluar. Tapi sebelum Anda melakukannya, Anda harus menambahkan definisi variabel ke template Anda
<script>var bpslidein_custom_css=true;</script>
Ini harus ditambahkan suatu tempat di atas Slide Out Widget. Jika variabel ini tidak diatur, stylesheet yang default akan digunakan untuk rempah-rempah sampai Slide Fitur keluar.
Setelah variabel ini diatur ke benar, Anda dapat menambahkan definisi sendiri CSS. Anda dapat menambahkan CSS Anda di Designer Template> Lanjutan> Tambah CSS
Ini adalah set standar definisi Gaya diterapkan Widget tersebut. Anda dapat memodifikasi mereka dan menggunakannya.
#bpslidein{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-top:3px solid #1616F5;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-2px 0 5px #aaa;font-family:Arial, Helvetica, sans-serif;}
#bpslidein p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#555;}
#bpslidein_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}
#bpslidein a,#bpslidein a:hover,#bpslidein_title{text-decoration:none;color:#1616F5;}
#bpslidein .close,#bpslidein .expand,#bpslidein .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#bpslidein .help{right:35px;}
#bpslidein_title,#bpslidein_image{float:left;width:80px;}
#bpslidein_title{width:290px;}
3. Hal-hal yang lain Anda dapat mengedit
Anda dapat mengedit Judul Widget dan teks Pemuatan Konten dengan mengedit Widget.
Rencana masa Depan
Ini adalah versi awal dari widget ini, dan versi yang lebih baik akan tersedia berdasarkan umpan balik yang saya dapatkan:) .. Jika Anda mencintai Slide Out, jangan berbagi dengan teman Anda. Saran dari Blogger pasti akan membantu saya dalam meningkatkan Widget. :)
Source Post: Blogger Plugins
Continue Reading...
Please Click Open
