Widget Recent Post dengan Lebih Banyak Pilihan
Sabtu, 21 Juli 2012
0
komentar
Widget yang tampak berwarna hijau di atas adalah widget recent post/posting terbaru dengan begitu banyak pilihan. Anda bisa menyembunyikan gambar, komentar, bulan terbit dan ringkasan atau sebaliknya, menampilkannya. Menentukan apakah widget ini akan dianimasikan atau tidak juga bisa dilakukan. Cukup ikuti langkah-langkah di bawah ini dan pelajari tabel konfigurasinya:
Untuk membuatnya, Hanya masuklah ke Tab Rancangan kemudian tambahkan sebuah elemen halaman HTML/JavaScript:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script> <style type="text/css"> div.spy-outer { border:2px solid white; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4); box-shadow:0px 1px 3px rgba(0,0,0,0.4); margin:0px auto; } div.spy-outer h2 { margin:0px 0px; padding:5px 10px;background:#008800; background:-webkit-linear-gradient(top, #008800, #037103); background:-moz-linear-gradient(top, #008800, #037103); background:-ms-linear-gradient(top, #008800, #037103); background:-o-linear-gradient(top, #008800, #037103); background:linear-gradient(top, #008800, #037103); color:white; font:bold 12px Arial,Sans-Serif; text-transform:none; text-shadow:0px 1px2px black; } ul.spy { margin:0px 0px; padding:0px 0px; font:normal 10px/12px Arial,Sans-Serif; color:#666; overflow:hidden; } ul.spy li { list-style:none; text-align:left; margin:0px 0px; padding:5px 7px; background:#AABD30; background:-webkit-linear-gradient(top, #AABD30, #9BB009); background:-moz-linear-gradient(top, #AABD30, #9BB009); background:-ms-linear-gradient(top, #AABD30, #9BB009); background:-o-linear-gradient(top, #AABD30, #9BB009); background:linear-gradient(top, #AABD30, #9BB009); border-top:1px solid #A7D101; border-bottom:1px solid #899D00; word-wrap:break-word; overflow:hidden; } ul.spy a {text-decoration:none;} ul.spy li em { font-weight:bold; color:#409540; } ul.spy a.header { font:bold 12px/14px 'Trebuchet MS',Arial,Sans-Serif; display:block;color:yellow; text-shadow:0px 1px 0px rgba(0,0,0,0.2); } ul.spy a.header:hover { color:white; text-decoration:underline; } ul.spy li .summ { margin-top:5px; overflow:hidden; } ul.spy li .imgwrap, ul.spy li img { float:right; margin:0px 0px 2px 7px; width:72px; height:72px; border:4px solid #899D00; background:#fff url('http://3.bp.blogspot.com/-Z0w4M80kNoE/Tz4_RrLC4fI/AAAAAAAACJY/2mQ2yk5hCdU/s1600/loading.gif') no-repeat 50% 50%; padding:0px; } ul.spy li .imgwrap { -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.7); box-shadow:0px 0px 2px rgba(0,0,0,0.7); } ul.spy li img { border:none !important; float:none; margin:0px 0px; padding:0px 0px; display:none; } </style> <scripttype='text/javascript'> var spyTitle = "Artikel Terbaru", numposts = 7, numchars = 127, komentar = "Komentar", pBlank = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg"; modeID = true; showSummaries = true; openNewTab = false; showPostDate = true; showComment = true; showThumbnails = true; animatedRecentPost = true; limitspy =4; intervalspy = 4000; tickspeed = 1000; </script> <script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/rp-spy-whatever-v1.js"></script> <script src=" http://zhaehtc.blogspot.com/ /feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
0 komentar:
Posting Komentar