Halo Prends! |
Pasang Iklan | Kontak | Profile | Sitemap

Cara Membuat Label Dengan Thumbnail Otomatis Berdasar Kategori Tertentu

Monday, March 5, 2012

Keinginan para blogger pasti salah satunya adalah blognya tampil menarik dimata para pengunjungnya karena jika tampilanya menarik akan membuat betah pengunjung berlama-lama melihat blog anda dan membuatnya sering kembali mengunjungi blog anda ,nah berikut saya akan share sebuah artikel untuk mempercantik blog kamu semoga bermanfaat ya buat kamu . Berawal dari keinginan saya supaya blog saya kelihatan menarik seperti situs-situs berita besar yang tampilannya memiliki gambar kecil disertai potongan artikel yang dikelompokkan berdasar label tertentu ,akhirnya saya temukan cara  di situs kucoba.com yaitu cara membuat label dengan thumbnail otomatis yang dilengkapi dengan    potongan artikelnya .

Berikut adalah cara dan langkah-langkah untuk membuatnya :

  • Login Blogger > Rancangan / Layout > Edit HTML > Centang "Expend Widget"
  • Silakan copy kode dibawah ini dan letakkan tepat di atas </head>
<!-- Label With Thumbnail -->
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(w){document.write('<ul class="label_with_thumbs">');for(var v=0;v<numposts;v++){var f=w.feed.entry[v];var g=f.title.$t;var z;if(v==w.feed.entry.length){break}for(var r=0;r<f.link.length;r++){if(f.link[r].rel=="replies"&&f.link[r].type=="text/html"){var n=f.link[r].title;var o=f.link[r].href}if(f.link[r].rel=="alternate"){z=f.link[r].href;break}}var j;try{j=f.media$thumbnail.url}catch(q){s=f.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!="")){j=d}else{j="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjcTaGpWaSnXjpeMHuYrsKPkrFsaapLwfSky8nK-Q4rPQJotKLfo6VnV29I3CxCaqBtOkIQxaFW3p95Q95CqLvPvvZsWfNvfqSO5SCKB3t3NBs2ZzHRzc8-raU0BGk0UElnCZPvbDSxdE/s1600/no_image.jpg"}}var x=f.published.$t;var m=x.substring(0,4);var l=x.substring(5,7);var t=x.substring(8,10);var h=new Array();h[1]="Jan";h[2]="Feb";h[3]="Mar";h[4]="Apr";h[5]="May";h[6]="Jun";h[7]="Jul";h[8]="Aug";h[9]="Sep";h[10]="Oct";h[11]="Nov";h[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true){document.write('<a href="'+z+'" target ="_top"><img class="label_thumb" src="'+j+'"/></a>')}document.write('<strong><a href="'+z+'" target ="_top">'+g+"</a></strong><br>");if("content" in f){var y=f.content.$t}else{if("summary" in f){var y=f.summary.$t}else{var y=""}}var p=/<\S[^>]*>/g;y=y.replace(p,"");if(showpostsummary==true){if(y.length<numchars){document.write("");document.write(y);document.write("")}else{document.write("");y=y.substring(0,numchars);var e=y.lastIndexOf(" ");y=y.substring(0,e);document.write(y+"...");document.write("")}}var A="";var u=0;document.write("<br>");if(showpostdate==true){A=A+h[parseInt(l,10)]+"-"+t+" - "+m;u=1}if(showcommentnum==true){if(u==1){A=A+" | "}if(n=="1 Comments"){n="1 Comment"}if(n=="0 Comments"){n="No Comments"}n='<a href="'+o+'" target ="_top">'+n+"</a>";A=A+n;u=1}if(displaymore==true){if(u==1){A=A+" | "}A=A+'<a href="'+z+'" class="url" target ="_top">More »</a>';u=1}document.write(A);document.write("</li>");if(displayseparator==true){if(v!=(numposts-1)){document.write("")}}}document.write("</ul>")};
//]]>
</script>
  • Setelah selesai, kemudian cari kode kata sidebar content setelah ketemu letakan kode berikut tepat di bawahnya:
