Showing posts with label recent. Show all posts
Showing posts with label recent. Show all posts
Tuesday, December 6, 2016
Cara Membuat Recent Post Berjalan di Blog
Cara Membuat Recent Post Berjalan di Blog
Recent post adalah widget yang bisa sobat pasang di blog dengan tujuan memberikan informasi tentang postingan atau artikel terkini.
Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yangbergerak ( animasi ) ke bawah. Contohnya sobat bisa lihat di sidebar blog ini.
Kali ini saya akan kasih tahu bagaimana cara memasang recent post di blog. Sobat yang berminat silahkan ikuti tutorial berikut.
1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode berikut ke dalam konten.
<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="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<small><a href="http://99-manggala.blogspot.com/2013/12/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget !!</a></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="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<small><a href="http://99-manggala.blogspot.com/2013/12/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget !!</a></small>
4. Klik save dan lihat hasilnya.
Go to link Download
Sunday, November 20, 2016
Thursday, November 17, 2016
Cara Membuat Recent Post Keren Horizontal
Cara Membuat Recent Post Keren Horizontal
Dengan Memasang Recent Post atau Artikel Terbaru yang Berkaitan dengan Artikel yang Sedang Di Baca Oleh Pengunjung Membuat Pengunjung akan Penasaran Dengan Blog Anda . Karena Semua yang Pengunjung Cari Berada di Blog Anda Sendiri . Memasang Artikel Terbaru atau Recent Post di Blog sangat Berguna Untuk Membuat Pengunjung Nyaman dan Betah Berlama - Lama di Blog. Recent Post ini Juga Ada Fitur dengan Thumbnail Jadi Pengunjung Akan Merasa Penasaran dengan Artikel yang Dia Lihat Tersebut . Cukup Sampai di sini Penjelasan Tentang Recent Post atau Yang Biasa Kita Sebut Dengan Artikel Terbaru di Blog ini.
Semoga Dengan Tutorial Membuat Cara Membuat Recent Post Keren Horizontal ini Bermanfaat Buat Blog Anda Termasuk Pengunjung Anda Sendiri.
Langkahnya Sebagai Berikut.
Langkahnya Sebagai Berikut.
1. Login Ke Akun Blogger Anda Sendiri.
2. Masuk Ke Menu Tata Letak Blogger
3. Klik Tambah Gadget > Klik Tambah HTML/Javascript
4. Setelah itu Copy Kode dibawah dan Pastekan.
<center><script type=text/javascript>5. Terakhir Klik Simpan
imgr = new Array();
imgr[0] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[1] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[2] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[3] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[4] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[5] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[6] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[7] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[8] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
imgr[9] = "http://i897.photobucket.com/albums/ac180/kukuhcdh/no_image1.gif";
showRandomImg = true;
tablewidth = 900;
cellspacing = 2;
borderColor = "#eeeeee";
bgTD = "transparant";
imgwidth = 110;
imgheight = 100;
fntsize = 12;
acolor = "Black";
ahover = "#444444";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 100;
summaryFontsize = 10;
summaryColor = "gray";
icon2 = " ";
numposts = 5;
home_page = "http://bocahporis.blogspot.com/";
</script>
<script src="https://sites.google.com/site/kukuhcdh/home/javascript/recentposts_horizontal_title_below_no.js" type="text/javascript"> </script></center>
Langkah Terakhir Sekarang Anda Tinggal Mengecek Hasilnya Pada Blog Anda .
Go to link Download
Thursday, November 10, 2016
CARA MEMBUAT RECENT POST PER LABEL FAST LOADING
CARA MEMBUAT RECENT POST PER LABEL FAST LOADING
Malam ini saya akan berbagi tutorial blog tentang Cara membuat recent post per label fast loading.Fast loading saya tambahkan buat judul karena dalam membuat recent post per label ada juga yang mengunakan dengan RSS FEED,namun dalam pengamatan saya recent post model itu agak berat loadingnya,dan pada tutorial lain waktu insyaAllah akan saya posting juga panduannya.
Pada tutorial yang dulu pernah saya publish membuat recent post yang menarik dengan tumbnail,namun recent post tersebut untuk keseluruhan artikel,jadi bagi yang ingin membuat recent post hanya per label dan loadingnya juga cepat,berikut ini tutorialnya.
1.Login ke blogger
2.Pilih tata letak-html
3.Coy dan paste kode di bawah ini:
<script src="http://bloggergubug.googlecode.com/files/recentpost.js" type="text/javascript"></script><script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://www.ismayayuli.com/feeds/posts/default/-/Artikel%20Kesehatan?orderby=published&alt=json-in-script&callback=showrecentposts" type="text/javascript"></script>
4.Ganti tulisan yang saya beri warna merah dengan alamat blog anda,ganti juga tulisan yang berwarna biru dengan label post yang ingin ditampilkan.
5.Save dan lihat hasilnya.
Silahkan di coba dan bila ada kesulitan dalam mempraktekkan tutorial blog Cara Membuat Recent Post Per Label Fast Loading,silahakn ajukan saja pertanyaannya pada kolom komen dibawah.
Go to link Download
Sunday, October 30, 2016
Cara Membuat Recent Comment Pada Blog
Cara Membuat Recent Comment Pada Blog
Recent comment ini dilengkapi avatar yang menarik. Daftar komentar berbentuk thumbnail, kotak-kotak kecil disertai review komentar. Berikut langkah-langkah cara bagaimana memasang Recent comment pada blog:
1. Setelah sobat stand by pada akun blogger, pergi ke Tata Letak,
 |
| Tata letak |
2. Tentukan posisi tepat meletakkan Recent comment sesuai selera sobat. Kemudian,
klik Tambahkan Gadget, pilih HTML/JavaScript. Optional, beri judul. Copykan
semua kode di bawah ini:
<style type="text/css">4. Pada url berwarna merah, ganti dengan alamat url sobat,
ul.tb_recent_comments{list-style:none;margin-top:15px;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
characters = 100,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://script-seo.googlecode.com/files/rcntcomment.js"></script>
<script type="text/javascript" src="http://www.zhoppenkbs.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>
3. Simpan hasil kode Recent comment, dan lihat hasilnya.
Go to link Download
Thursday, October 13, 2016
Cara Membuat Recent Post
Cara Membuat Recent Post
Recent Post- Menambah atau memberi aksesoris pada web/blog agar terlihat lebih menarik, sebenarnya banyak cara dan banyak aksesoris yang menarik buat sobat termasuk Recent Post. Recent Post gunanya unutk menampilkan artikel atau postingan yang telah terupdate pada sebuah web/blog sehingga pengunjung akan melihat postingan yang ada pada blog sobat dan tidak mengalih ke blog lain untuk mencarinya.
Cara membuat Recent Post tidaklah rumit, dengan menggunakan sedikit kode html dan javascript untuk membuatnya, untuk cara membuat Recent Post pada blog seperti berikut ini:
1. Masuk Ke akun blogger sobat
2. Kemudian pilih panel Tata Letak
3. Setelah itu Klik Tambah Gadget
4. Pilih HTML/Javascript lalu pada bagian judul beri nama Recent Post atau terserah sobat
5. pada bagian Konteng isi dengan kode berikut ini
<script src="http://exlorer-amran91.googlecode.com/files/RecenPostAmran91dotcom.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://ISI DENGAN URL BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://ISI DENGAN URL BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
Catatan: ganti yang berwarna biru dengan url/link blog sobat
6. Klik Simpan
Selesai, semoga bermanfaat dan terimakasih telah berkunjung salam sukses selalu.
Go to link Download
Subscribe to:
Posts (Atom)