Ciri-ciri Indukan Kambing Etawa Yang Baik

Salah satu sub bisnis yang cukup menarik pada budidaya ternak kambing etawa adalah bisnis pembibitan, hal ini mengingat kambing mampu menghasilkan anak 2 kali dalam setahun. Harga bibit juga cukup mahal terutama untuk peranakan kambing etawa, di pasar ternak di kota saya sangat biasa kita lihat seekor anak kambing etawa dijual seharga 400 ribu rupiah, hal ini wajar saja bisnis ini memang cukup

Read more > Ciri-ciri Indukan Kambing Etawa Yang Baik

BBM Naik - Supir Angkot Galau

BBM Naik - Supir Angkot Galau - Dampak kenaikan tarif BBM menimbulkan berbagai macam reaksi dari berbagai pihak, terutama para supir angkot yang ikut galau dengan kenaikan BBM ini memang BBM faktor utama bagi sang supir angkot,dimana Imbas kenaikan harga BBM itu diceritakan Asep (28), seorang sopir Angkot kemiling. Asep mengaku memilih menaikkan menaikkan tarif angkutannya yang semula Rp 2 ribu menjadi Rp 3 ribu sejak Sabtu (22/6) yang lalu.Sejumlah angkutan umum memang telah menaikkan tarif angkutan sejak beberapa hari yang lalu. Hal ini terkait naiknya harga BBM oleh pemerintah sebesar 30%, dari Rp 4.500 menjadi Rp 6.500 untuk bensin premium, dan Rp 4.500 menjadi Rp 5.500 untuk solar.
Kenaikan BBM sudah disuaian tarif oleh Organda menunggu Surat Keputusan (SK) Bupati/Walikota, Gubernur dan Menteri Perhubungan yang mengatur tarif baru angkutan kota/pedesaan, Antar Kota Dalam Provinsi (AKDP) dan Antar Kota Antara Provinsi (AKAP) keluar.
Kepala Bidang Angkutan pada Dinas Perhubungan Komunikasi dan Informatika (Dishubkominfo) Kabupaten Kebumen Sariyun SH menjelaskan, bahwa penentuan tarif angkutan umum akan melibatkan pengusaha angkutan. Perumusan dan penentuan tarif itu akan segera dilakukan setelah harga BBM benar-benar naik. “Saat ini belum mengalami kenaikan,” kata Sariyun.
Sariyun menegaskan, penentuan tarif didasarkan pada Keputusan menteri perhubungan tentang mekanisme penetapan tarif dan formula perhitungan biaya pokok angkutan penumpang dan mobil bus umum antar kota kelas ekonomi. Sedangkan, tarif angkutan pedesaan ditetapkan oleh surat keputusan bupati, tarif Antar Kota Antar Provinsi (AKAP) ditetapkan oleh direktorat jenderal perhubungan darat dan tarif antar Kota Dalam Provinsi (AKDP) ditetapkan oleh gubernur. “Pemkab hanya mengkoordinir penentuan tarif angkutan desa saja,” tandasnya.
Untuk mengantisipasi naiknya harga BBM, pihaknya terus melakukan koordinasi dengan DPC Organda Kebumen. Sehingga tidak terjadi gejolak di lapangan. Setelah harga BBM naik, pihaknya akan segera mengeluarkan surat edaran pemberlakuan tarif sementara sambil menunggu penetapan baru. Dia juga mengatakan, jumlah angkutan desa, SKDP, Pariwisata maupun AKAP yang berada di Kebumen saat ini tercatat 1.414 unit. Untuk angkutan pedesaan 12 set sebanyak 520 unit dan angkutan pedesaan 14-16 set sebanyak 193 unit.

Read more > BBM Naik - Supir Angkot Galau

Fakta Seputar Susu Kambing Etawa

Harga susu kambing etawa cenderung lebih mahal daripada susu sapi, baik dalam kedaan segar maupun susu bubuk. Harga susu kambing etawa yang mahal ini menurut saya wajar-wajar saja, sebab produksi susu kambing etawa tidaklah sebesar susu sapi. Seekor kambing etawa asli mampu memproduksi susu hingga 3,5 liter perhari sedangkan seekor sapi fries Holland mampu menghasilkan susu hingga 30 liter per