/* Idblogmaker2 Content */.Idblogmaker2 h2 {font:bold 13px Arial;text-transform:none;margin:0 auto;color:#000;line-height: 1.2em;letter-spacing:.01em;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB-4tfs7wGRlODp2mDq0yKoBgSAsHxgRPp2AdsJp2r97W3Y_h-7KH8vZT99kLQGRM1PUv_PZSZAaonayjAB4v9G13bdgzVOw8pyYy32CQumzao45ZCxuRiD8CvXYabJbsaSic-AXWhflFy/s1600/Idblogmaker.com+ku.png) repeat-x bottom left;border:1px solid #ccc;border-width:0 0 1px 0;padding:5px 10px;} .Idblogmaker2 {font:normal 12px Arial; color:#555;line-height: 1.4em;} .Idblogmaker2 ul {list-style:none;margin:0 0 0;padding:0 0 0;} .Idblogmaker2 li {margin:0;padding:0 auto;text-indent:0px;line-height:1.4em;} .Idblogmaker2 .widget {background:url() repeat-x bottom left;margin:0 0 8px 0;padding:0 auto;border:1px solid #ccc;} .Idblogmaker2 a:link, .Idblogmaker2 a:visited {font:bold 13px Arial;color:#16387c;text-decoration:none;} .Idblogmaker2 a:hover {color:#000;text-decoration:underline;} .Idblogmaker2 .widget-content {margin:0 auto;padding:6px 10px;} /* IDB Featured Categories */ img.label_thumb{float:left;padding:0 auto;border:none;background:none;margin:0 10px 5px 0;height:72px;width:72px;} img.label_thumb:hover{background:none;}.label_with_thumbs {float:left;margin:0;padding:0} ul.label_with_thumbs li {margin:0 0 5px;clear:both;}.label_with_thumbs a {} .label_with_thumbs strong {} /* Idblogmaker3 Content */ .Idblogmaker3 h2 {font:bold 13px Arial;text-transform:none;margin:0 auto;color:#000;line-height: 1.2em;letter-spacing:.01em;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB-4tfs7wGRlODp2mDq0yKoBgSAsHxgRPp2AdsJp2r97W3Y_h-7KH8vZT99kLQGRM1PUv_PZSZAaonayjAB4v9G13bdgzVOw8pyYy32CQumzao45ZCxuRiD8CvXYabJbsaSic-AXWhflFy/s1600/Idblogmaker.com+ku.png) repeat-x bottom left;border:1px solid #ccc;border-width:0 0 1px 0;padding:5px 10px;} .Idblogmaker3 {font:normal 12px Arial; color:#555;line-height: 1.3em;} .Idblogmaker3 ul {list-style:none;margin:0 0 0;padding:0 0 0;} .Idblogmaker3 li {margin:0;padding:2px 0;text-indent:0px;line-height:1.4em;} .Idblogmaker3 .widget {margin:0 0 8px 0;padding:0 auto;border:1px solid #ccc;} .Idblogmaker3 .widget-content {margin:0 auto;padding:6px 10px;}.Idblogmaker3 a:link, .Idblogmaker3 a:visited {font:bold 13px Arial;color:#16387c;text-decoration:none;} .Idblogmaker3 a:hover {color:#000;text-decoration:underline;}
  • Simpan template
  • Selanjutnya kamu silakan buka Rancangan > Add Widget > Pilih HTML/Javascript 
  • Copy paste kode di bawah ini lau simpan di HTML/Javascript tadi:
<script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 70;</script> <script type="text/javascript" src="/feeds/posts/default/-/BLACKBERRY?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Keterangan :
  • Angka 4 yang di tebalkan di atas adalah jumlah dari sub label katagori yang di munculkan di label thumbnail ini.
  • Tulisan BLACBERRY yang di tebalkan adalah nama label yang di ingin di munculkan di label thumb. Jika label tersebut memiliki lebih dari satu kata, tambahkan %20 contohnya Tutorial%20Blogger.
Label dengan thumbnail ini masih bisa anda modifikasi sesuai dengan selera kamu seperti backgroundnya warna tulisan dan jumlah postingnya ,saya ucapkan selamat berkreasi dan semoga berhasil ,jangan lupa share artikel ini jika menurut anda bermanfaat ya ,,,,,,
Baca Selengkapnya >>

Kisah Nyata, Jangan Pernah Menjilat Amplop

Sunday, March 4, 2012

Suatu hari seorang wanita yang bekerja di sebuah kantor pos di California , merekatkan amplop dan perangko tanpa menggunakan lem atau busa basah melainkan dengan cara menjilatnya.
Pada saat itu wanita tersebut langsung merasakan lidahnya terasa seperti teriris.

Seminggu kemudian dia merasakan sesuatu yang tidak biasa pada lidahnya. Dia pergi ke dokter dan tidak ditemukan sesuatu yang aneh. Lidahnya tidak luka atau tidak ada kelainan apapun.

Beberapa hari berikutnya, lidahnya mulai agakmembengkak dan mulai terasa sakit

begitu sakitnya sehingga dia tidak dapat makan apapun. Dia segera ke RS dan dokter melakukan pemeriksaan X-Ray.. Ternyata ada sesuatu di dalam lidahnya. Saat itu juga dokter segera mempersiapkan pembedahan kecil.

Ketika dokter mengiris membuka lidah tersebut, ternyata seekor kecoak kecil merayap keluar.

Setelah diselidiki maka didapat kenyataan bahwa kecoak tersebut berasal dari telur kecoak yang sangat kecil yang menempel pada bagian lem amplop. Setelah dijilat maka telur tersebut menempel pada lidah dan mengeram disana karena adanya ludah yang hangat dan lembab hingga kecoak tersebut menetas.

Kejadian nyata ini dilaporkan oleh CNN.

Andy Hu menulis :
"Saya bekerja di pabrik amplop, dan kalian tidak akan percaya..... ..
ada sesuatu yang mengambang disekitar nampan wadah lem , saya tidak pernah sekalipun menjilat amplop. Saya pernah bekerja di percetakan (32 tahun lalu) dan kami selalu dihimbau agar jangan merekatkan amplop dengan lidah. Saya tidak pernah mengerti mengapa, hingga suatu saat saya masuk ke ruang penyimpanan untuk mengambil 2,500 lembar amplop yang sudah dicetak dan melihat sendiri beberapa ekor kecoak berkeliaran di dalam kotak amplop dengan telur kecoak dimana-mana. Mereka hidup dengan memakan lem yang terdapat pada amplop-amplop tersebut".

Setelah mengetahui hal ini, janganlah pernah sekalipun Anda merekatkan amplop, perangko ataupun meterai dengan cara menjilatnya.
Gunakanlah lem atau busa basah.(forum kompas)
Baca Selengkapnya >>

Cara Membuat Tab View di Blog

Cara Membuat Tab View di Blog, Tab View di blog yang satu ini sering digunakan oleh para blogger,namun tab view yang satu ini sangat mudah cara membuat maupun mengeditnya,karena dengan tab view ini kamu tidak perlu mengotak-atik html yang ada pada template kamu.

Cara Membuat Tab View di BlogDengan tab view ini kamu hanya perlu menambahkan gadget atu widget pada blog kamu,jadi kamu bisa sangat mudah menghapusnya jika tidak diperlukan, nah dibawah ini adalah kode untuk tab view yang bisa kamu modifikasi warna juga bentukkya sesuai blog kamu. berikut kode tab view tersebut:



<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 92px;
height: 22px;
text-align: center;
margin: 5px 0px 0px 3px;
background-color:#999999;
padding-top: 6px;
border: 1px solid #ffffff;
border-bottom: 1px solid #ccc;
font-family: "Arial, Helvetica, sans-serif", Arial;
font-weight: 900;

}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #444343; }
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc;
overflow: hidden;
background-color: #F2F2F2;
}
div.TabView div.Pages div.Page
{
padding: 2px;
height: 100%;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBzReo2602oVYRdbLB4zwvQJvOw4D2TjNsh9kSN_gD4mvHWAq8IXXH9PBfVuIxCHM2gQSJIIVTbzggve2X_k50o1aToEKNojUketact-ZTahkAy72qfIT_lOrvch2V7i72jbM0zP-Ivgg/") no-repeat left center;
border-bottom:1px dotted #7f7f7f;
line-height:1.5em;
padding:3px 0px 3px 20px;
}
</style>

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 298px;">
<a href="http://www.blogger.com/post-create.g?blogID=7490537618574143540"><span style="color: white;">Tutorial Blog</span></a>
<a href="http://www.blogger.com/post-create.g?blogID=7490537618574143540"><span style="color: white;">Wordpress</span></a>
<a href="http://www.blogger.com/post-create.g?blogID=7490537618574143540"><span style="color: white;">Joomla</span></a></div>
<div class="Pages" style="height: 200px; width: 298px;">

