Ayah Cepat Sembuh

Ayah Ku Sedang Sakit Parah

Sudah beberapa hari ini ayahku sakit parah, ia sulit sekali untuk bisa mengeluarkan makanan yang telah ia konsumsi, semula ia telah dibawa kerumah sakit selama beberapa hari lamanya, dan sedikit mendapatkan perawatan sehingga ia tidak lagi pucat. 

Kurang lebih 3 - 4 hari lamanya ia dirawat dirumah sakit dan mendapatkan transfusi darah, kini ia telah berangsur sembuh karena ia telah bisa mengeluarkan eeknya. 

Iapun bisa berjalan meski tertatih tatih , 


Membuat Navigasi Menu di Atas Header Blog

Cara #1 Membuat Navigasi Menu di Atas Header - Responsive

1. Template > Edit HTML
2. Pasang kode HTML berikut ini di bawah kode <body> atau <body ...ada kode lain... .>

<ul class="topnav" id="myTopnav">
<li><a href="/">Home</a></li>
<li><a href="/p/about.html">About</a></li>
<li><a href="/p/sitemap.html">Sitemap</a></li>
<li><a href="/p/kontak.html">Kontak</a></li>
<li><a href="/p/disclaimer.html">Disclaimer</a></li>

<li class="icon">
<a href="javascript:void(0);" onclick="myFunction()">&#9776;</a>
</li>
</ul>
Catatan:
Kode di atas sudah dilengkapi link ke halaman statis About, Sitemap, Kontak, dan Disclaimer. Anda tinggal membuat halaman statis dengan nama/judul halaman yang persis sama: About, Sitemap, Kontak, Disclaimer 
3. Pasang Kode CSS Topbar Navigasi Menu di atas Header Blog berikut ini di atas kode ]]></b:skin> atau awali denga kode <style> dan akhiri dengan kode </style> jika akan disimpan di atas kode </head>

/* Topbar Navmenu */
ul.topnav {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
ul.topnav li {float: left;}
ul.topnav li a {
display: inline-block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
transition: 0.3s;
font-size: 17px;
}
ul.topnav li a:hover {background-color: #555;}
ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
ul.topnav li:not(:first-child) {display: none;}
ul.topnav li.icon {
float: right;
display: inline-block;
}
}

@media screen and (max-width:680px) {
ul.topnav.responsive {position: relative;}
ul.topnav.responsive li.icon {
position: absolute;
right: 0;
top: 0;
}
ul.topnav.responsive li {
float: none;
display: inline;
}
ul.topnav.responsive li a {
display: block;
text-align: left;
}
}
4. Pasang Kode Add JavaScript berikut ini di atas kode </head> atau </body> atau di bawah kode HTML (kode di no. 2)
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>


5. Save Template!

Cara Membagi Header Blogger Menjadi 2 Bagian

Terdapat 2 cara untuk bisa membagi header blogspot, cara yang pertama seperti dijelaskan pada postingan sebelumnya. Jika cara tersebut gagal, atau kodenya berbeda , anda bisa mencoba mempergunakan cara lain seperti berikut ini.

1. Template > Edit HTML
2. Cari kode seperti dalam gambar di bawah ini : 


3. Copy & Paste kode berikut ini di atas atau sebelum kode yang dikasih highlight kuning di atas:
<div class='swt-blogheader'>
 4. Copas kode berikut ini sebelum atau di atas kode yang dihighlight grey di atas :


<b:section class='swt-blogheader-right' id='swt-blogheader-right' maxwidgets='1' showaddelement='yes'>
</b:section>
</div>
<!-- /swt-blogheader -->
<div style='clear: both'/>

5. Copas kode berikut ini di atas kode ]]></b:skin>

.swt-blogheader {position: relative;width: 100%;}
#header {padding: 0;margin:0;overflow:hidden;float:left; width:35%;}
#swt-blogheader-right {padding: 0;margin:0;overflow:hidden;float:right;width:65%;}

Angka 35% (untuk logo/nama blog) bisa diubah menjadi 300px. Angka 65% (untuk space iklan di kanan) bisa diubah menjadi 468px. Sesuaikan aja dengan lebar keseluruhan headernya.
 
6. Save Template! selamat mencoba
 

Membagi Header Blog Menjadi Dua Kolom