Read more > Fakta Seputar Susu Kambing Etawa

Menu Ramadhan 2013

Menu Ramadhan 2013 - Bicara Soal Menu Ramadhan memeng ga ada habis nya bukan hanya menu masakan dan minuman untuk berbuka tetapi menu untuk jiwa pun terus di cari oleh kaum muslim dimana di bulan penuh hikmah ini memeng sangat di nanti - nanti.

Ada Beberapa Menu Minuman Dan Makanan Untuk Berbuka Puasa :

Menu minuman Segar Untuk berbuka Dan Kasiat nya :

1. Es cincau hijau, es cau, es janggelan merupakan minuman segar yang cocok untuk berbuka puasa. Karena rasa cincau hijaunya yang gurih serta santan kelapa dan gula merah yang manis. Khasiat cincaunya pun untuk menyegarkan panas dalam.

Cincau Hijau Serat, produk minuman segar berbentuk gel ini banyak manfaatnya untuk kesehatan. Selain untuk mendinginkan panas dalam, zat yang terkandung di dalamnya juga bermanfaat untuk membunuh sel kanker. Selain itu minuman ini juga cocok dikonsumis bagi yang ingin menurunkan berat badan.
Panas Perut, Tekanan Darah Tinggi. Sediakan 20 helai daun cincau hijau, lalu dicuci bersih, setelah itu diremas-remas, dan beri 1 gelas air minum dingin, kemudian disaring dengan kain. Tambahkan jeruk nipis sesuai selera. Biarkan di tempat dingin sampai menjadi agar-agar. Taruh di dalam gelas dan beri madu, atau pemanis lainnya.
Disentri. Buat ramuan seperti telah disebutkan pada nomor satu. Minum selama seminggu berturut-turut.
Sariawan. Lakukan dengan ramuan seperti yang telah disebutkan pada nomor satu, dan minum selama 5 – 7 hari berturut-turut.Bisul. Sediakan daun cincau hijau secukupnya. Cuci bersih kemudian dilumatkan, dan ditempelkan ke bagian yang bernanah. Ini berkhasiat untuk mengeluarkan nanahnya.
Demam. Ambil rimpang tanaman cincau, cuci bersih kemudian diiris halus. Rebus dengan air secukupnya. Minum ramuan tersebut setelah matang. Bisa juga rimpang tersebut diseduh dengan air panas secukupnya kemudian diminum.


Makanan Sehat Untuk Berbuka Puasa :

1. Bubur Kacang Hijau

Bubur kacang hijau adalah makanan yang terbuat dari kacang hijau yang dimasak dengan air dan gula Jawa, bersama seikat daun pandan, dimasak sampai mendidih dan kacang hijau menjadi lunak. Lalu siap disajikan dengan memberi santan yang telah dimasak ke dalam bubur kacang hijau. Enak diminum/makan saat hangat maupun dingin (dengan cara memberinya es batu ke dalam bubur kacang hijau tersebut).
Biasanya bubur kacang hijau dihidangkan pada santapan pertama pada sa'at berbuka puasa.

Berikut adalah manfaat yang bisa kita dapatkan dari mengkonsumsi kacang hijau:

• Didalam Kacang hijau yang masih segar hanya mengandung kalori sekitar 31 kkal  dalam per 100 g (kacang hijau mentah) serta mengandung lemak tak jenuh. Sehingga hal ini bisa memperlancar dan menghilangkan lemak jenuh yang tertempel pada arteri, dengan hilangnya lemak jenuh di arteri aliran darah akan kembali lancar lagi.
• Kacang Hijau kaya akan serat, serat ini berfungsi sebagai pencuci perut, serta melindungi kinerja selaput lendir usus, sehingga zat beracun/ bahan kimia akan terserap oleh serat tersebut, dan tentunya akan meminimalisir terjadinya penyakit kanker dalam usus.
• Kacang hijau mengandung zat vitamin A, Jenis vitamin ini tentunya sangat baik untuk kesehatan mata kita, selain baik untuk kesehatan mata, vitamin A juga bermanfaat Untuk menjaga dan melindungi  kesehatan jaringan tubuh, sehingga mempercepat proses penyembuhan luka pada kulit.
• Kacang hijua mampu mengobati Kolesterol, seperti yang kita tahu bahwa Kacang hijau memiliki lemak tak jenuh, jenis tanaman polong yang satu ini juga rendah akan kandungan kalori, sehingga sangat baik untuk anda penderita kolestrol, anda bisa mengkonsumsi kacang hijau setiap hari, dengan aneka pilihan olehan baik bubur, onde-onde, eskacang hijau dll. Sehingga dengan mengkonsumsi kacang hijau kolestrol dalam tubuh anda sedikit-demi sedikit akan berkurang.
• Kacang hijau bermanfaat baik untuk ibu hamil. Adapun hal-hal yang membuat kacang hijau bermanfaat baik untuk kesehatan ibu hamil adalah adanya kandungan, Asam folat, vitamin B1, B2 kandungan protein, lemak tak jenuh, karbohidrat, kalsium dan fosfor, semua kandungan ini bermanfaat untuk kesehatan janin dan ibu hamil. Jadi kacang hijau cocok untuk dikonsumsi para ibu hamil yang menginginkan kesehatan dalam mengandung bayi.

Sekian Dulu Ya Semoga Ada maanfat nya ya Wassalam,,,

Read more > Menu Ramadhan 2013

Animated Recent posts for Blogger with Thumbnails - Simple Spy

Animated recent post is a fantastic way to present headlines updates to your readers.The effect of smooth scrolling attract readers and generate more clicks to your site.This gadget displays your most recent posts and includes a small thumbnail, but has the added bonus of using an animated effect that moves smoothly through the posts.There are a lot of great tutorials discussing on how to add Animated Recent posts for blogger with thumbnails and Simple Spy, but most of the tutorials I've found are not really suitable for a beginner.

Live Demo

How to Install Animated Recent posts for blogger with thumbnails and Simple Spy

Now let's start adding it...


Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Step 2. After click on Add a Gadget link A pop-up box will open now

with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Step 3. Select 'HTML/Javascript' and add the one of code given below.


Step 4. Now Click On Save 'JavaScript' You are done.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>



<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfOjIdoa6ML6k6BuHIX2IOlGfn99vOb2zFEBoKyaTBmObnZlv3bU0JZOSdk1MnHalIQ46hOXf-ITgPTRLeix6hhSSZWbCqWLoU5WWKpYkDHcM-Htt87WzEs-MwXWUX99ugryOZ0PCZnWh5/s1600/24work-blogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->

</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>

imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;



home_page = "http://bdlab.blogspot.com/";



limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://24work.ucoz.com/24work-blogspot/recent-posts/animated-recent-posts-24work-blogspot-com.js' type='text/javascript'></script>

</div>

And now click Save


Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

1. homepage address

home_page = “http://bdlab.blogspot.com/”;


2. Style

from above style/css, you can change :


width : 220px;

width:208px:


customize base on your template

and

background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfOjIdoa6ML6k6BuHIX2IOlGfn99vOb2zFEBoKyaTBmObnZlv3bU0JZOSdk1MnHalIQ46hOXf-ITgPTRLeix6hhSSZWbCqWLoU5WWKpYkDHcM-Htt87WzEs-MwXWUX99ugryOZ0PCZnWh5/s1600/24work-blogspot-com.jpg) repeat-x;


Customize the colors of backuground


3. image size

thumbwidth = 70;

thumbheight = 70;


Match your needs


4. How many post you will show

numposts = 10;


Base on what you need to show

Stylish Scrolling Recent Posts Widget For Blogger

Live Demo

1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.

2. Paste the following code in HTML/Javascript Box.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>


<style type="text/css" media="screen">
#workwidget {
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 385px;
}

#workwidget ul {
width: 295px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}

#workwidget li {
width: 282px;
padding: 5px 5px;
margin: 0px 0px 5px 0px;
list-style-type: none;
float: none;
height: 80px;
overflow: hidden;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfOjIdoa6ML6k6BuHIX2IOlGfn99vOb2zFEBoKyaTBmObnZlv3bU0JZOSdk1MnHalIQ46hOXf-ITgPTRLeix6hhSSZWbCqWLoU5WWKpYkDHcM-Htt87WzEs-MwXWUX99ugryOZ0PCZnWh5/s1600/24work-blogspot-com.jpg) repeat-x;
border: 1px solid #ddd;
}

#workwidget li a {
text-decoration: none;
color: #4B545B;
font-size: 15px;
height: 18px;
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px 2px 0px;
}

#workwidget img {
float: left;
margin-top: 10px;
margin-right: 15px;
background: #EFEFEF;
border: 0;
}

#workwidget img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 4px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
box-shadow: 0 0 3px rgba(0,0,0,.7);
}

#workwidget img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

.spydate {
overflow: hidden;
font-size: 10px;
color: #0284C2;
padding: 2px 0px;
margin: 1px 0px 0px 0px;
height: 15px;
font-family: Tahoma,Arial,verdana, sans-serif;
}

.spycomment {
overflow: hidden;
font-family: Tahoma,Arial,verdana, sans-serif;
font-size: 10px;
color: #262B2F;
padding: 0px 0px;
margin: 0px 0px;
}


</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://bdlab.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>

<div id="workwidget">
<script src='http://24work.ucoz.com/24work-blogspot/recent-posts/animated-recent-posts-24work-blogspot-com-3.js' type='text/javascript'></script>
</div>

And now click Save





Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.


You Can Also CUSTOMIZE The CODE According to Your Need

numposts = 10; Total number of posts which you wants to scroll by this widget
limitspy=4; Number of the posts to appear on the widget
intervalspy=4000; Scrolling speed of the widget,if you decreased the value speed of widget will increases.

Add Animated Recent Post Widget Sliding Recent Post Widget for Bloggers

Live Demo

Go to blogger > Open layout tab

Now Add A new HTML/JavaScript widget

Now paste the code given below :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>


<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><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript" src="http://24work.ucoz.com/24work-blogspot/recent-posts/animated-recent-posts-24work-blogspot-com-2.js"></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 style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="http://bdlab.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>

And now click Save




Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.


numposts = 5; Total number of posts which you wants to scroll by this widget

Stylish Animated Blogger Recent Posts Widget

Live Demo

Go to blogger > Open layout tab

Now Add A new HTML/JavaScript widget

Now paste the code given below :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>


<style type="text/css" media="screen">
#workwidget {
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 385px;
}

#workwidget ul {
width: 295px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}

#workwidget li {
width:230px;
background: #1ed2f2;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 1px 10px !important;
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;
}

#workwidget li a {
text-decoration: none;
color: #4B545B;
font-size: 15px;
height: 18px;
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px 2px 0px;
}

#workwidget img {
float: left;
margin-top: 10px;
margin-right: 15px;
background: #EFEFEF;
border: 0;
}

#workwidget img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 4px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
box-shadow: 0 0 3px rgba(0,0,0,.7);
}


#workwidget li:hover {
background: #84f6f5;

}

#workwidget img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

.spydate {
overflow: hidden;
font-size: 10px;
color: #0284C2;
padding: 2px 0px;
margin: 1px 0px 0px 0px;
height: 15px;
font-family: Tahoma,Arial,verdana, sans-serif;
}

.spycomment {
overflow: hidden;
font-family: Tahoma,Arial,verdana, sans-serif;
font-size: 10px;
color: #262B2F;
padding: 0px 0px;
margin: 0px 0px;
}


</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://bdlab.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>

<div id="workwidget">
<script src='http://24work.ucoz.com/24work-blogspot/recent-posts/animated-recent-posts-24work-blogspot-com-3.js' type='text/javascript'></script>
</div>

And now click Save





Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.





Settings:

Change http://bdlab.blogspot.com to Your Blog address
Change numposts = 10 to Show number of Recent posts with thumbnails

Scrolling Recent Post Gadget For Blogger

Live Demo

Adding The Widget To Blogger



Go to Blogger >> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget

Copy the following code and paste inside an HTML/JavaScript widget

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>


<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script style='text/javascript' src="http://24work.ucoz.com/24work-blogspot/recent-posts/hb-recentposts-2.js" ></script>
<script style='text/javascript' src='http://24work.ucoz.com/24work-blogspot/recent-posts/hb-jquery-ticker.js'></script>
<script style='text/javascript'>
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 3,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});
</script>
<div id="sai">
<script src='http://bdlab.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>

And now click Save





Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.



Optional Customizations


To change total number of posts find this code var numposts = 7;
If you don't want to show post thumbnails then change this value var showpostthumbnails = true; to false.

New and Flexible Recent Posts Widget With Thumbnail for Blogger

Live Demo

Follow the step by step instructions to add this widget in Blogger:
Sign in to Blogger
Go to Layout > Add a Gadget
Select HTML / JavaScript
Paste the code given below in the field and Save.

<style type="text/css">
/*<![CDATA[*/
img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #cccccc;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#fff;margin-right:10px;height:70px;width:70px}
img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#f7f6f6}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:5px}
.label_with_thumbs a{color:#3395BF;font-size:12pt;outline:0;text-decoration:none}
.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#F4A557}.credits,.credits a{font-size:12px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}
#mdjumplink{font-weight:800;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);color:#888!important;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;font-weight:bold;text-decoration:none!important}
#mdjumplink:hover{background:#f1f1f1;background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important}
#mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px}
#mdjumplink a:hover{color:#888!important;text-decoration:none}
#mdcomments{padding:6px 12px;background:#3395BF;color:#FFFFFF!important;font-size:13px;font-weight:800}
#mdcomments:hover{background:#F4A557;text-decoration:none}
/*]]>*/
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript" src="http://24work.ucoz.com/24work-blogspot/recent-posts/animated-recent-posts-24work-blogspot-com-5.js"></script>
<script type='text/javascript'>
//<![CDATA[
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 80;
//]]>
</script>
<script src='http://bdlab.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs'></script>

Customization:
var numposts = 5; (Number of Posts to be shown)
var showpostthumbnails = true; (Post Image)
var displaymore = true; (More Button)
var showcommentnum = false; (No of Comments)
var showpostdate = false; (Post Date)
var showpostsummary = false; (Post Summry)
var numchars = 80; (Characters in post summary)
True is for Display item and False for not to display. Change According to your needs.

Change http://bdlab.blogspot.com with your Website/ Blog URL.

Tooltips Recent Post Widget For Blogger With Thumbnail

Live Demo

Follow these very simple steps to add the "Tooltips Recent Post Widget For Blogger With Thumbnail " in your blog.

Step 1 : Go To Blogger > Design > Page Elements
Step 2: Click on "Add a Gadget" link
Step 3: From the pop-up window, choose HTML/JavaScript
Step 4: Copy and paste the following code below

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>


<style type="text/css">
#post-gallery {
width:304px;
margin:0px auto;
font:normal 11px Arial,Sans-Serif;
color:##000000
;
padding:8px;
background-color:#1BA1E2
;
-webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#post-gallery h2 {
font:20px Arial,Sans-Serif;
color:white;
text-shadow:0px 3px 2px black;
text-transform:uppercase;
margin:2px 2px 2px;
padding:7px 14px;
background-color:#000000;
text-align: center;
}
#post-gallery .rp-item {
float:left;
display:inline;
position:relative;
margin:2px;
padding:0px 0px;
background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXlCKpZARpzoReM_VRLCBIlzuRWOpoeI_qbLxtRClCvuJQ6NQ5Rh6KsMZv8z5EQopwzpmFGBoPcVsShBYQ8lYz2RFRD2NI4j_QjVsx3VNhzjziw1DfYGazi60HVHdfXXrp9UOX0snyRnU3/s1600/24work.blogspot.com.loading.gif') no-repeat 50% 50%;
width:72px;
height:72px;
}
#post-gallery .rp-item img {
width:72px;
height:72px;
border:none !important;
margin:0px 0px !important;
padding:0px 0px !important;
background:transparent !important;
display:none;
}
#post-gallery .rp-item .rp-child {
position:relative;
top:10%!important;
left:10%!important;
z-index:1000;
width:200px;
background-color:white;
border-top:5px solid #1BA1E2;
-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
padding:10px 15px;
overflow:hidden;
word-wrap:break-word;
display:none;
opacity: 0.9;
}
#post-gallery .rp-item .rp-child h4 {
font-size:12px;
margin:0px 0px 5px;
color:#1BA1E2;
}
#post-gallery .rp-item:hover .hidden {display:block;}
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript">


var rpTitle = "Latest Post", // Widget Title