<div class="Page">
<div class="Pad">
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-efek-image-zoom-dengan-jquery.html">Membuat Efek Image Zoom dengan Jquery</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-sliding-loginregister-form.html">Membuat Sliding Login/Register Form Panel di Blog</a></div>
<div class="list">
dan seterusnya ............................................................... </div>
</div>
</div>

<div class="Page">
<div class="Pad">
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-efek-image-zoom-dengan-jquery.html">Membuat Efek Image Zoom dengan Jquery</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-sliding-loginregister-form.html">Membuat Sliding Login/Register Form Panel di Blog</a></div>
<div class="list">
dan seterusnya ............................................................... </div>
</div>
</div>

<div class="Page">
<div class="Pad">
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-efek-image-zoom-dengan-jquery.html">Membuat Efek Image Zoom dengan Jquery</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-sliding-loginregister-form.html">Membuat Sliding Login/Register Form Panel di Blog</a></div>
<div class="list">
dan seterusnya ............................................................... </div>
</div>
</div>
</div>
</div>
</form>

<script src="http://creatingwebsite.googlecode.com/files/tab_view.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Atur warna dan lebarnya sesuai yang kamu inginkan. demikian sobat semoga berhasil yach , semoga berguna!
Baca Selengkapnya >>

Agar ginjal tetap sehat

  Agar ginjal anda tetap sehat, anda harus memperhatikan ciri-ciri penyakit ini. Karena penyakit ginjal tidak memiliki gejala yang bisa dirasakan oleh penderita dan akan terlambat jika ginjal anda tiba-tiba tidak berfungsi. Cuci darah adalah salah satu cara agar pasien bisa bertahan.
  Seharusnya penyakit ini bisa di cegah apabila pasien telah mengetahui gejala-gejala yang ditimbulkan sebelumnya sehingga dapat ditangani lebih dini. Gejala penyakit ginjal dapat dilihat sesuai fungsi ginjal itu sendiri. Fungsi ginjal yang utama  adalah sebagai pengatur sistem filter dan ekskresi, pengatur asam basa dalam darah, pengatur tekanan darah, dan menstimulasi produksi sel-sel darah merah.
  Anda bisa melihat dari gejalanya jika salah satu fungsi-fungsi itu terganggu , sebagai berikut :
