Software/Aplikasi
Ilmu Islam
Info
B.pemograman
Games
Film
Musik
ApkCara Membuat Widget New Post Slide - Ada kalanya kta harus mengotak atik Website/blog, supaya tampilannya lebih menarik, berikut saya akan papawkan cara membuat Widget New Post Slide,
Cara membuat Widget Artikel Terbaru/New post itu sangat mudah dan kalian hanya perlu beberapa detik dan Widget Recent Post/New post/Artikel terbaru akan selesai.
Artikel lainnya :
1. Login terlebih dahulu ke Akun Blogger kalian
2. Klik Tata Letak .
3. Lalu kik Tambahkan gatget
4. Dan selanjutnya klik HTML/Java Script
5. dan masukan Code di bawah ini.
Ganti code yang sudah saya beri warna, sesuai keinginan anda.
var numposts = 20;= Jumlah Postingan yang akan ditampilkan
var numchars = 40;= Kumlah Charakter/huruf yang akan di tampilkan
#d90000 = Warna Judul Postingan
#EFFBEF = Warna Saat disorot kursor
bila sudah di setting kalian bisa menyimpannya.
Cara membuat Widget Artikel Terbaru/New post itu sangat mudah dan kalian hanya perlu beberapa detik dan Widget Recent Post/New post/Artikel terbaru akan selesai.
Artikel lainnya :
- Cara Mudah Membuat Scroll Arsip Blog
- Cara Mudah Membuat Menu Pilihan Dropdown dengan Javascript
- Cara Mudah Membuat Artikel terkait dengan Scroll
Screenshot
1. Login terlebih dahulu ke Akun Blogger kalian
2. Klik Tata Letak .
3. Lalu kik Tambahkan gatget
4. Dan selanjutnya klik HTML/Java Script
5. dan masukan Code di bawah ini.
<style type="text/css"> #rp_plus_img{height:385px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px} #rp_plus_img li:hover{background-color: #EFFBEF;} #rp_plus_img a{color:#d90000;font-weight:bold} #rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;} #rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.js"></script> <script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 20; var numchars = 40; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul>
Ganti code yang sudah saya beri warna, sesuai keinginan anda.
var numposts = 20;= Jumlah Postingan yang akan ditampilkan
var numchars = 40;= Kumlah Charakter/huruf yang akan di tampilkan
#d90000 = Warna Judul Postingan
#EFFBEF = Warna Saat disorot kursor
bila sudah di setting kalian bisa menyimpannya.
0 Comment to "Cara Membuat Widget New Post Slide"
Posting Komentar