numposts = 20, // The number of thumbnails / posts to display
numchar = 200, // Number of characters in the description tooltip
rcFadeSpeed = 600, // Speed of the effect. fadeIn () tooltip appears

pBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUgo0V-OTjnUVMGwIMO5-SlOK6ScSC2RRkhHdBA1rF9vCP2RR5zyWJXbDu10JqS8tJRh1SthWanGIHqYxZfwVcdRIaeCD5WWYh7QUhFNDYPDgW0Umkggah17hNtS_Gz7iZJJXFj9cIZNR/s1600/noimage.png", // Image that show up if the post doesn't have a image
blogURL = "http://bdlab.blogspot.com/"; // Your Blog Address
</script><script src="http://24work.ucoz.com/24work-blogspot/recent-posts/animated-recent-posts-24work-blogspot-com-6.js" type="text/javascript"></script>

And now click Save





Note :If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

Now Replace the http://bdlab.blogspot.com with your blog Url.



Customization


numposts = 20, // The number of thumbnails / posts to display
numchar = 200, // Number of characters in the description tooltip
rcFadeSpeed = 600, // Speed of the effect. fadeIn () tooltip appears

Many thanks to abu-farhan And Rahul for making this code and I just tested and modified to work on blogger

Read more > Animated Recent posts for Blogger with Thumbnails - Simple Spy

How to make a new category / folder in your The Old Reader subscriptions list

This article explains how to make new categories for listing and organizing feeds in The Old Reader.

Recently I migrated from Google Reader to The Old Reader, in readiness for Google Reader's upcoming retirement.