1.Urine yang dikeluarkan lebih sedikit dibanding biasanya.
2.Darah menjadi lebih asam.
3.Tekanan darah tinggi.
4.Hemoglobin rendah.
5.Mudah lelah.
6.Kurang darah.
7.tubuh sering terasa sakit ,kram, tidak ada nafsu makan, susah tidur.
8.Penimbunan cairan seperti di kaki dan di wajah yang terlihat seperti membengkak.
9.Pengeringan cairan dengan mata cekung ,mulut kering, hampir tak ada lendir dalam mulut.

Rusaknya ginjal lebih sering diakibatkan karena ada penyakit kronik lainnya seperti diabetes ,darah tinggi ,infeksi ginjal ,dan batu ginjal .Berikut tips singkat agar ginjal tetap sehat :
1.cukup konsumsi air putih.
2.Hindari konsumsi obat sembarangan.
3.Kurangi jamu-jamuan yang belum diuji klinis.
4.Hindari konsumsi suplemen berlebihan seperti vitamin c maksimum 4gram sehari.
5.Olahraga teratur.
6.Menjaga berat badan karena obesitas bisa memicu ginjal.
7.Lakukan kontrol secara teratur terutama bagi pasien yang memiliki penyakit seperti diabetes dan       hipertensi ,karena mereka akan berisiko lebih tinggi mengalami kerusakan ginjal.(berbagai sumber)

Baca Selengkapnya >>

INSPIRASI SEHAT

More on this category »

FLORA DAN FAUNA

More on this category »

INSPIRATIF

More on this category »

SEJARAH

More on this category »

UNIK DAN ANEH

More on this category »

SEKITAR KITA

More on this category »