cara membuat dan memasang wedget recent post bergerak



cara membuat wedget recent post bergerak slide seperti gambar di atas cukup simple

caranya

1. login ke akun sobat

2. tambah gadget

3. pilih HTML java script

4. copy script di bawah ini




<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
#rp_plus_img{
height:300px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ahmad-rifai-tools.googlecode.com/files/recentpostslidethumbnails.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 25;
var numchars = 75;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

warna merah adalah ukuran wedget
warna ungu adalah speed
warna biru adalah jumlah posting
wana hijau  adalah jumlah caracter/huruf
atur sesuai selera sobat
save dan lihat hasilnya terimakasih semoga articel saya bermanfaat



KOMENTAR DISINI

ARTIKEL TERBARU:

Cara membuat screenshoot gif atau bergerak di Blog


bagaimana apakah sobat tertarik??
cara membuat screenshoot seperti di atas mudah ko sob.

pertma sobat download file nya di disini

jalankan file nya seperti ini

klik Record dan pilih tempat menyimpan file dan jadi deh
selamat mencoba, semoga articel saya bermanfaat terima kasih

note buat yang susah download file LICEcap nya, silahkan coment ya nanti saya kasih


KOMENTAR DISINI

ARTIKEL TERBARU:

cara membuat dan memasang wedget articel terbaru dengan gambar dan ringan




 halo sobat kali ini saya mau share tentang cara membuat articel terbaru dengan gambar/thumbnail contohnya
 caranya cukup mudah dan simple dan cara ini sangat ringan di blog

  caranya

 1 login ke akun sobat

 2  pilih >tata letak >> tambah gadget

 3 copy script di bawah ini 

<div id='bp_recent'></div>
<script style='text/javascript' src='http://yourjavascript.com/02415211738/artikel-terkait.js'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://www.bantoel.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>


warna hijau adalah jumlah gambarnya
warna merah adalah url sobat 

terima kasih semoga tips saya bermanfaat 

KOMENTAR DISINI

ARTIKEL TERBARU:

cara membuat dan memasang wedget articel terbaru dengan gambar dan ringan




 halo sobat kali ini saya mau share tentang cara membuat articel terbaru dengan gambar/thumbnail contohnya
 caranya cukup mudah dan simple dan cara ini sangat ringan di blog

  caranya

 1 login ke akun sobat

 2  pilih >tata letak >> tambah gadget

 3 copy script di bawah ini 

<div id='bp_recent'></div>
<script style='text/javascript' src='http://yourjavascript.com/02415211738/artikel-terkait.js'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://www.bantoel.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>


warna hijau adalah jumlah gambarnya
warna merah adalah url sobat 

terima kasih semoga tips saya bermanfaat 

KOMENTAR DISINI

ARTIKEL TERBARU:

cara membuat agar blog cepat di akses lewat hp



Hara ini membahas cara membuat agar blog kita cepat di akses lewat ponsel ,
Hampir semua orang di dunia ini memliki hp/ponsel dan hampir semuanya mempunyai layanan internet, yang

setiap waktu dan di manapun bisa dengan mudah mengakses internet, apalagi di jaman canggih seperti sekarang yang rata2 menggunakan smartphone/handpone pintar.
dan bagi webmaster/para blogger tentunya ingin blog/situsnya bisa di kunjungi siapapun tanpa menggunakan komputer,dan lebih cepat saat di akses di hp.

berikut langkah pembuatanya

1. login ke akun kesayangan sobat
2. pilih rancangan edit HTML

3. cari kode <b:include data='blog' name='all-head-content'/> 

4. jika sudah ketemu copy script di bawah di bawah ini tepa di bawah <b:include data='blog' name='all-head-content'/>   


<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
setelah itu save. 

KOMENTAR DISINI

ARTIKEL TERBARU:

cara membuat agar blog cepat di akses lewat hp



Hara ini membahas cara membuat agar blog kita cepat di akses lewat ponsel ,
Hampir semua orang di dunia ini memliki hp/ponsel dan hampir semuanya mempunyai layanan internet, yang

setiap waktu dan di manapun bisa dengan mudah mengakses internet, apalagi di jaman canggih seperti sekarang yang rata2 menggunakan smartphone/handpone pintar.
dan bagi webmaster/para blogger tentunya ingin blog/situsnya bisa di kunjungi siapapun tanpa menggunakan komputer,dan lebih cepat saat di akses di hp.

berikut langkah pembuatanya

1. login ke akun kesayangan sobat
2. pilih rancangan edit HTML

3. cari kode <b:include data='blog' name='all-head-content'/> 

4. jika sudah ketemu copy script di bawah di bawah ini tepa di bawah <b:include data='blog' name='all-head-content'/>   


<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
setelah itu save. 

KOMENTAR DISINI

ARTIKEL TERBARU: