Widget Menyambut Bulan Ramadhan

Assalamu'alaikum sobat, tidak terasa Bulan Ramadhan sudah di depan mata, saya sendiri Eko Yulianto mohon maaf kepada sobat visitor apabila selama saya berbagi di blog melakukan banyak kesalahan, saya rasa sobat mau memaafkan ya... amiiin.

Berkenaan dengan bulan ramadhan, saya punya sebuah widget special menyambut Ramadhan yang unik dan lucu nih sob, keren pula. Widget tersebut adalah sebagai berikut.



Lucu kan sob, silakan bila sobat ingin memasangnya di blog sobat, berikut kodenya.

<embed src="http://fc03.deviantart.com/fs47/f/2009/198/9/f/helloramadhan_by_blogclocks.swf?msg=Selamat%20datang%20bulan%20Ramadhan%2E%2E%2E&c=0xffbe59&r=0&k=2&w=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" height="170" width="140"></embed>

<embed src="http://fc03.deviantart.com/fs47/f/2009/198/9/f/helloramadhan_by_blogclocks.swf?msg=Selamat%20datang%20bulan%20Ramadhan%2E%2E%2E&c=0xffbe59&r=1&k=1&w=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="140" height="170" wmode="transparent"></embed>

Nah itu dia kodenya sob, untuk memasangnya seperti biasa.
1. Sobat login blog sobat.
2. Masuk ke Tata Letak.
3. Tambah Gadget.
4. Pilih HTML/JavaScript.
5. Kemudian sobat masukan salah satu kode diatas.
6. Yang terakhir Simpan dan lihat hasilnya.

Yaps, saya rasa cukup sekian tips kali ini, semoga bermanfaat dan terimakasih.

sumber

Read more

Beberapa Penyakit Keturunan Yang Harus Diwaspadai

Penyakit keturunan memang tidak bisa di hindari dari generasi penerus dalam hubungan keluarga. Setiap penyakit bahkan tingkah laku dari seorang ayah dan ibu bisa berdampak ke keturunan atau anak.

Beberapa Penyakit Keturunan Yang Harus Diwaspadai berikut ini yang merupakan kebanyak terjadi pada keturunan :

Kebotakan: Kebotakan pria sering-sering disebut diwarisi berdasarkan kakek dari pihak ibu. Sebenarnya, para ilmuwan tidak begitu mengerti mengapa sebagian pria mengalami kebotakan dan yang lainnya tidak. Keturunan memiliki peran penting dalam hal ini.

Kebotakan pada pria biasanya disebabkan oleh masalah genetis dari salah satu atau kedua orangtua. Perlu dicatat: menurut National Institute of Health, dua obat disetujui untuk mengobati kebotakan pada pria: Minoxidil (Rogaine) dan Finasteride (Propecia, Proscar), yang dibuat dalam bentuk pil.

Buta warna: Buta warna berpengaruh kepada sekitar 10 persen laki-laki tapi dialami kurang dari satu persen perempuan. Buta warna adalah penyakit yang diturunkan secara langsung, dan inilah alasan penderitanya sering pria:

Genetik untuk reseptor warna merah dan hijau pada mata saling berdekatan satu sama lain di kromosom X. Pria memiliki satu kromosom X, yang mereka warisi dari ibu. Wanita memiliki dua, dan sebuah genetik yang baik akan selalu mengimbangi genetik yang rusak.

Sebanyak 99 persen kasus buta warna melibatkan kesulitan membedakan antara warna hijau dan merah. Buta warna total, atau achromatopsia jarang terjadi dan hanya terdapat pada satu dari 30 ribu orang di seluruh dunia. Menariknya, mimpi orang buta warna dipenuhi dengan warna yang mereka lihat saat bangun.

Intoleransi laktosa: Orang-orang yang tidak dapat mencerna gula alami dalam susu dan produk susu lainnya adalah karena menderita intoleransi laktosa. Risiko Anda menderita penyakit tersebut bisa disebabkan karena orang tua Anda dan nenek moyang mereka, dan terus terhubung sampai ke nenek moyang kita yang pertama.

Umumnya intoleransi laktosa punya risiko terendah terjadi pada orang-orang keturunan daerah barat laut Eropa dan tertinggi pada orang Asia dan Indian Amerika. Semua masalah itu berhubungan dengan peralihan pada produk peternakan sekitar 10 ribu tahun yang lalu.

Dari generasi ke generasi, orang-orang di wilayah peternakan berevolusi mengembangkan toleransi pada laktosa, sementara orang-orang di luar wilayah tersebut tidak. Gejalanya antara lain sakit perut dan perut kembung, gas lambung, diare dan mual, menurut National Digestive Diseases Information Clearinghouse.

Jerawat: Jerawat dialami sekitar 85 persen remaja di Amerika Serikat, dan juga beberapa orang dewasa. Namun, ilmuwan tidak yakin tentang penyebab jerawat. Mungkin penyebabnya antara lain kelebihan produksi minyak di kulit, sel kulit mati, penggunaan produk-produk yang berminyak, ditambah dengan penumpukan bakteri, menurut para ahli.

Stres dan hormon juga menjadi salah satu penyebab jerawat. Makanan berminyak, cokelat, atau bahkan kulit kotor bukanlah penyebab jerawat, hal itu hanya mitos, menurut Mayo Clinic. Mayo Clinic menjelaskan, "Jika orangtua Anda memiliki jerawat, Anda kemungkinan besar juga akan memilikinya."

Penyakit jantung: Secara umum, ada banyak penyebab serangan jantung dan penyakit jantung. Jam kerja yang panjang adalah salah satu faktor penyebab stres yang bisa meningkatkan risiko penyakit jantung.

Merokok, pola makan buruk, dan jarang berolahraga adalah penyebab pasti meningkatnya resiko terkena serangan jantung, menurut National Heart Lung and Blood Institute.

Namun, keturunan juga menjadi salah satu faktor penyebab penyakit jantung. Memiliki keluarga dengan riwayat penyakit jantung adalah salah satu faktor utama meningkatnya risiko penyakit tersebut

Read more

Membuat Semua link terbuka di tab baru

Membuat semua link terbuka di tab baru, Link pada suatu blog atau website sangat penting gunanya,yaitu agar pembaca tetap memiliki akses terhadap page referral di mana dia menemukan link baru untuk di-klik. Selain itu, bagi pemilik blog/website hal ini juga menguntungkan karena visitor tidak segera meninggalkan halaman blog/website karena adanya window baru yang harus dibuka.

Membuat Semua link terbuka di tab baru caranya sebagai berikut:

• Login ke menu bloger
• klik Dashboard
• Pilih Rancangan
• Pilih Edit Laman
• Tambahkan Gadget/Add Gadget => HTML/JavaScript
• Lalu Copy Script berikut

<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links inthe page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf(" http://eko-tipsntrick.blogspot.com/ ") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>

• Ganti Tulisan berwarna merah tersebut dengan URL blog kamu lalu Jangan Lupa di Save

Demikian Cara Membuat Semua link terbuka di tab baru semoga berguna,

Sumber : http://infonetmu.blogspot.com

Read more

Modifikasi Tampilan Tabel Dengan Css Tabel

Dengan menambahkan css tabel pada template atau pada postingan akan membuat tampilan tabel menjadi lebih menarik dan cantik pada segi tampilan warna, bentuk dan teks-nya, tampilan standar tabel hanya menampilkan bentuk baris dan kolom serta ditambah pembatas seperti garis, pada dasarnya css tabel tetap mengacu pada tampilan tabel standar, tapi dengan penambahan css tabel akan memberi tampilan yang berbeda dan lebih bagus tentunya.

Sebelumnya pernah saya postkan mengenai cara membuat sebuah tabel, tampilan tabel pada postingan tersebut akan menghasilkan tabel seperti yang dijelaskan pada postingan tersebut, berbeda dengan tampilan tabel seperti yang terlihat pada demo (jika kalian melihatnya), dengan menambahkan css tabel akan menghasilkan tampilan tabel yang seperti dalam demo, untuk membentuk tampilan seperti dalam demo, kalian bisa menambahkan kode css tabel dibawah ini dan letakan diatas kode ]]></b:skin>

table[border="1"] {
border-collapse:collapse;
font:normal 12px Verdana,Arial,Sans-Serif;
color:#333;
}
table[border="1"] tr {
background:#F0F0F0;
}
table[border="1"] th, table[border="1"] td {
vertical-align:top;
padding:5px 10px;
border:2px solid #fff;
}
table[border="1"] tr:nth-child(even) {
background:#DEDEDE;
}
table[border="1"] th {
background:#4A6D67;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
color:#fff;
font-weight:bold;
}

Atau bisa juga css tabel tersebut disatukan penempatannya dengan kode tabel pada postingan dengan menambahkan kode :

<style type="text/css">
...css tabel
</style>

sehingga menjadi seperti berikut

 <style type="text/css">
table[border="1"] {
border-collapse:collapse;
font:normal 12px Verdana,Arial,Sans-Serif;
color:#333;
}
table[border="1"] tr {
background:#F0F0F0;
}
table[border="1"] th, table[border="1"] td {
vertical-align:top;
padding:5px 10px;
border:2px solid #fff;
}
table[border="1"] tr:nth-child(even) {
background:#DEDEDE;
}
table[border="1"] th {
background:#4A6D67;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
color:#fff;
font-weight:bold;
}
</style>
<table border="1" style="width: 400px;"><tbody>
<tr><th>Kepala 1</th><th>Kepala 2</th><th>Kepala 3</th></tr>
<tr><td>Baris1 - Kolom1</td><td>Baris1 - kolom2</td><td>Baris1 - Kolom3</td></tr>
<tr><td>Baris2 - Kolom1</td><td>Baris2 - kolom2</td><td>Baris2 - Kolom3</td></tr>
<tr><td>Baris3 - Kolom1</td><td>Baris3 - kolom2</td><td>Baris3 - Kolom3</td></tr>
<tr><td>Baris4 - Kolom1</td><td>Baris4 - kolom2</td><td>Baris4 - Kolom3</td></tr>
</tbody> </table>

