Menambahkan Widget Postingan Terbaru Dengan Effek Scrolling Atau Geser Ke Bawah

Ditulis Oleh Rifki Andrean Pada Hari Sabtu, 10 Agustus 2013

Scrolling terakhir gadget posting adalah widget terbaik untuk memamerkan posting terbaru dari blog Anda dengan efek gulir jQuery, yang meraih perhatian pengunjung sangat cepat. Sebelumnya saya berbagibergulir animasi terbaru widget posting dan hari ini kita datang dengan baru bergulir widget posting terbaru, yang bekerja dengan efek spy jQuery, ini adalah fitur terbaik dari widget ini. Setiap potongan widget ini berisi judul posting, thumbnail pos, tanggal ketika posting yang diterbitkan dan jumlah komentar pada post.Also bahwa semua pilihan di atas yang sepenuhnya disesuaikan, sehingga Anda dapat dengan mudah menyesuaikan widget ini seperti yang Anda inginkan. Di atas adalah beberapa fitur ini widgetsekarang mari kita lihat bagaimana untuk menambahkannya ke blog blogger Anda.
Langsung saja.

  • Masuk blogger dan tambah gedget javascript.
  • Masukan kode dibawah ini dan edit sesuai selera.



  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script> <style>#NBT-widget {overflow: hidden;margin-top: 5px;padding: 0px 0px;height: 385px;}#NBT-widget ul {width: 295px;overflow: hidden;list-style-type: none;padding: 0px 0px;margin: 0px 0px;}#NBT-widget li {width: 282px;padding: 5px 5px;margin: 0px 0px 5px 0px;list-style-type: none;float: none;height: 80px;overflow: hidden;background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgKvVXXVSuKgbTWP-2zU8n2MyTLo_hyphenhyphen5HX8t_HwE4zVtKNfTJRiv6WgmhcZElQ-Rm6Az6dpyELeIoWdHQc7R76D8tYbFynFPqYkZbh7d1NrHh_BR_hJ8dD24j9ysfEHHc91z9XyP7c2bgE/s1600/NewBloggerTips.com-post.jpg) repeat-x;border: 1px solid #ddd;}#NBT-widget li a {text-decoration: none;color: #4B545B;font-size: 15px;height: 18px;overflow: hidden;margin: 0px 0px;padding: 0px 0px 2px 0px;}#NBT-widget img {float: left;margin-top: 10px;margin-right: 15px;background: #EFEFEF;border: 0;}#NBT-widget img {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;padding: 4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);}#NBT-widget img:hover {-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}.spydate {overflow: hidden;font-size: 10px;color: #0284C2;padding: 2px 0px;margin: 1px 0px 0px 0px;height: 15px;font-family: Tahoma,Arial,verdana, sans-serif;}.spycomment {overflow: hidden;font-family: Tahoma,Arial,verdana, sans-serif;font-size: 10px;color: #262B2F;padding: 0px 0px;margin: 0px 0px;}</style><script language='JavaScript'>imgr = new Array();imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0QqrJl7v01CiylkF5wRlCsn4JklJ8SwX_WwZc38QPCvjxnQkBClFEfiT-aImrgJi32qovV5WH-BYjd5hLOzsSbCqfbdmVFQhyiFEXmbc1E1lx4yT613BYIJ9GPprkZvMImTn-_raPjkp/s1600/No+Image+1.gif";imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0QqrJl7v01CiylkF5wRlCsn4JklJ8SwX_WwZc38QPCvjxnQkBClFEfiT-aImrgJi32qovV5WH-BYjd5hLOzsSbCqfbdmVFQhyiFEXmbc1E1lx4yT613BYIJ9GPprkZvMImTn-_raPjkp/s1600/No+Image+1.gif";imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0QqrJl7v01CiylkF5wRlCsn4JklJ8SwX_WwZc38QPCvjxnQkBClFEfiT-aImrgJi32qovV5WH-BYjd5hLOzsSbCqfbdmVFQhyiFEXmbc1E1lx4yT613BYIJ9GPprkZvMImTn-_raPjkp/s1600/No+Image+1.gif";imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0QqrJl7v01CiylkF5wRlCsn4JklJ8SwX_WwZc38QPCvjxnQkBClFEfiT-aImrgJi32qovV5WH-BYjd5hLOzsSbCqfbdmVFQhyiFEXmbc1E1lx4yT613BYIJ9GPprkZvMImTn-_raPjkp/s1600/No+Image+1.gif";imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA0QqrJl7v01CiylkF5wRlCsn4JklJ8SwX_WwZc38QPCvjxnQkBClFEfiT-aImrgJi32qovV5WH-BYjd5hLOzsSbCqfbdmVFQhyiFEXmbc1E1lx4yT613BYIJ9GPprkZvMImTn-_raPjkp/s1600/No+Image+1.gif";showRandomImg = true;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 50;thumbheight = 50;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = "comments";showPostDate = true;summaryPost = 40;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";numposts = 10;home_page = "http://www.NewBloggerTips.com/";limitspy=4;intervalspy=4000;</script><div id="NBT-widget"><script src='https://dl.dropbox.com/s/gviv5r1iksjfvj3/Scrolling_recent-posts-Spy-NBT.js' type='text/javascript'></script></div>  

Ditulis Oleh : Rifki Andrean Admin dari www.mamangtutorial.blogspot.com

Rifki Andrean Assalamualaikum WR, WB.
Anda sedang membaca artikel berjudul Menambahkan Widget Postingan Terbaru Dengan Effek Scrolling Atau Geser Ke Bawah yang ditulis oleh Rifki Andrean yang berisi tentang "Menambahkan Widget Postingan Terbaru Dengan Effek Scrolling Atau Geser Ke Bawah" Apabila anda sedang membaca, Anda tidak diperbolehkan mengcopy paste artikel ini. Hak cipta dilindungi oleh monitoring artikel.

Blog, Updated at: Sabtu, Agustus 10, 2013

0 komentar:

Posting Komentar

Mari Bantu Artikel Ini, Join Sekarang !

Pencarian


mamangtutorial.blogspot.com© 2014. All Rights Reserved.
SEOCIPS Areasatu