 |
| Tutorial Go Blog |
Cara Membuat Recent Post Bergerak - Banyak sekali sebagian para blogger pemula yang mengeluh dengan cara-cara dalam pembuatan recent post bergerak. Mereka sebagai pemula masih selalu gagal dalam hal memasang recent post bergerak di blog. Maka dari itu, Tutorial Go Blog ingin membantu saudara-saudara pemula blogger yang sekiranya ingin bisa membuat widget recent post bergerak di blog maupun websitenya, silahkan baca terus artikel ini sampai selesai.
Cara membuat recent post bergerak di blog bisa menambah daya magnet bagi traffice tersendiri, karena recent post ini adalah sebuah widget yang menampilkan artikel terbaru yang baru saja di publikasikan di blog, kira-kira seperti itulah. Cara membuat recent post berjalan di blog berbeda dengan Cara Membuat Widget Recent Post Responsive di Blog tersebut, dimana langkah-langkahnya cukup membuat anda kebingungan dan lelah.
Baiklah, sebelum kita menuju ke langkah selanjutnya, silahkan copy dan simpan dahulu kode script html dibawah ini guys. Toh, nanti juga kode tersebut akan ada gunanya. Jika sudah anda copy, sekarang tinggal chooow ke TKP...!!
<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</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>
var numposts = 5;
var numchars = 0;
</script> <script src="http://tutorialgo-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<small><a href="http://tutorialgo-blog.blogspot.com/search/label/Widget%20Blog" target="_blank">Blogger Widget</a>
<small><a href="http://tutorialgo-blog.blogspot.com/2013/05/cara-membuat-widget-recent-posts.html" target="_blank">Get This Widget</a></small>
</small>
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</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>
var numposts = 5;
var numchars = 0;
</script> <script src="http://tutorialgo-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<small><a href="http://tutorialgo-blog.blogspot.com/search/label/Widget%20Blog" target="_blank">Blogger Widget</a>
<small><a href="http://tutorialgo-blog.blogspot.com/2013/05/cara-membuat-widget-recent-posts.html" target="_blank">Get This Widget</a></small>
</small>
Keterangan :
- Untuk warna merah ialah jumlah post yang diterbitkan.
- Untuk warna biru ialah URL blog, ganti dengan URL blog anda.
Cara Memasang Widget Recent Post Bergerak
1. Buka browser mozila maupun chrome di komputer anda. Kemudian, cari alamat blogger.com dan masuk ke alamat tersebut. |
| Gambar 1 |
2. Anda masukkan username atau email dan beserta kata sandi atau passowrd blogger anda.
 |
| Gambar 2 |
3. Buka dashboard blogger anda, lalu anda segera tekan dan cari menu yang bertuliskan "Tata Letak" ini, contoh seperti gambar yang telah saya buatkan dibawah ini.
 |
| Gambar 3 |
4. Jika sudah mengerti, sekarang anda langsung masuk dan tekan tombol "Tambahkan Gadget", anda bisa memilih dari sisi mana saja untuk masuk ke element tersebut, karena nanti juga bisa di pindah-pindah sesuai selera anda.
 |
| Gambar 4 |
5. Berikutnya, anda pilih element widget "HTML/JavaScript".
 |
| Gambar 5 |
6. Setelah itu, kode yang berada di atas yang sebelumnya anda sudah mengcopy-nya, sekarang anda paste-kan kode tersebut di kolom kotak widget seperti gambar dibawah ini. Kemudian tekan tombol "Simpan".
 |
| Gambar 6 |
7. Lihat hasil proses pembuatan pemasangan widget recent post bergerak di blog yang sedang anda kelola saat ini.
 |
| Hasil Gambar |
Semoga informasi Cara Membuat Recent Post Bergerak ini bisa anda kuasai dan bisa anda juga bagikan atau share lewat artikel maupun lainnya. Nah, jika anda sudah selesai membaca info di atas ini, anda bisa dan diperbolehkan untuk membaca artikel lainnya seperti Cara Membuat Widget Random Post Bergerak di Blog. Terima kasih banyak...
