Showing posts with label Widget Blog. Show all posts
Showing posts with label Widget Blog. Show all posts

Thursday, 6 February 2014

Cara Membuat Random Post Bergerak Ke Bawah



Cara Membuat Random Post Berjalan

1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:


<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;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:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:14px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

Keterangan : 

1. Kode yang warna Hijau adalah kecepatan untuk berpindahnya post             ke post lain,, jika perlu anda bisa ubah kecepatannya.. 

2. kode yang warna Merah adalah waktu berhentinya post/di pause.. bisa di ubah juga jika perlu.. 

3. kode yang warna Orange adalah jumlah post yang akan di tampilkan di recent post. anda bisa mengubahnya sesuka hati..
oke  sekian sekilas tentang  Cara Membuat Random Post Berjalan .
Semoga bermanfaat .

Wednesday, 5 February 2014

Cara Memasang Widget Translate Pada Blog



Ada banyak jenis widget translate yang dapat di gunakan, namun kali ini saya akan menjelaskan tentang bagaimana cara memasang Widget Google Translate Dengan Flag pada blog. Untuk cara memasang widget tersebut, silahkan mengikuti langkah-langkahnya dibawah ini.

Widget Google Translate Dengan Flag

  • Login ke Blogger.
  • Masuk ke Tata Letak » Add Gadget » HTML/Javascript.
  • Masukkan kode di bawah ini pada kolom HTML/Javascript


 <center>
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhaFNQNLahtlgu-r2T7QdAZszeuuqb2GxPXcLqg4JdymC85HmBdGhl1433GTaNdcIG-JMpnF2d8p1B6B5M4bny66NYYNAbR7_14s8meGYXC201yJB7PtiIAIkXT-PAw0Ok0cbOeHJtU6o/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCJy582thY6yve_YDjIWecnVLKRy1Cjnu0r-nH0h0cC2Cd7itMrwXdMll04RhTyy4iiTfo4kbSmO7fAP4-0D2adW14hGdzGqTkZAuRm8x0kEUaXP9YCou0GFdwUaVV_L5kZwl_WD9N-ME/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioJmhJ_KqrJg09XBTM-pnJb7MngbnirSfqCIf3VFYCYbGtihEH9lUVQcLofFW-AMcyxGeqenbA-8Ee7bxRBRrlaGPVLHxJGqYHJMfNXVb2j8G2w3eOTFGvhUY7SQP_S-IfPTFcrOJSFH7i/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr6lGjVLNQ5xjaO_i4VF5wnwuZCqQS8yKeahyphenhyphenzyCRUhj95x0fxMhdmKZv9-s4JYQUXUJjsbyGellbI8x1ZfQ2pHQLyEZbFe6e1vEujaKZpqzOusl1XRfb9Eh4I5fKbvfQ4SBTWKb-T29t5/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhRT349cgqbw3Hwr_iVeCAjvDcV4K4w5sodxvuK3aM0SM9mVh6zVHkUuQYnkispKUZX7HF-HmtFyPV_yPRpjbWOzIQt77c16mxzvrSddVbtCam6qI9V1qfQeJxStFLTv7CXINGOjl-hA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1zOgr39hzgv7UZ-Q_xe8UsUVIp28JrSGYo2xo-E1FBNNJtsTq6alFUF1IiLLwyit3j9lLFvnptzYjwpvVbcLXiTSGYXlspQUb8ZG3ZLzKr8vohnjb9oLcbdDUir_Ukcdu04R5Vb8LCSE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<br /><br />
<a class="google_translate" href="#" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0hTCCwXIfdP_gX2Ua0p-yTyoR2BXYevR863sLwKed0dNW0jk8fNL3Kbre0o_Ku-UyS8iwKlFGJV5d2i3OH0NZW3pC9Sbe-_srq2WNGogbzdp7XR3lKN344P7ks6VmOCXAixxHf3oaRd4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMwdlWAg2Tuty9qhfHXqyrnzx5xig-ub-VxlRxWW5NUJ6ay2NCRLQaQ4pYik4Fn7vNhwK0KQ7Mzqujw-NGJoBqp7pIuRRxqzHlITMb65GCE0leTVXUwvdcJoBKn5VC1eUZulUNh20Q28A/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJZ1u6i_voTLibLv5u44W3qa_n_Z1WTQmb4hc-Sx0EAUux0gbypM91U0ERCWchnk_Es_pvtDr0s1oB9loHTHmTban2xGoNik547jKSS6ItlMDf-WkgrzXD7ixE2W_AbBh1eBvrKK_DHwds/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJU7hXx67rubtGlU6p0G5vDF2hJBaWvmJkc8NYGadDIYjIfKLnfwatosT9IvJwwhtULLnFk8G1TRDGutZ3kXeVeo_tBUXbjN8JDSoCew0bmBa4O_Y5eC0wwF80qGJojw1_kqKWDKUKLZg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf4V0CfWjW19niV5QuIElDiGXicg1VXQuXSQH2LU7x-yOq73Zjzh9gilskDLiJCtt9YMkwY8vALDb7iAO5NiWblQlfBlEQ4TZywKWU2Ohyis7SUVxlqP6hip9eCihGLkICnwt7XiWPwCw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeWoHaVeg7wOpnHyhyZJCfhlZkC0Q0iS74bvHPeF-9f7b9IJzqvs0-vafl1BHEd31m6NvZ0hlxScprs35crS8WcGOdhqWWqdrfsQf62znZ9HJfHKIEZLsYxZ8TKK6xSLi82vERN7uJDwg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
</div></center>
<div style="text-align: center;">
<a href="http://seomajalengka.blogspot.com/2014/02/cara-memasang-widget-translate-pada-blog.html" rel="nofollow" target="_blank"><span style="font-size: 8px;"><i>Get This Gadget</i></span></a></div>



  • Klik simpan/save.
Hasilnya akan seperti gambar dibawah ini.

Selamat mencoba dan semoga bermanfaat.