Cara Membagi Header Blog Menjadi Dua Bagian (2 Kolom)
TEMPLATE blog bawaan blogger (default) biasanya hanya punya satu kolom di header, sehingga hanya bisa menyimpan nama atau logo blog di sana. Tutorial berikut ini akan memandu bagaimana cara membagi header blog menjadi dua bagian atau dua kolom. Kolom kiri untuk nama blog (logo) dan kolom kanan untuk banner atau iklan --biasanya berukuran 468px.
Bagaimana cara membagi header blog di template bawaan blogger menjadi dua kolom. Ini caranya:

LANGKAH PERTAMA
1. Template > Edit HTML
2. Cari (Ctrl+F) kode yang penampakkannya seperti berikut ini:
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

3. Copy & Paste kode berikut ini di antara kode </b:section> and </div>

<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

Hasilnya seperti ini:

<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

</div>
</div>

4. Copy + Paste kode berikut ini di atas atau sebelum kode ]]></b:skin>

#header, body#layout #header {width:300px;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:468px;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}

Catatan:
Angka 300 (untuk space nama blog/logo di kiri) dan 468 (untuk space iklan di kanan) bisa diubah. Kalau ragu, biarkan seperti itu.

5. Save template!

LANGKAH KEDUA
1.  Klik Layout
2. Akan muncul kolom buat Widget baru HTML/Javascript di bawah Header seperti gambar di bawah. Edit dan masukkan kode iklan atau url gambar di sana yang akan muncul di samping logo/nama blog.
 
Kurang lebih seperti Itulah Cara Membagi Header Blog Menjadi Dua Bagian

Membuat Related Post

Membuat Related Post dibawah posting mungkin bagi sebagian blogger tidak penting atau kurang penting , namun bagi mereka yang telah berpengalaman dan banyak makan asam garam di dunia per bloggeran membuat posting terkait di bawah post adalah hal yang cukup penting dimana hal tersebut adalah bagian seo on page yang perlu dimaksimalkan. 

Berikut adalah cara mudah bagaimana membuat related posting atau posting terkait dengan catatan atau post yang ada diatasnya. 

1. Masuklah kedalam blogger anda kemudian cari Elemen Template. Lalu Pilit Edit HTML,
2.  Carilah kode </head> letakkanlah kode javascript di bawah ini :
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 10px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 15px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 10px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background: url("http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-
vzWTTOgXs/s1600/bullet-list.gif") no-repeat 0 0px;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
3. Masih ditempat yang sama carilah kode <data:post.body/>, kalau sudah ketemu copy kode dibawah ini tepat di bawah kode <data:post.body/> dan pastekan.
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<h2>Related Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div></b:if>

4. Setelah selesai, lalu simpan template blog anda. dan lihat hasilnya.

Tada..... !!! related post akan muncul dibawah postingan, jika anda kurang menyukai warna tulisan dan atau thumbnail disetiap judul related post anda bisa mengganti nya sendiri , selamat mencoba !

Kolam Ikan Mas

Ikan mas atau Ikan karper (Cyprinus carpio) adalah ikan air tawar yang bernilai ekonomis penting dan sudah tersebar luas di Indonesia. 

Ikan mas adalah ikan yang paling banyak dikomsumsi dalam golongan air tawar setelah ikan lele. Selain karena dagingnya yang lembut dan sedikit sekali duri dalam dagingnya, ikan mas juga dikenal sebagai ikan yang bersih. 

Budidaya ikan mas tergolong gampang gampang susah karena ikan ini mampu hidup diair yang keruh sekalipun namun ikan ini juga gampang stress dan mati ketika terkena campuran obat sedikit saja. 

Berbeda dengan ikan lele yang tahan terhadap obat pestisida maupun obat yang khusus untuk meracuni ikan. 

Ikan Mas memang sudah sedari dulu menjadi ikan favorit untuk dipancing, dan dikonsumsi , tidak sedikit pemilik kolam yang memilih menebarkan ikan Mas ke dalam kolam dibanding ikan lain yang hampir sejenis, selain karena bentuk dan warnanya yang indah , Ikan mas juga mampu hidup dan tumbuh besar sampai ukuran 60 - 70 cm dengan berat lebih dari 2 - 3 kg, sehingga 1 ikan mas cukup untuk dikonsumsi satu keluarga kecil.

Ikan mas merupakan hewan peliharaan yang dapat memberikan Anda kesenangan tersendiri.

Anak Itik DOD

Anak itik atau dod adalah cikal bakal dari indukan bebek dimana mereka adalah siklus awal dari bebek induk-an. 

Sedari kecil atau baru menetas kita sudah bisa menggolongkan atau memilah milah mereka kedalam jenis kelamin berbeda baik itu jantan maupun betina, caranya adalah dengan membuka bagian lubang pantat itik dan menekannya dengan pelan. 

Untuk bebek atau itik jantan terdapat alat kawin atau dzakar sedangkan untuk bebek atau itik betina tidak memiliki alat kawin atau dzakar. 

Bebek atau itik juga dapat dibedakan jenis kelaminnya berdasarkan suara yang keluar , namun untuk dapat membedakan itik atau bebek dari suaranya kita harus menunggu sekitar 1 - 1,5 bulan dengan catatan bebek dirawat dengan baik. 

Pada dasarnya bebek adalah binatang jenis unggas yang paling mudah perawatannya jika dibandingkan dengan jenis unggas yang lain, karena mereka tidak memilih jenis makanan yang disuguhkan kepada mereka. namun bebek juga unggas yang paling sulit perawatannya dimana mereka mudah sekali stress dan mati jika terlambat memberi pakan dan berada ditempat yang sempit dan atau gaduh. 

Perawatan intensif seperti kandang open atau kandang yang diberi lampu , sebenarnya tidak juga diperlukan karena sejak umur 1 minggu - 2 minggu itik sudah tidak lagi memerlukan kehangatan dengan suhu yang lebih, disamping itu itik pada umur 1 - 2 minggu lebih suka berenang dikolam terutama setelah mereka diberi pakan. 

Pakan yang ideal dan bagus buat anak bebek atau itik adalah diberlakukan seperti ayam kandang, dimana mereka disuguhi pakan dasar / konsentrat selama kurang lebih 2 - 3 minggu kemudian diberi pakan campuran atau pakan biasa maupun dilepas ke sawah pada umur 1 bulan hingga 1bulan lebih 1 minggu, hal ini dilakukan guna untuk menghemat biaya pakan selama perawatan bebek hingga menghasilkan telor dan atau dikonsumsi.

Anak Ayam DOC

Anak ayam atau DOC { Day Old Chick } merupakan bakal calon induk ayam yang baru berumur 1 hari - 1 minggu. biasanya secara tradisional anak ayam pada umur 1 bulan - 3 bulan masih mengekor ke induknya untuk mencari makan. 

Namun kini perawatan DOC dan atau anak ayam mulai beralih ke perawatan ekstra diaman anak ayam mulai dari pecah telor sudah dipisahkan dengan induknya dengan dibuatkan kandang sendiri dan diberi suplay makanan konsentrat. 

Perkembangan anak ayam yang dirawat dengan cara ini jauh berbeda dengan perkembangan anak ayam yang dirawat secara tradisional, pertumbuhannya pun jauh lebih cepat dengan cara modern, karena kita bisa menghasilkan induk-an ayam 2 - 3 bulan tergantung suplay makanan dan cepatnya ayam bereproduksi. 

Selain pertumbuhannya lebih cepat, perawatan dengan cara inipun juga mencegah kematian anak ayam hingga 80 - 90 % dan dibandingkan dengan anak ayam yang dirawat orang tuanya atau induknya. hal ini dikarenakan suplay makanan yang terjamin , vitamin yang tersedia , anak ayam juga tidak banyak berkeliaran kesana kemari dan diganggu oleh binatang liar termasuk induk ayam yang lain.

Membuat Sidebar Slider Otomatis

Membuat tampilan blog lebih berkilau dan memiliki penampilan yang terlihat elegan dibanding default template bawaan blogspot adalah idaman para blogger, memang tidak sedikit template yang menyediakan berbagai macam pilihan yang mana kita hanya tinggal mengkopi dan paste kan saja code yang telah disediakan oleh para master penyedia template blogger, akan tetapi membuat tampilan blog seperti keinginan kita adalah juga merupakan idaman setiap blogger.

Terdapat banyak sekali artikel yang sudah membahas tentang hal ini , ada yang benar benar menyediakan script dan css yang benar benar memberikan kita layanan tinggal jadi dan gratis namun ada juga blogger iseng yang menyediakan script dan css atau html palsu yang mana jika kita pasang di widget atau blog kita tidak sesuai dan terkadang juga tidak berfungsi sebagaimana contoh dan apa yang kita lihat, serta kita inginkan. 

Berikut adalah bagaimana cara untuk membuat tampilan blog lebih memiliki warna, dimana code berikut berfungsi untuk menambahkan widget posting slider otomatis pada blog dengan tumbnail gambar posting blog. 

Langkah - langkahnya adalah sebagai berikut :
  • Anda harus berada dilayout blogger template >> Add Gadget pada sidebar yang anda nantinya ingin tambahkan post sider otomatis dan pilih >> Html/Javascript
  • Masukkan Code dibawah ini kedalam kotak Html / javascript yang tadinya telah anda tambahkan pada sidebar 
<style type="text/css">
ul.featured-widget-list,ul.featured-widget-list li{margin:0;padding:0;list-style:none;position:relative }ul.featured-widget-list li{display:none}ul.featured-widget-list li:nth-child(1){display:block;line-height:0}ul.featured-widget-list img{border:0;width:100%;height:auto}ul.featured-widget-list .featuredbg{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTarWK0lS-dYIPUyGsSgtTLg8o-Fr8yWLZXiQ7u6EuTpMClnTCmq6cs3EI6zjNass2zrruXwz3_KnVHxNc2moSeInNi5BvqNh9tPLGhiHhvGzA6IcddjYusX98Sd34J7ZQ9A8BBK1VImY/s400/overlay-bg.png);background-position:0% 100%;background-repeat:repeat-x}ul.featured-widget-list .featuredbg:hover{opacity:.1}ul.featured-widget-list h5{position:absolute;left:0;right:0;text-align:center;bottom:10px;z-index:2;color:#fff;margin:0;text-transform: capitalize;padding:10px 20px;line-height:1.9em;letter-spacing:0.3px;font: 600 16px 'Abel', sans-serif;overflow:hidden}ul.featured-widget-list li:hover h5{bottom:30px}ul.featured-widget-list .featured-meta{font: 11px 'Abel', sans-serif;letter-spacing:0.3px;position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:2;color:#fff;opacity:0}ul.featured-widget-list h5, ul.featured-widget-list .featured-meta {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}ul.featured-widget-list li:hover .featured-meta{bottom:20px;opacity:1}.feat-buttons{position:absolute;top:50%;left:0;z-index:5;width:100%}
.feat-buttons a{text-indent:-9999px;margin:0 7px;width:15px;height:15px;padding:5px;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;position:relative;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}.feat-prev{float:left;}.feat-next{float:right;}.feat-buttons a.feat-prev::before, .feat-buttons a.feat-next::before{content:"";width:0;height:0;border-width:6px 7px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:50%;margin-top:-6px;margin-left:-11px;left:50%}
.feat-buttons a.feat-next::before{border-color:transparent transparent transparent #fff;margin-left:-3px}
</style>
<div id="featuredbwidget"></div>
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
featuredbwidget({
listURL:"https://helplogger.blogspot.com/",
featuredNum:3,
listbyLabel:false,
feathumbSize:150,
interval:3000,
autoplay:true,
featuredID:"#featuredbwidget"
});
function featuredbwidget(a){(function(e){var h={listURL:"",featuredNum:3,featuredID:"",feathumbSize:300,interval:5000,autoplay:false,loadingFeatured:"nextfeatured",pBlank:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIbCcCoX2CkvfDEtYP1VuIE215-nl1Hy5Z9S3Rs3Yw5a-f-LFJEKwx0hdnzCPXbH9oVYZ1rElGjhyphenhyphenaj5HOG0wKu1Ejm7PlEFqcZLDX5g0dtDhhqrkIszd2LVfTmxVlyGu1FRy24Lcbf6E/s500/no-image.png",byMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],listbyLabel:false};h=e.extend({},h,a);var g=e(h.featuredID);var d=h.featuredNum*200;g.html('<div class="featslider"><ul class="featured-widget-list"></ul><div class="feat-buttons"><a href="#" class="feat-prev">Prev</a><a href="#" class="feat-next">Next</a></div></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.feathumbSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.feathumbSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.byMonth[parseInt(p,10)-1];l+='<li><a href="'+q+'"><div class="featuredbg"></div><img class="featuredthumb" src="'+u+'"/><h5>'+k+'</h5></a><div class="featured-meta"><span class="fdate"><span class="fday">'+t+'</span> <span class="fmonth">'+v+'</span> <span class="fyear">'+x+'</span></span> - <span class="fauthor">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingFeatured)};var c=function(){e(h.featuredID+" .feat-next").click()};var b=function(){e.get((h.listURL===""?window.location.protocol+"//"+window.location.host:h.listURL)+"/feeds/posts/summary"+(h.listbyLabel===false?"":"/-/"+h.listbyLabel)+"?max-results="+h.featuredNum+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.featuredID+" .feat-prev").click(function(){e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));return false});e(h.featuredID+" .feat-next").click(function(){e(h.featuredID+" .featslider li:last").after(e(h.featuredID+" .featslider li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));e(h.featuredID+" .featslider").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingFeatured)},d)};e(document).ready(b)})(jQuery)};
//]]>
</script>

Settings

listURL - ganti alamat "https://helplogger.blogspot.com/" dengan url blog anda
featuredNum - masukkan jumlah post yang ingin ditampilkan di slider sidebar widget
listbyLabel - jika anda ingin menambilkan post dengan category atau label masukkan label yang anda inginkan jika anda ingin tampilan slider tetap maka recent post akan muncul di widget sidebar tersebut
feathumbSize - menampilkan ukuran dari thumnail image dalam pixel
interval - waktu yang dibutukan slider untuk berganti gambar dengan ukuran mili detik
autoplay - ganti true dengan false jika anda tidak ingin slider berganti secara otomatis.
  • Setelah semua langkah diatas selesai click save dan lihat tampilan blog anda. 
Selamat mencoba

Buah Pisang

Buah Pisang atau Banana adalah buah yang kesukaan manusia purba, dimana buah ini biasa dimakan oleh leluhur kita dan sekaligus saudara kembar kita yang sampai saat ini tidak juga berevolusi. 

Buah ini selain mudah dicerna juga mudah untuk dikupas , dan dikenal dengan buah paling empuk , memiliki rasa yang manis , serta dalam satu tangkai terdapat banyak sekali buahnya, namun demikian buah ini hanya dapat memproduksi 1 kali buah dalam 3,5 bulan dan kemudian mati.

Namun demikian kita seringkali tidak perlu lagi untuk menanam buah pisang ini , dan cukup hanya sekali tanam dan sekali panen , namun anakan dari buah pisang dapat tumbuh dan banyak disekeliling induk yang pertama kali ditanam dan sudah menghasilkan buah.

Buah Belimbing


Buah Belimbing atau Star Fruit adalah adalah buah yang berbentuk segi lima dan memiliki tiga rasa yang berbeda yakni sepet , asam dan manis. Buah belimbing memiliki rasa yang sepet atau tawar pada saat masih muda , dan masam ketika hampir tua dan memiliki rasa yang manis ketika sudah tua. 

Buah belimbing selain dikonsumsi langsung juga seringkali dipakai sebagai salah satu campuran rujak buah bersama dengan nanas , pepaya , bengkoang, mentimun , dan buah yang lainnya. 

Buah ini jarang sekali dibudidayakan oleh para petani karena pemasarannya yang cukup sulit, namun tidak sedikit masyarakat indonesia yang memelihara dan atau membudidayakannya sekedar untuk pengobat dahaga, namun jika memiliki tanaman buah yang lain seperti pepaya , bengkong dan nanas, buah belimbing adalah pengganti yang cocok untuk timun jika dipakai untuk membuat rujak buah, karena selain buah belimbing ini memiliki struktur dan daging yang hampir mirip dengan mentimun, buah ini memiliki rasa yang manis daripada mentimun.

Buah Naga / Dragon Fruit


Buah naga atau dragon fruit adalah yang unik , dimana ianya memunculkan buah pada setiap duri yang ada pada setiap batangnya. memang tidak semua buah naga dapat menghasilkan buah atau mengeluarkan bunga untuk kemudian menghasilkan buah, akan tetapi dari beberapa yang ada dalam setiap batang dapat dihasilkan 4 - 9 buah, tergantung pada banyaknya air dan pupuk yang disiramkan. 

Buah naga umumnya dapat tumbuh dimana saja dan atau pada kondisi lahan apapun baik itu lahan gembur , lahan sawah mauput tanah liat dan termasuk tanah berpasir, akan tetapi perkembangan buah dan batangnya juga berbeda dan menghasilkan buah dengan jumlah yang berbeda pula. dimana semakin bagus struktur tanah tempat buah naga ditanam maka akan semakin lebat pula buahnya, seimbang dengan jumlah air dan pupuk yang disiramkan.

Buah naga dan atau dragon fruit awalnya tumbuh didataran mexico dan menyebar keberbagai belahan dunia hingga ke indonesia , buah ini adalah buah sejenis kaktus namun dapat tumbuh berkembang dan menghasilkan buah. 

Di indonesia saat ini buah naga atau dragon fruit sangat digemari dan banyak dikonsumsi serta ditanam dan menjadi komoditas lokal maupun interlokal, dengan masa panen 2 kali dalam 1 tahun.

Membuat Label Thumbnail

Pilihan label yang selama ini sering kita jumpai di blogger umumnya hanya berupa tulisan saja dan itupun sudah ada dalam fasilitas menu di blogger dimana kita bisa membuat label disidebar dengan hanya menambahkan gadget saja dan muncul otomatis. adapun thumbnail hanya ada dibagian popular post atau recent pos saja dalam sidebar blogger.

Bagaimana jika mengganti label dengan thumbnail atau gambar dari postingan ?

Caranya adalah dengan manambahkan sedikit kode css dan javascript didalam template maka label dengan thumbnail akan menghiasi blog kita. berikut adalah cara / tutorial blog tentang membuat label dengan thumbnail hover. Untuk memulai menambahkan code css dan javascript, ada baiknya kita backup dahulu templatenya dengan masuk ke Rancangan –> Edit HTML –> Download Template Lengkap.

  1. Tambahkan kode css dibawah ini tepat diatas dan atau sebelum kode ]]></b:skin>
    img.label_thumb {
    float:left;
    padding:4px;
    background:#CCC;
    border:2px solid #A4A4A4;
    width:110px;
    height:100px;
    margin-right:10px;
    margin-top:10px }
     
    img.label_thumb:hover {
    opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity:0.8 }
  2. Kemudian tambahkan kode script dibawah atau tepat setelah kode ]]></b:skin>
    <script type='text/javascript'>
    //<![CDATA[
    function labelthumbs(json){document.write('<div>');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='';}
    document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
    if(i!=(numposts-1))
    document.write('');}
    document.write('</div>');}
    //]]>
    </script>
  3. Simpan Template dan masuk ke Elemen Laman –> Tata Letak
  4. Pilih salah satu gadget yang ingin sobat masukkan label, kemudian klik Tambah Gadget dan pilih yang HTML/Javascript.
  5. Kemudian masukkan kode berikut kedalamnya :
    <script type='text/javascript'>var numposts = 5;</script>
    <script type="text/javascript" src="/feeds/posts/default/-/Keluarga?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Keterangan :
  • Tulisan yang berwarna hijau adalah lebar dan tinggi thumbnail, yang bisa disesuaikan dengan lebar widget template yang ada diblog kita.
  • Tulisan yang berwarna biru untuk jumlah label yang akan di tampilkan dan bisa di ganti sesuai keinginan kita.
  • Sedangkan tulisan yang berwarna merah untuk label yang akan ditampilkan, jangan sampai salah menulis labelnya, besar kecilnya huruf juga sangat mempengaruhi.