(If you're not sure why I bothered, you might like this simple explanation of RSS and why it matters for Bloggers, in particular ones who want to research things).

I used Google Takeout to migrate my existing subscriptions from Reader to The Old Reader. (And yes, I did carefully file that exported file away, just in case I want to migrate to some other service.)

Because my subscriptions in Google Reader were organized into categories, these categories were automagically imported into my The Old Reader account.

But today I wanted to change my categories - and it wasn't obvious how to do this from either my settings or profile.

How to make a new category AKA folder in your The Old Reader subscriptions list

To add a new grouping to the subscriptions in a The Old Reader account:

• Click one feed that you would like to move to into the new category - and hold it down.

• Drag it to the empty space below your last folder, and drop it into place.  
  Note:   as you do this, the words "NEW FOLDER" appear at the bottom of the list of categories.

To move other items from your existing subscriptions into the new category, just drag-and-drop them too.

How to rename your new folder

To change the name of a folder/category in The Old Reader:

• Double-click on the existing name - this makes the name open for editing.

• Type the new name, and press Enter to save it.

How to change the order of your categories

You can re-organize your folders - but only one at a time.

• Click the folder that you want to move, and hold.

• Drag-and-drop it into the new place.

Putting feed-items into multiple categories?

For the moment, this is not possible: each item that you subscribe to in The Old Reader can only be in one folder.

---

Related Posts

Understanding RSS, and why it can make you a better blogger

Google Reader is being retired

Choosing a replacement for Google Reader

Read more > How to make a new category / folder in your The Old Reader subscriptions list

Cara Beternak Kelinci

Trnak kelinci bisa dikategorikan ternak hias (aneka ternak) dan juga bisa dikategorikan ternak potong karena daging kelinci ternyata cukup diminati masyarakat terutama untuk panganan berbentuk sate kelinci. Nilai ekonomis beternak kelinci sangat bergantung pada tata cara beternak yang dilakukan terutama menyangkut masa panen dan pemasaran. Kita tahu bahwa kelinci merupakan salah satu hewan yang

Read more > Cara Beternak Kelinci

Berita Terbaru - Harga BBM Naik

Berita Terbaru hari ini kenaikan BBM  -  mungkin kalimat ini yang sedang di bicarakan oleh semua penduduk di indonesia terutama para petinggi yang ada di indonesia bah kan rakyat kecil pun membicarakan nya mungkin kah mampu "pikir rakyat kecil yang penghasilanya pas- pasan kenaikan BBM membuat mereka binggung membagi antara uang dapur dan uang lain nya karna dampak kenaikan BBm membuat bahan pokok naik pula.

Dimana - mana kini membahas kenaikaan BBM harapan rakyat kecil si semua  serba murah tapi apa hendak di kata pemerintah harus berpikir keras mengatasi maasalh ini Seperti diketahui, pemerintah dan DPR RI mencapai kesepakatan terhadap alokasi anggaran untuk Bantuan Langsung Sementara Masyarakat (BLSM), yang menjadi bagian penting paket kompensasi dan perlindungan sosial untuk menolong kelompok masyarakat kurang mampu yang paling rentan terkena dampak kenaikan harga BBM bersubsidi.Begitu juga empat Fraksi yang menyatakan penolakan Rancangan Pendapatan dan Belanja Negara Perubahan (RAPBN Perubahan) 2013. Empat fraksi yang dimaksud yakni Partai Demokrasi Indonesia Perjuangan, Partai Keadilan Sejahtera, Partai Hati Nurani Rakyat dan Partai Gerindra.

Menurut Berita Terbaru Banggar DPR dalam rapatnya pada Kamis (13/6/2013) siang menyepakati alokasi anggaran BLSM sebesar Rp9,3 triliun atau lebih hemat Rp2,3 triliun dari anggaran sebelumnya yang dipatok Rp11,625 triliun.Sementara anggaran tambahan untuk raskin tetap Rp4,3 triliun, bantuan siswa miskin (BSM) sebesar Rp7,5 triliun dan Program Keluarga Harapan (PKH) sebesar Rp0,7 triliun.

Setelah Ini apa lagi program pemerintah untuk memajukan negri ini BBM sudah mau naik dan akan membuat rakyat kecil yang penghasilan papasan merasa bingung apalagi jiika semua bahan pokok naik dan kebutuhan smakin tinggi apakah mungkin pemerinah akan menaikan gaji  buru dan karyan yang kecil .

Read more > Berita Terbaru - Harga BBM Naik

Why enabling a mobile template just became more important to some bloggers

This QuickTip explains some recent announcements from Google  about SEO and mobile devices, and what they mean for Blogger users.

If SEO matters for your blog, and your blog is relevant for users with moble devices, then you pretty much need to enable a mobile template.

Why?   In short, because this recent post from Webmaster Central says that for Google the ranking of search results on mobile devices is now impacted by how well sites are optimized for mobile devices.

This means that if you haven't set up your blog for mobile, then it won't come up so highly in the search results seen by mobile users.

As well as the template, there are a range of other factors that affect how well your site works for mobile. Blogger users cannot control a lot of them, though we can think about:

• Page load speed 
• Using the Pages gadget as the top menu bar, rather than a linked-list or labels gadget, - because it converts into a drop-down menu in when a mobile template is applied.

Also, remember that if you make a home-page using a custom re-direct, this will only work in your desktop version. The re-direct isn't applied for mobile viewers, they just see your most recent posts in mobile-friendly tiles.

Read more > Why enabling a mobile template just became more important to some bloggers

Apple announced Mavericks new iOS for Mac and mobile devices

Apple’s new OSX Mavericks will be available for later series of iPhone 4, iPad 2 and iPad Mini. Craig Federighi, SVP of Apple’s Software Engineering officially announced this new iOS at the 23^rd Apple Worldwide Developers Conference at Monday, June 10 2013. At this San Francisco event a Apple’s own  Digital Radio Service, new MacBook Air and few more extra software updates were announced also.

This is not the final version. We’ll have to wait until October this year to grab the final Maverick. Don’t worry, it’s workable now. You can read a comprehensive details of Mavericks features on Tech Goes Strongand GNT

BusinessInsider has a great post about Mavericks also to check out.

If you think that any of these information contains wrong information and need an upgrade or change, please kindly inform via comment box below. Your valuable comments will definitely make this blog rich and informative also.



**Disclaimer:Information and images collected mainly from manufacturer's website, manuals, user guides and some other online resources. Only some editorial touch given for better understanding and viewing experience. Author of this blog will not bear any liabilities on this regards.

Read more > Apple announced Mavericks new iOS for Mac and mobile devices

How to install Facebook's Open Graph tags into Blogger

This article shows how to install Facebook's Open Graph tags into Blogger

Why Open Graph 

Neil Patel recently explained on Quick Sprout why having Facebook and Twitter tags installed into your blog is important.

To cut his long story short, if you install them, then when someone shares your blog-post, the shared item looks better. This means that more people are likely to follow the link and/or share it themselves - so your blog gets more traffic, and people think you're more professional and thus credible.

Neil also stated that if you don't use Wordpress, "you’ll need to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are brave enough to edit their template that's not true.   Blogger provides lots of SEO-supportive features these days, and you can easily use them to make OG-tags work on your blog - even if you haven't quite got your head around what OG is - personally it too me months to understand what it was all about.

The following sections have more details about how to do this.

How to install Facebook's Open Graph tags into a blog made with Blogger

Edit your template in the usual way.

1     Tell Google about the namespace:

Find the opening <html  ... statement, and add the Open Graph namespace information to it.   The code to add is

xmlns:og='http://ogp.me/ns#'

and it goes after the existing namespace statements.   For example, my current tag looks like:

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'    >

or like this after the line is added:

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'
xmlns:og='http://ogp.me/ns#'>

2   Add the Open Graph tags

Find the closing </head> tag.
(Hint:  I often search for just </head   ie without the closing >, in case there's something else in the tag in my template)


Put the following code immediately before it:

<!-- Begin Open Graph metadata --> 

<meta expr:content='&quot;en_US&quot;' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>

</b:if> 

<meta expr:content='data:blog.title' property='og:site_name'/> 

<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='URL-FOR-IMAGE-YOU-WANT-TO-USE-IF-THERE-IS-NOT-A-THUMBNAIL-PHOTO-IN-THE-POST' property='og:image'/>
</b:if> 

<b:if cond='data:blog.metaDescription'>

<meta expr:content='data:blog.metaDescription' property='og:description'/>

<b:else/>

<meta expr:content='data:post.snippet' property='og:description'/>

</b:if>

<!-- End Open Graph metadata -->

This code needs to be adapted for your blog.   In particular:

• en_US

This value is fine if your blog is written in US-English. But if you are writing in UK-English, you may want to change it to en_GB.   

And if you are using a different language altogether, you should change it to the two letter code for that language-territory combination:   see https://developers.facebook.com/docs/internationalization/  for more information about the codes that they support

• URL-FOR-IMAGE-YOU-WANT-TO-USE-IF-THERE-IS-NOT-A-THUMBNAIL-PHOTO-IN-THE-POST 

Replace this with the web-address of a picture that you want to use if the individual post doesn't have a thumbnail  - perhaps your logo, or a blogger logo.

• App-ID and Facebook-Profile-ID

If you have got an App-ID associated with your blog, perhaps because you signed up to use Facebook commenting with it, then you may also want to add the following statements, just before  the "<!-- End Open Graph metadata -->"

<meta content='App-ID' property='fb:app_id'/>
<meta content='Facebook-Profile-ID' property='fb:admins'/>

Of course putting in your own values instead of the ones in red   (I'm assuming that if you knew enough to get an App-ID, then you will know how to find it, and also about the risks associated with linking your Facebook-profile-ID to your blog.)

3    Check it's complete:

Preview the template changes to make sure that they've worked, and then save them.

Troubleshooting

Testing the OG tags

Facebook have a tool that you can use to see what values the OG tags in your blog have.
It is found here: https://developers.facebook.com/tools/debug

Enter the URL of one of the posts from your blog and click Debug to see the OG tags which Facebook finds for it.

Descriptions

The Descriptions tag will only work if you have Search-descriptions on (Option > Search > Meta-tags > Enabled), and have entered a search description for each post using the post-editor.   I had hoped to be able to use post.snippet when this wasn't available, but have not been able to work out the correct syntax to do this.

Pictures

Facebook would like you to use an image that's at least 200x200 as your posts's thumbnail image or as the default image to use for posts that don't have one.

If the picture that you use is smaller than this, they do appear to use it.

However you will see the following message when you use a debugging tool to look at what tags Facebook is reading from your site:

og:image should be larger
Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://3.bp.blogspot.com/XXX.png' will be used instead.

---

Related Articles:

Advantages and disadvantages of editing your Blogger template

Post.thumbnail:   a summary image for a post

How to edit your Blogger template

Linking your blog to the social networks

Read more > How to install Facebook's Open Graph tags into Blogger