Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. 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.


Tips Mempercepat Loading Blog



1. Penggunaan Gambar dan Media (Video)

Sebelum Anda memposting artikel blog yang menggunakan banyak gambar di dalamnya saya sarankan untuk mengkompresnya. Disamping itu pula jika di dalam postingan blog terdapat video saya sarankan kepada Anda untuk memperhitungkannya. Jika video itu tidak begitu penting dan masih ada alternatif yang lebih efektif gunakan alternatif tersebut.

2. Penggunaan Widget di dalam Template Blog

Penggunaan widget terlalu banyak di blog akan menyebabkan loading blog menjadi lambat karena link serta script yang terdapat pada widget tersebut juga akan diload. Semakin banyak widget yang dipasang di blog maka loading blog pun semakin bertambah berat. Saran saya gunakan widget yang pengting-penting saja untuk blog Anda misalnya seperti widget histats, fanspage facebook dan lain-lain. Untuk widget seperti jam, kelender, musik saya sarankan jangan dipasang karena menurut saya itu tidak begitu penting, dan dampak negatifnya lebih besar daripada dampak positifnya.

3. Pemakaian Kode JavaScript Berlebihan

Memakai kode javascript dalam template blog memang tidak dapat dihindari, akan tetapi kita dapat meminimalisr penggunaan javascript sesuai kebutuhan. Ketika anda terlalu banyak menambahkan kode ini kedalam template blog Anda, maka yang akan terjadi adalah ketika load saat pengunjung membuka halaman di salah satu website atau blog Anda akan menunggu lama. Hal ini dapat berakibat buruk terhadap perkembangan blog Anda. Kita lihat saja website tenama seperti facebook atau google, bukankah website tersebut memiliki loading yang cepat?

4. Eksternal Link

Eksternal link adalah link yang terdapat di dalam blog yang mengarah ke website atau blog lain. Semua link akan terload/dibaca ketika pengunjung membuka website atau blog hingga dapat tampil sebagaimana wujud yang sebenarnya muncul dilayar monitor. Untuk itu saya sarankan kepada Anda jangan terlalu banyak memasang link dari luar blog, selain memperlambat loading blog juga berpengaruh terhadap SEO blog anda sendiri. Jika Anda menggunakan link dari luar, usahakan dalam satu wadah saja, seperti link ke google code atau link gambar/image dari blogger yang masih dalam satu hosting.

Mungkin hanya itu saja tips dan cara mempercepat loading blog yang dapat saya jelaskan, semoga bermanfaat.