Cara Membuat Recent Post Scroll Bar

 

Membuat recent post di blogger ini, bisa di bilang cukuplah mudah. Anda cukup mengikuti beberapa langkah di bawah ini dan selesai.

1.Masuk di akun Blogger Anda. Kemudian klik Layout >> Add a Gadget.

2.Dari jendela pop up, gulir ke bawah dan pilih HTML/JavaScript.

3.Didalam kotak kosong HTML/JavaScript, silahkan copy paste kode di bawah ini.

<div class="eggTray">

<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"alamat blog/feeds/posts/default"},

"hideHeader":"false","height":"500","count": 8 }</script>

<noscript>Your browser does not support JavaScript!</noscript></div>

<style type=text/css>

.eggTray {margin:10px 0px;padding:0px;}

.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}

.pipesTitle {padding-top:0px;}

.pipesDescription {display:true;}

.ycdr, .ycdr a {color:#999999;}

.widget .popular-posts ul {padding-left:0;}

</style>

Catatan:

- Silahkan ganti "alamat blog" dengan alamat situs Anda.

- Untuk menonaktifkan scroll bar, hapus nomor 500.

- Jika Anda ingin mennampilkan lebih dari 8 artikel, ganti angka 8 menjadi berapa yang Anda suka.

- Jika hanya ingin judul postingan saja yang tampil, ganti true dengan none dan ganti 0 dari padding-top:0px; dengan 10.

4.Silahkan Save dan lihat hasilnya.

Cara Membuat Recent Post Berdasarkan Label di Blog

CARA MEMASANG:
1. Layout > Add a Gadget > pilih HTML/Javascript
2. Isi Judul dengan Nama Label/Kategori

3. Copy paste kode di bawah ini ke kolom "Content"

<style>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:72px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style>
<script>
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)
{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';
}
var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');
if(showpostthumbnails==true)
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
if (showpostsummary == true) {
      if (postcontent.length < numchars) {
          document.write('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('</i>');}
}

var towrite='';var flag=0;
document.write('<br><strong>');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='No Comments';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}

if(displaymore==true)
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Read more&#187;&#187;</a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==false)
if (i!=(numposts-1))
document.write('<hr color="#d9f1fa" size=0.5>');
}document.write('</ul>');

}
</script>
<script>
var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;
</script><script src="http://namablog.blogspot.com/feeds/posts/default/-/Label?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script><div class="clear"/></div>

Keterangan Warna Merah:
1. Angka 5 = Jumlah Posting
2. namablog = nama blog Anda.
3. Label = Label atau Kategori Posting yang mau ditampilkan

Demikian Cara Memasang, Menampilkan, atau Membuat Recent Post Berdasarkan Label dengan Gambar/Image Thumbnail di Sidebar Blog Blogspot.*

jadah fdgdg gg

ah ini juga merupakan makanan atau kue yang terbuat dari beras ketan, bedanya sama wajik adalah jika wajik rasanya manis, jadah memiliki rasa gurih.

kelepon

sejenis kue yang terbuat dari tepung beras, tepung sagu, santan, dan gula yang diisi pisang. Kue ini biasanya dibalut dengan daun pisang lalu dikukus. Selain bahan yang tersebut di atas, nagasari juga sering dikukus dengan balutan daun pandan sehingga menimbulkan aroma yang khas Jepara. Klepon klepon Klepon adalah kue yang terbuat dari beras ketan kemudian di dalamnya diisi dengan gula jawa (gula aren).

Cara Membuat Dan Mengganti Cursor Sendiri di Blog

Jika sobat masih suka dengan yang namanya utak-utik template blog sekarang ada lagi yang bisa sobat coba kerjakan yaitu mengubah cursor / mouse dengan gambar yang di buat sendiri sehingga gambar cursor berubah menjadi lebih unik dan 100% beda daripada yang lain. Dengan menggunakan gambar  buatan sendiri tentu menjadikan blog lebih ekspresif cursor ini yang biasanya berupa gambar panah bisa berubah menjadi gambar logo sobat. gambar tulisan, dan bisa apa saja. sebelum sobat mencoba melakukan tutorial ini terlebih dahulu kita akan membahas gambar yang akan kita buat sendiri disini saya memberikan contoh membuat gambar PNG dengan photoshop. bagi sobat yang belum pernah menggunakan photoshop mungkin saatnya berlatih dan anggap saja sebuah tantangan kecil. dan bagi yang sudha mahir dengan photoshop harus bisa membuat cursor menjadi lebih cantik dan lebih keren dari yang saya buat ini. hehe..

 Baca Juga :  Aplikasi / Software Edit Foto Terbaik Terbaru Gratis Dan Berbayar

Cara Membuat Gambar cursor mouse Sendiri dengan Photoshop CS3

Saya yakin hampir semua di antara sobat semua sudah kenal dengan namanya photoshop. Program ini sangat sempurna untuk membuat dan mengedit berbagai macam gambar seperti gambar PNG, GIF, JPG, dan lainnya kali ini kita akan membuat gambar PNG agar background nya tidak terlihat / transparent. 

1. Pertama kali sobat bisa membuka program photoshop.
2. Klik "file" lalu pilih "New" untuk membuat sebuah layer baru.
   


3. Ukuran disini hanya sebagai contoh saja, misalkan saja width/lebar : 75pixels, height/tinggi : 40 pixels dan resolusi 70 pixels dan lain sebagainya. jika sudah selesai mengukur dan menamai layer pilih "oke"
   
   