Contoh hasilnya sebagai berikut

Kepala 1	Kepala 2	Kepala 3
Baris1 - Kolom1	Baris1 - kolom2	Baris1 - Kolom3
Baris2 - Kolom1	Baris2 - kolom2	Baris2 - Kolom3
Baris3 - Kolom1	Baris3 - kolom2	Baris3 - Kolom3
Baris4 - Kolom1	Baris4 - kolom2	Baris4 - Kolom3

Semoga bermanfaat

Sumber : http://situseo.blogspot.com

Read more

Membuat Slider Carousel Otomatis Berdasarkan Label

• Login ke blogger dengan akun Anda
• Setelah itu pilih blog yang ingin anda tambahkan slider ini.
• Masuk ke template >> Edit HTML, kemudian centang expand widget templates
• Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
• Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin>

#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
#carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_SzPwOMjTMAq-4zwwCWLfe2lVKFqzzRi3qkOa_XSq71_4WaeEc_euzYG3OeeS3q64d8v_svil-iyg5h7AO_PvxmWN_ct8YK1_MvI4-4P0-vsZsYfPGxxsljJgspJ0nXh2dXU6z9moTL4/s1600/scroller-bg.png) repeat center}
#carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMaDkB8Z81SO8HmS6iq8vDxhah08V4nt-pJRu6cT17P4-ZrS6cN2m0P_IEmSTc8jtqIXTTBcDP5CzskGOe2aSIUKw9GyRMGqV_mVp4mMYyB8mccgD5bYBEdmcybK7TBwIQ3Wtrss_HGn8/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
#carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnFaOcEgepl-3_if_hQnuXsAWGeXTOesFB5vdPtaltd-LhyFv1y3LEYS9sJ_X1UWM5AATBMFxR8pPB-vEpeqRVgXo_ooovTplLvirE8qFIp4dwXOGzkOHNqEkCXsOJa_HnQXdonclBTw0/s1600/prev.png) center}
#carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzLdhOi1H7f9WZvX-CMC4ON9Qawi6zV6ZGSJ_1owofW44X-bX2v4_7Qa9z60NnydaZdDK4OEY2Z4lWjOH1-N9glHCleTtwLSBkAKPvyUb6KDgT8EU25h9XFv3-peWG9dwyTc6VF2psCf4/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
#carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMIsYYacSfcQFcV0YIQsX2ctIZgjlGEOzCuKR3G5KATdvjw57r2jEAU5_2S-9s5M7y0JmGkaA25gNTmEzoZHe0j3vkfeivn2LmSbPeO0AeSaoWj7otk360qM76V3rvbhpyfeHXzEqrg-s/s1600/next.png) center}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLlYC-y1Ab7DQSOEcSX6T3VIZH6kko45NdERfol-bGcWeqRKgSobBbbLDGcLugsEFgccjXIj2A5yQU4mSZrDV1QlpTzJRmiM9nB_SsrhM8P8TvtnlitdmB3jDG2kEgAQ3tCuSSnk4zehk/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#cd1713}
#carousel a img{display:block;background:#fff;margin-top:0}

Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider, silahkan Anda sesuaikan dengan ukuran template Anda.

• Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://kauman.googlecode.com/files/jcarousellite.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi80LlLvWAmru-uN2jm9w932QmM8OnhLs9_RXA6VGeixLBtqYb53EvoweGVpmIa4fKF3XTLavt7UgTqIEcwPccQ_x933hazVL6N5KIIaaTVejxlKrXoW_854-ZcF8AOOUj8SyKTTpfrboY/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 140;
summaryTitle = 25;
numposts1 = 15;
label1 = "news";
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; 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!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';
document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>

Keterangan :
Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
Sedangkan kode warna biru : 15 adalah jumlah slider yang ditampilkan. Dan news adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat).

• Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'> , kemudian letakkan kode berikut ini diatasnya :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>  
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) {     $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
    auto:4000,
    scroll: 1,
    speed: 800,  
    visible: 5,
    start: 0,
    circular: true,
    btnPrev: &quot;#previous_button&quot;,
    btnNext: &quot;#next_button&quot;
    });
    })})(jQuery)  
</script>
</b:if>

Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 

• Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.

Sangat mudah ya, anda tinggal ikuti langkah-langkah diatas dan baca dengan teliti jangan terburu-buru, Jika masih ada yang kurang jelas silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Itu tadi tutorial singkat tentang bagaimana cara membuat slider Carousel otomatis berdasarkan kategori atau label kali ini, selamat mencoba dan semoga bermanfaat.

Sumber : http://creatingwebsite-maskolis.blogspot.com/

Read more