Postingan

Menampilkan postingan dari November, 2014

Membuat Newer Older Post Navigation Dengan Thumbnail

Gambar
Widget Next Post dan Previous Post dengan thumbnail akan memudahkan pengunjung dalam mengakses artikel-artikel yang terdapat pada blog. Widget Newer Older Post Navigation With Thumbnail ini tentunya akan menambah jumlah klik pada blogspot. Untuk memasang perangkat ini, cukup letakkan script ini diatas </body>: <!--:[ NAVIGATION NEWER OLDER POST TITLE START ]:--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> <style type='text/css'> .oldernewerpost{cursor:pointer;padding-top:5px;text-align:center;width:160px;overflow:hidden;} .oldernewerleft{float:left;} .oldernewerright{float:right;} .home-link{margin:0 12.5%;} .oldernewerpost:hover{ background: rgb(245,246,246); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246

Simple Fast Automatic Blogspot Slider

Gambar
Slider otomatis untuk blogspot yang sederhana serta cepat loadingnya ini merupakan hasil modifikasi dari pakar-pakar javascript, jquery dan css, pastinya slider ini dapat menghiasi blogspot menjadi lebih menarik lagi tanpa memberatkan laju blog Anda :D SCREENSHOT DEMO Tempatkan script ini dimanapun yang Anda suka, maka dipastikan slider akan muncul, please try!!! <!--:[SLIDER WRAPPER START ]:--> <b:if cond='data:blog.url == data:blog.homepageUrl'> <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> <style type='text/css'> #slider-wrapper{position:relative;width:620px;margin:0 -2px 20px;box-shadow:0 1em 2em -1em #000;} .slider{overflow:hidden;position:relative;width:620px;height:300px;} .slide-image{position:absolute;top:0;left:0;} .slide-image img{overflow:hidden;float:left;width:620px;height:300px;} .slide-page {background:linear-gradient(#444,#000);background:-webkit-linear-gradient(#444,#000);border-b