4. Pastikan sobat berada di posisi move tool, dan cecklist bagian select tool dan auto transform controls, agar bisa mempermudah merubah / merotasi posisi gambar nantinya.
   
   
   


5. Lalu memilih shape / bentuk dari custom shape tool. 
   


6. Saya memberi tambahan agar gambar mempunyai bayangan dengan klik kanan pada layer yang ada di sebelah kanan, saya pilih "blending option" 
   


7. Cecklist pada "drop shadow'  
   


8. Kemudian gambar di putar sesuai keinginan.
   
    
9. Tambahkan juga bisa di tambahkan tulisan dengan "text tool"
   
10. Jika sudah puas dengan editan gambarnya. saatnya menyimpan gambar tersebut menjadi PNG.
    


11. Saya beri nama gambar tersebut dengan cursor blog lalu saya memilih PNG sebagai extensi gambar agar background tidak terlihat/ transparant. 
    


12. Sobat bisa membuat gambar tersebut dua buah gambar yang hampir mirip, satunya lagi untuk gambar hover yaitu gambar yang berubah ketika gambar mengarah ke link. sobat tentu mengetahui jika cursor dalam keadaan normal akan berbentuk "panah", namun jika berada di posisi link gambar akan berubah menjadi "tangan". dan Berikutnya adalah mengupload gambar tersebut ke internet, caranya bisa dengan mengupload ke blogger caranya persis seperti saat sobat mengupload gambar pada artikel sobat yang akan sobat publish, namun untuk gambar biasanya saya mengupload lewat laman tanpa mempublishnya. 
    


13. upload gambar seperti biasa, dan pada posisi HTML copy url gambar tersebut. dan sobat tidak perlu mempublish page tersebut, karena meski tidak di publish gambar masih bisa di pakai. silahkan close saja. 
    


14. Simpan Url cursor yag sudah sobat copy tadi di notepad dahulu. 

Baca Juga : Cara Upload Foto Dan Gambar Gratis ke Internet Dengan Picasa

Cara mengganti Cursor Blog Dengan Cursor Buatan Sendiri

Sampai disini saya anggap sobat sudah membuat gambar cursor dan sudah mengupload ke blogger, langkah selanjutnya adalah merubah cursore yang ada di blog bisa tampil seuai dengan keinginan. sampai di sini sobat bisa melakukan dengan mudah step-step berikut ini.

1. Pertama kita masuk ke blogger pilih "Template" lalu "Edit template" 
   


2. Berikutnya copy code warna biru berikut ini dan ganti kode yang berwarna merah dengan ULR cursor milik sobat sendiri. cursor yang hover maksudnya adalah gambar cursor akan berubah ketika cursor di arahkan ke link.
   
   <style type="text/css">body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitTTqUUiGyRo6SiNKnVGf0ZwTkU2ixNq5qwh-hNEgCX2QoR4gNTZVpYbysPHxsIdj1hMMddLPqh1_fBLqeIzCdHUDhRu7oLYjn-g00XIcQoMG1Fb8_lbg2DmOdm1NtOliw5mrXgMNFFOs/s1600/cursor.png"), auto;}body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitTTqUUiGyRo6SiNKnVGf0ZwTkU2ixNq5qwh-hNEgCX2QoR4gNTZVpYbysPHxsIdj1hMMddLPqh1_fBLqeIzCdHUDhRu7oLYjn-g00XIcQoMG1Fb8_lbg2DmOdm1NtOliw5mrXgMNFFOs/s1600/cursor2.png"), auto;}</style>
   
   lalu pastekan di atas kode </head>  . jika sudah silahkan simpan template
   
    
3. Lihat hasilnya. 

yammi

sini tidak pernah membuat kita bosan. Kita bisa mencoba aneka rupa kue yang berbeda-beda dan rasanya luar biasa happy!

Toko Sari Sari, aneka jajan pasar ini sudah ada sejak tahun 1969, lama banget yak!
Dulu Sari Sari beralamat di Jalan Jenderal Sudirman no 90-92, namun sekarang menempati

presmanan

Hhmmm… waktu kue-kue tradisional masih dalam masa kejayaannya.
Waktu itu tidak ada macam-macam kue kekinian yang kebule-bulean seperti sekarang.
Waktu itu kalau bicara tentang kue, pastilah yang terbayang aneka kue jajan pasar, seperti: bika ambon, kue lapis, getuk, bolu kukus dan lain-lain, ayo siapa yang masih ingat kue-kue ini?
Dan waktu itu kalau mau beli kue pastilah ke Sari Sari!
Sari Sari terkenal dengan kue jajan pasar nya yang sangat komplit, dengan rasa enak dan harga yang murah. Juga sistem swalayan alias self service ambil sendiri yang waktu itu belum ada di tempat lain, sudah diterapkan di Sari Sari. Inilah yang menyebabkan Sari Sari selalu ramai pelanggan dan menjadikannya sebagai toko kue no 1 pada masa itu.

Teringat waktu saya masih SD dulu, hampir setiap pagi dalam perjalanan menuju sekolah, papa yang mengantar kami, akan sengaja jalan memutar supaya bisa lewat Sari Sari. Biasanya papa akan menunggu di atas motor dan memberi kami kesempatan untuk membeli bekal sendiri. Menjadi pengalaman dan kenangan yang sangat menyenangkan, memilih dan mengambil sendiri kue-kue yang kita inginkan. Walaupun sering ke Sari Sari, tapi rasanya kue jajan pasar di sini tidak pernah membuat kita bosan. Kita bisa mencoba aneka rupa kue yang berbeda-beda dan rasanya luar biasa happy!