Semoga bermanfaat.

Azam Lagi Makan


Adik azam lagi makan soto , dan dengan lahap dihabiskan sotonya satu mangkuk

Adik Azam

This was my younger brother son , his name is Azam , he love playing bicycle with Nisrina his NIECE

Menyembunyikan Sidebar Posting

Memiliki blog yang bersih dan terlihat simple mungkin jarang di inginkan oleh para web master , akan tetapi bagi mereka yang menginginkan kerapian dan kemudahan seperti layaknya mengoperasikan windows dalam sebuah blog.

Memiliki blog yang indah bersih dan terbagi bagi dalam folder dan menu serta label tertentu adalah satu keinginan yang mungkin dimiliki oleh para blogger pemula. 

Setelah sebelumnya dicatatkan artikel tentang bagaimana menyembunyikan posting kali ini catatan tambahan bagaimana cara menyembunyikan siderbar widget di blogspot. 

Hal ini dilakukan guna untuk menghemat ruang dan memperlebar postingan agar artikel lebih mudah dibaca dan tidak terlihat terlalu panjang.

Jika ingin mengilangkan sidebar widgetnya juga, ini kodenya :

  1. Buka halaman pengaturan blog 
  2. Clik Template > Edit HTML 
  3. Copas dan atau Simpan kode dibawah ini dan pastekan tepat di bawah kode ]]></b:skin>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
.post, .sidebar, #blog-pager {display:none;}
</style>
</b:if>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
body#layout .sidebar {display:inline;margin-top:200px;}
</style>
</b:if>