2009-09-20

Membuat Float Navigation Bar

Hampir mirip dengan NavBar bawaan blogger, namun bentuknya float dan lebih sederhana.
Untuk membuatnya ikuti langkah-langkah berikut:
1. Masuk ke Layout -Edit HTML
2. Centang Expand Widget Template.
3. Cari kode ini ]]></b:skin>
4. Letakkan kode dibawah ini tepat diatas kode yang tadi.


/********************************
* Navigasi Apung *
*********************************/
#navigasi-apung
{
align: center;
position: fixed;
border-top: 1px solid #fff;
border-bottom: 1px solid #000;
background-color: #c0c0c0;
width: 100%;
left: 0px;
color: #000;
z-index:10000;
opacity: 0.8;
filter: alphaundefinedopacity: 80);
bottom:0;
}
#navigasi-apung:hover
{
opacity: 1;
filter: alphaundefinedopacity: 100);
}
#navigasi-apung a
{
color: #000;
font-weight:bold;
}
/********************************
* Navigasi Apung Kiri *
*********************************/
.kiri_apungmnu
{
float:left;
list-style-type:none;
padding:0;
margin:3px 0px 3px 5px;}
.kiri_apungmnu li
{
padding: 0px 0px 0px 3px;
margin-left:2px;
float:left;
color:#000;
font:normal 11px arial;
}
.kiri_apungmnu li a
{
display:block;
font:normal 11px arial;
width:auto;
float:left;
text-decoration:none;
}
.kiri_apungmnu li a:hover
{
text-decoration:none;
}
/********************************
* Navigasi Apung Kanan *
*********************************/
.kanan_apungmnu
{
float:right;
list-style-type:none;
padding:0;
margin:3px 5px 3px 0;
}
.kanan_apungmnu li
{
padding: 0 0 0 3px;
margin-left:2px;
float:left;
color:#000;
font:normal 11px arial;
}
.kanan_apungmnu li a
{
display:block;
font:normal 11px arial;
width:auto;
float:left;
text-decoration:none;
}
.kanan_apungmnu li a:hover
{
text-decoration:none;
}


5. Yang di cetak tebal bisa kamu ganti sesuai keinginan. Kemudian cari kode ini  <body>
6. Letakkan kode dibawah ini setelah kode yang tadi.


<div id='navigasi-apung'>
<ul class="kiri_apungmnu">
<li><a href="/" title="Halaman Utama">Beranda</a></li>
<li>|</li>
<li><a href="/search?max-results=50" title="Daftar Isi">Daftar Isi</a></li>
<li>|</li>
<li><a href="/feeds/posts/default" title="Baca via Feed" target="_blank">Feed</a></li>
<li>|</li>
<li><a href="" title="Berlangganan Artikel">Langgan</a></li>
<li>|</li>
<li><a href="mailto:chungkring@gmail.com" title="Email Adhiets">Email</a></li>
<li>|</li>
<li><a href="http://adhiets.blogspot.com/" title="Tentang Adhiets" target="_blank">Tentang</a></li>
</ul>
<ul class="kanan_apungmnu">
<li><a href="http://www.blogger.com/" title="Blogger Login" target="_blank">Login</a></li>
<li>|</li>
<li><a href="http://www.blogger.com/post-create.g?blogID=XXXXXX" title="Entri Baru">Entri Baru</a></li>
<li>|</li>
<li><a href="http://www.blogger.com/posts.g?blogID=XXXXXX" title="Edit Entri">Edit Entri</a></li>
<li>|</li>
<li><a href="http://www.blogger.com/blog-options-basic.g?blogID=XXXXXX" title="Pengaturan">Pengaturan</a></li>
<li>|</li>
<li><a href="http://www.blogger.com/rearrange?blogID=XXXXXX" title="Tata Letak">Tata Letak</a>
</li>
</ul>
</div>


Simpan dan lihat hasilnya. continue...

Membuat Rotasi Banner (Banner rotator)


Rotasi banner atau banner rotator adalah banner yang akan muncul secara bergantian tanpa harus membuka halaman baru. Simpelnya seperti banner animasi flash.
Langkah membuatnya adalah sbb:
1. Masuk ke Edit HTML
2. Cari  kode berikut  &lt;/head&gt;
3. Masukkan kode dibawah berikut tepat di atas kode yang tadi

<link rel="StyleSheet" href="http://sites.google.com/site/chungkring/mBanner.css" type="text/css" />
<script type="text/javascript" src="http://sites.google.com/site/chungkring/mBanner.js"/>


4. Simpan dan Masuk ke Page Element (Element Halaman)
5. Tambahakan widget HTML/JavaScript
6. Masukkan kode dibawah ini kedalam Widget tadi.

<center>
<script language="javascript">
banner1 = new Banner('banner1');
banner1.add("IMAGE", "banners/01.jpg", 3, 60, 480,"http://adhiets.blogspot.com");
banner1.add("IMAGE", "banners/01.jpg", 3, 60, 480,"http://adhiets.blogspot.com");
banner1.add("IMAGE", "banners/01.jpg", 3, 60, 480,"http://adhiets.blogspot.com");
banner1.add("FLASH", "banners/04.swf", 3, 60, 480,"http://adhiets.blogspot.com");
banner1.add("FLASH", "banners/05.swf", 3, 60, 480,"http://adhiets.blogspot.com");
banner1.add("FLASH", "banners/06.swf", 3, 60, 480,"http://adhiets.blogspot.com");
document.write(banner1);
banner1.start();
</script>
<center>

NB:
Kode yang berwarna merah adalah lamanya waktu banner ditampilkan (3 detik)
Kode yang berwarna hijau adalah tinggi banner. (60px)
Kode yang berwarna biru adalah lebar banner (480px)
continue...

Memasang meta tags yang seo friendly


Mungkin semuanya sudah tahu apa fungsi dari meta tag. Pada artikel sebelumnya saya sudah menjelaskan cara memasukkan meta tag ke ddalam blogger. Namun kali ini kita akan mencoba memasukkan meta tag yang lebih seo friendly.
Caranya tidak jauh berbeda, hanya pada penambahan meta tag sekunder.
1. Masuk ke Edit HTML.
2. Cari kode <head>
3. Letakkan kode dibawah ini tepat setelah kode tadi.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta content='Isi dengan deskripsi blog' name='description'/>
</b:if>
<meta content='Isi dengan kata kunci blog' name='keywords'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='noodp' name='robots'/>
<meta content='Isi dengan nama author' name='author'/>
<meta content='Isi dengan pemilik copyright' name='copyright'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>

4. Huruf yang di cetak tebal ganti sesuai keinginan anda.
5.Simpan pekerjaan anda. continue...

2009-09-19

Membuat Breadcumbs atau BlogMap



Contohnya seperti gambar disamping
Langsung ke TKP
1. Masuk Edit HTML dan Centang Expand Widget Template. Jangan lupa backup template!
2. Cari kode ini ]]></b:skin>
3. Copykan kode dibawah ini tepat sebelum kode di atas.
.breadcrumbs{
float:left;
width:590px;
font-size:11px;
border-bottom:double #eaeaea;
margin:0 0 20px;
padding:0 0 3px
}

4. Cari kode dibawah ini :
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>

5. Nonaktifkan status message tsb dengan menambahkan <!-- di depan dan --> dibelakangnya.
6. Maka akan menjadi seperti ini:
<!-- <b:include data='top' name='status-message'/> -->
7. Tambahkan kode breadcumbs dibawah status message tadi. Hasilnya akan seperti ini:
><!-- <b:include data='top' name='status-message'/> -->
<b:include data='posts' name='breadcrumb'/>

8. Cari kode di bawah ini:
<b:includable id='main' var='top'>

9. Masukkan kode Breadcumbs dibawah ini tepat diatas kode yang tadi.
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Arsip untuk <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Seluruh Artikel
<b:else/>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Artikel Pada Kategori <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

10. Simpan dan lihat hasilnya.
Selamat Mencoba! continue...

Memasang Artikel Terkait Versi Standard dan Simpel


Semuanya udah pada tau kan fungsi dari Artikel terkait atau Related Post? Nah,tanpa basa-basi lagi sesuai judulnya "simpel" maka langsung aja kita ke TKP. Okee?? Kemon!!!
1. Masuk ke Edit HTML
2. Centang Expand Widget Template.
3. Cari kode <data:post.body/>
4. Copy kan kode di bawah ini tepat di atas kode yang tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;overflow:auto'>
<div id='aditku'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;aditku&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

5. Jika kode <data:post.body/> ada dua buah maka pilih lah yang kedua atau yanga bawah.
6. Simpan dan Lihat hasilnya dengan membuka salah satu postingan anda yang sudah di beri label.
Selamat Mencoba..!!! continue...

2009-08-20

Memasang avatar profil di form komentar blogger


Sebelumnya kita sudah tahu layanan avatar dari mybloglog (MBL). Dan baru-baru ini blogger.com memunculkan fasilitas avatarnya, namun untuk menampilkan avatar tersebut kita harus mengupload foto kita saat ingin berkomentar. Sangat tidak praktis bukan?
Nah, untuk mengatasinya masalah tersebut, inilah solusinya
1.Masuk ke Layout - Edit HTML
2. Cari kode ini &lt;dl id='comments-block'&gt;
3. Kalau sudah ketemu ganti dengan kode ini
  &lt;dl expr:class='data:post.avatarIndentClass' id='comments-block'&gt;

4. Lalu cari kode ini 
5. Tambahkan kode dibawah ini tepat setelah kode yang tadi


&lt;b:if cond='data:blog.enabledCommentProfileImages'&gt;<br>&lt;data:comment.authorAvatarImage/&gt;<br>&lt;/b:if&gt;


continue...

2009-08-16

Memasang auto read more pada blogger

Auto read more adalah read more yang otomatis memotong artikel kita tanpa harus memasang tag <div class="fullpost">..</div> ataupun <span id="fullpost">..</span> sangat praktis bukan? Nah, untuk membuatnya ikuti langkah berikut.
1. Login ke Blogger.com
2. Masuk ke Layouts -> Edit HTML jangan centang expand widget template.
3. Cari kode </head> bisa menggunakan F3, kalau sudah ketemu langsung copy paste kan script dibawah ini tepat di atas kode </head> tadi.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
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);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

5. Simpan pekerjaanmu
6. Masih pada Edit HTML centang Expand Widget Template
7. Cari kode seperti ini <data:post.body/> kemudian ganti dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah
letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan
di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di
posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)
source:http://www.o-om.com/2009/04/cara-pasang-auto-read-more-terbaru-part.html continue...

2009-08-02

Tips Mengatasi Demam Tinggi

Dalam bagian otak kita yang disebut hipotalamus, terdapat sebuah area yang disebut termostat. Di sinilah temperatur tubuh di atur. Cara kerjanya seperti alarm yang bekerja otomatis. Tubuh harus menjaga agar temperaturnya sesuai dengan yang ditentukan oleh termostat. Bila tidak, otomatis “alarm” bereaksi dengan memerintahkan tubuh untuk mencapai temperatur yang ditetapkan termostat. Nah, pada demam yang terlalu tinggi, temperatur yang dipatok meningkat. Jadi, tubuh berusaha memproduksi panas secara besar-besaran agar mencapai temperatur yang dipatok itu. Misalnya, dengan menggigil, menurunkan produksi keringat, dan mengurangi peredaran darah kulit.
Semua itu menimbulkan gejala seolah-olah anak berada pada hawa dingin. Ia akan menggigil, tidak berkeringat, dan kaki serta tangan pucat dan dingin akibat demam yang terlalu tinggi.

Otak bisa rusak

Akibat tubuh “dipaksa” mencapai suhu sangat tinggi, terjadi berbagai kerusakan di semua organ tubuh. Jantung dan pernapasan akan bekerja lebih cepat dan lebih keras lagi. Kerja ginjal juga terganggu akibat aliran darah ke ginjal menurun, di tambah lagi jaringan ginjal yang rusak, atau karena penumpukan mioglobin, yang produksinya meningkat karena kerusakan otot tubuh. Tak ketinggalan, terjadi pula kelainan darah dan saluran cerna, juga gangguan peredaran darah yang semuanya akan memperparah keadaan.
Kerusakan jaringan tubuh biasanya terjadi pada suhu tubuh lebih dari 41,10C,.Kalau suhu meningkat lagi menjadi 42,20C, kerusakan itu tak bisa kembali normal. Jaringan tubuh yang mudah rusak adalah otak atau susunan saraf pusat dan otot. Kerusakan tergantung dari area otak yang terkena. Bila area yang mengatur pernapasan rusak, maka napas akan menjadi tidak teratur secara permanen. Kalau area termostatnya yang terkena, maka tubuh kita tak bisa lagi mengatur suhu.
Temperatur tubuh yang meningkat 60C dari normal sudah tak bisa lagi ditoleransi dalam kehidupan hingga akan mengganggu semua fungsi tubuh.
Mengatasi demam tinggi

Bila suhu tubuh anak mencapai 41,10C, segeralah minta bantuan dokter karena ini keadaan darurat yang perlu ditangani secepatnya. Anak akan diinfus dan dibantu pernapasannya, jika perlu menggunakan alat bantu pernapasan atau dirawat di ruang khusus.
Suhu yang terlalu tinggi bisa membuat kebutuhan cairan meningkat sampai 1,5 kali kebutuhan normal hingga anak diberi cairan lewat infus, juga berikan minum sebanyak ia mau. Anak yang menggigil dapat dikompres hangat dan diselimuti. Kompres hangat akan ditangkap oleh saraf dan menjadi sinyal bagi otak bahwa suhu kulit sudah tinggi hingga termostat akan menghentikan “alarm” dan anak tidak menggigil lagi. Jika perlu, dokter bisa memberi obat untuk menghentikannya.
Kompres hangat dan selimut juga membantu tubuh mengeluarkan keringat. Pembuluh darah melebar, apalagi bila dibantu dengan pemijatan (massage) hingga sirkulasi darah di kulit lebih baik. Sedangkan kompres dingin tidak dianjurkan karena anak akan lebih menggigil. Juga, pembuluh darah kulit menyempit dan keringat berkurang hingga panas tubuh tidak bisa dikeluarkan. Alkohol, yang dulu sering dipakai untuk kompres, dapat menyebabkan keracunan.
Kompres, selimut, ataupun pemijatan perlu dibarengi dengan obat penurun panas. Obat ini akan menurunkan temperatur yang dipatok termostat hingga “alarm” tak lagi memaksa tubuh untuk memproduksi panas ataupun melarang pengeluaran panas.

Point-point utama yang harus diperhatikan selama merawat anak demam adalah :

1. Mencari penyebab demam dan memperhatikan pola perilaku anak.
Amati tingkah laku anak. Jika perilaku anak hampir sama seperti biasanya, maka kita tidak perlu khawatir. Karena pada dasarnya demam itu bukan hal yang membahayakan.
2. Cegah dehidrasi.
Demam akan meningkatkan penguapan cairan tubuh. Karenanya bayi dan anak beresiko mengalami dehidrasi. Berikan cairan lebih banyak. Berikan air, air sup, jus buah segar yang dicampur air, es batu, es krim.
Bila muntah atau diare, berikan minuman elektrolit : pedialyte, oralit.
3. Ruangan dijaga agar tidak panas, pasang kipas angin. Anak memakai baju yang tipis.
4. Kompres air hangat atau berendam di ari hangat.
5. Biarkan anak memakan apa yang diinginkan. Jangan dipaksa. Hindarkan makanan berlemak, karena sulit dicerna oleh tubuh.
6. Meskipun anak dianjurkan untuk tidak masuk sekolah, bukan berarti ia harus berada di tempat tidur seharian.
7. Pemberian obat penurun panas mengikuti aturan berikut :

* <102F (<38.3C) : Tidak perlu obat penurun panas, ekstra cairan (minum banyak) * >102F (38.3C), uncomfortable : Beri obat penurun panas, kompres hangat

* >104 (>40C) : Beri obat penurun panas, kompres hangat, hubungi dokter.

Bahaya atau tidak?
Demam terlalu tinggi sebenarnya adalah gejala, pengobatannya tergantung pada penyakit yang menyebabkannya. Pada kebanyakan kasus, demam tinggi bisa diatasi dan fungsi tubuh dapat kembali normal.
Referensi:

1.IUPS Thermal Commission: Glossary of terms for thermal physiology J. Appl. Physiol. 2001, 51:245-80
2.Clark WG. Antipyretic. Dalam: Mackowiak PA, editor. Fever mechanisms and management. New ork: Raven Press, 1991.h297-340 continue...

Membuat Footer menjadi 3 Kolom

Tanpa basa basi kita Langsung ke TKP.
1.Login ke blogger.com
2.Pilih Layouts dan seperti biasa => Edit HTML.
3.Jangan klik Expand widget template, karena kita mau cepat.
4.Trus cari pake F3 kode </b:skin> dan copas kode dibawah ini tepat diatasnya.
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}

5.Kalau sudah lanjut cari kode
<b:section class='footer' id='footer'/>

Kemudian ganti dengan kode di bawah ini :
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding:
10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

6.Simpan pekerjaan anda, untuk melihat hasilnya silahkan menuju Page ELements
7.Kode yang berwarna merah bisa di ganti sesuai keinginan anda.
Gampang dan mudah bukan.....!!!!
source: http://suriyadi.com/2008/10/membuat-footer-menjadi-3-kolom.html continue...

2009-07-31

Membagi Header menjadi dua kolom

Anda mungkin pernah melihat blog orang lain yang pada sebelah kanan headernya terdapat iklan ataupun link bisnis afiliasi. Penasaran ingin membuatnya???. Caranya tidak begitu sulit kok... ikuti saja langkah-langkah berikut:

1. Login ke blogger dengan ID anda dong tentunya, jangan ID saya..ntar blog saya jadi berantakan lagi.

2. Klik Layout.

3. Klik tab elemen Halaman, maka anda akan melihat tampilan format kolom header anda seperti ini :



4. Jika sudah di lihat, kemudian klik tab Edit HTML, lihat ke bagian kode CSS, lalu cari kode seperti ini :


/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}


5. Hapus kode di atas, lalu ganti dengan kode berikut ini :

/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}

6. Coba scroll ke bagian bawah, dan temukan kode seperti ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

7. Hapus kode di atas, lalu ganti dengan kode di bawah ini :

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

8. Klik tombol Simpan Perubahan.
9. Simpan

Untuk melihat hasilnya, silahkan anda klik lagi tab Elemen Halaman dan anda akan melihat format kolom header anda menjadi seperti ini :


Source:http://www.wandihouse.co.cc/2009/07/membagi-dua-kolom-header.html continue...

2009-07-30

Inggris Ketakutan Aksi Hacking Al Qaeda

Ketakutan terhadap serangan hacker membuat Inggris khawatir akan terjadi perang di dunia maya yang mengancam keamanan Inggris. Hacker mungkin saja melancarkan hacking dan serangan teror terhadap jaringan internet Inggris untuk mencuri informasi rahasia kemiliteran dan lain sebagainya.

Telegraph, Jumat (26/6/2009) melansir, pemerintah Inggris mengumumkan telah menciptakan Cyber Security Operations Centre yang melibatkan para ahli dari MI5, GCHQ dan Metropolitan Police. Menteri Keamanan Inggris, Lord West mengatakan, Inggris juga mengembangkan kemampuannya untuk melawan balik serangan hacker dengan merekrut mantan-mantan hacker dari GCHQ.

Menurut pihak Inggris, hacker bisa saja mengambil alih teknologi yang mungkin dapat menggangu stabilitas keamanan Inggris. Kecanggihan teknologi memberi peluang terhadap hacker untuk bisa mematikan sistem komputer di pusat pengendalian energi, perusahaan air, jalur lalu lintas udara, pasar finansial dan sistem komputer pemerintahan Inggris.

Layanan keamanan internet diyakini tak hanya dipersiapkan untuk menangkal serangan cyber dari China dan Russia, namun juga Al-Qaeda dan organisasi teroris lainnya.

"Kita tahu teroris menggunakan internet untuk gerakan-gerakan radikal dan teror. Terdapat ketakutan bahwa mereka akan melangkah lebih jauh dalam serangan dunia cyber ini," kata West.

"Seiring dengan bertumbuhnya kemampuan mereka dalam memanfaatkan web, akan ada lebih banyak kesempatan yang memungkinkan serangan cyber berkembang dan bertambah parah," tambahnya.

West membenarkan bahwa pemerintah Inggris tengah menghadapi serangan cyber dari negara-negara asing seperti Rusia dan China. Namun dia membantah bahwa hacker telah berhasil membobol sistem keamanan internet Inggris dan mencuri informasi rahasia.

Strategi keamanan cyber merupakan bagian dari pembaharuan strategi keamanan nasional Inggris yang juga meliputi kesiapsiagaan Inggris dalam menghadapi serangan bencana alam dan pandemik flu, perubahan cuaca serta serangan terorris.
Sumber: okezonecom continue...

2009-06-10

Gara-gara Nama Aneh Facebook di Protes


Facebook mengharuskan setiap anggota mereka mencantumkan nama asli pada akun mereka. Akan tetapi kesalahan bisa saja terjadi, semakin banyaknya jumlah pengguna Facebook membuat situs jejaring sosial itu kesulitan mengidentifikasi akun bernama asli dan yang palsu.

Salah satu pengguna Facebook, Alicia Istanbul mengajukan protes atas pemblokiran akunnya. Pasalnya, Faceboook menduga nama Alicia Istanbul yang terdengar unik adalah nama palsu. Padahal, Istanbul menyebutkan bahwa nama tersebut adalah nama aslinya.

Sejak 2007 Istanbul memanfaatkan akun Facebooknya untuk menjalankan bisnis perhiasan online yang ia kelola dari rumah. Istanbul sama sekali tak menyangka beberapa hari lalu akunnya terblokir, hal ini tentu saja sangat merugikan karena sebanyak 330 teman Facebooknya sebagian besar merupakan pelanggan tetap usahanya.

Istanbul sangat mengerti mengapa Facebook sangat ketat menyeleksi data pribadi yang benar dibalik nama asli setiap pemilik akun, namun dia mempertanyakan mengapa Facebook tidak menyertakan pengidentifikasian sederhana untuk memastikan kebenaran nama asli.

“Seharusnya Facebook memberi peringatan akan hal ini atau paling tidak berupaya mesosiaisasikan keuntungan yang didapat jika para pemilik akun mencantumkan nama asli,” kata Istanbul.

Juru bicara Facebook Barry Schnitt mengakui bahwa pihaknya telah melakukan kesalahan. Facebook mengajukan permohonan maaf atas masalah tersebut dan berjanji untuk lebih teliti mengidentifikasi nama para pemilik akun Facebook.

Schnitt berusaha menjelaskan masalahnya bahwa nama Istanbul terdengar tidak biasa, oleh karenanya Facebook menduga nama tersebut palsu.

“Kami akui, seiring bertambahnya populasi pengguna Facebook semakin sulit bagi kami menyeleksi setiap akun. Itu sebabnya nama-nama yang terdengar tak biasa menjadi perhatian kami. Namun kami berjanji akan lebih teliti lagi dalam hal ini.

Sumber: Okezone.com
continue...

2009-04-13

Daftar Leech Gratis Untuk Download di Rapidshare

Bagi kamu yang hobi mendownload file mungkin sudah tidak asing lagi dengan yang namanya Rapidshare. Rapidshare terkenal dengan jumlah servernya yang mencapai ratusan buah. Tapi kebanyakan orang mendownload file di Rapidshare menggunakan account yang free karena tidak mempunyai account premium. Kelebihannya menggunakan account premium ada pada kecepatan download dan banyak file yang bisa di download. Sedangkan yang free, kita di wajibkan menunggu 30 detik (tergantung ukuran file) dan banyak download dibatasi 10mb/menit untuk mendownload lagi. Tentunya akan memakan banyak waktu dan tenaga.

Tetapi jika kita mendownload file menggunakan server Rapidleech mungkin terasa lebih cepat dibandingkan server rapidshare yang free. Karena di server tersebut sudah terpasang account premium rapidshare dan seolah-olah kita menggunakan account rapidshare premium untuk mendownloadnya. Kita tidak perlu menunggu lama untuk mendownloadnya. Cara menggunakannya cukup mudah, kamu tinggal mengcopy link download di rapidshare pada saat pilihan free atau premium kemudian paste kan di situs Rapidleech yang kamu sukai lalu klik generate. Biarkan server Rapidleech yang mendownload file kamu. Gunakan download manager seperti IDM(Internet Download Manager) atau DAP(Download Accelerator Plus) untuk menambah laju kecepatan Download.

Daftar leech gratis Rapidshare :
http://shot.rewaz.co.cc/index.php
http://www.viete.info/
http://www.loadnow.in/
http://www.rslinkgens.info/index.php
http://rapidtrader.info/index.php
http://www.adslarmy.com/leech2/index.php
http://www.nbe-media.com/download/index.php
http://www.nbe-media.com/rapidleech/index.php
http://fast-debrid.com/rapidshare.php
http://leech.burids.co.cc/
http://arie.web.id/rapid
http://rapidfast.info/
http://rapid8.com/

Silahkan kamu download gratis sepuasnya. Jika kamu punya Rapidleech gratis yang lain, bisa dishare disini!.
continue...

2009-04-11

Memasang Emoticon Di Kotak Komentar (Yahoo dan MSN)

Emoticon adalah sebuah icon berupa gambar still atau gerak yang menggambarkan suasana hati. Emoticon juga kadang disebut smiley, emote, dan lain-lain. Contoh yang paling sering digunakan yaitu smiley / emoticon yang dipakai saat chatting menggunakan messenger seperti Yahoo!Messenger, MSN,dll. Nah kali ini kita akan mencoba memasang emoticon tersebut di kotak komentar, agar nantinya dapat digunakan bersamaan dengan isi komentar. Dengan Emoticon ini pastinya komentar anda akan menjadi lebih ramai. Emoticon yang akan kita pasang ada dua macam yaitu emoticon Yahoo dan Emoticon MSN katanya sih MSN tapi ada juga yang bilang Emoticon Kucing... Mana yang benar ya...?? Aaah...udahlah.. nggak usah dipikirin, yang penting kita pasang Emoticon ini....OKeeh....!!!

Emoticon Yahoo :



Emoticon MSN :


Langkah-langkahnya :
  1. Login ke blog kamu masing...terus masuk ke Layout (Tata Letak) -> Edit HTML
  2. Beri Tanda Centang pada kotak Expand Widget Template. Jangan lupa Download Full Template, untuk membackup dan mengantisipasi Template anda jika terjadi error.
  3. Lalu letakkan Script dibawah berikut sebelum tag </body>
Untuk Emoticon Yahoo :
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Untuk Emoticon MSN :
<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>

4. Kemudian cari kode dibawah ini (yang berwarna merah) :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

Kalau sudah ketemu letakkan kode dibawah berikut setelah kode <p class='comment-footer'>
Ini Untuk Yahoo Emoticon :
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>

Kalau yang ini untuk Emoticon MSN :
<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

Kalau sudah simpan pekerjaan anda. Saya sarankan pada anda untuk membuat hosting sendiri Script di atas. Script diatas bisa di hosting melalui hosting gratisan seperti Geocities, Google Site, ripway,000webhost dll. Karena Script tersebut banyak di pakai orang lain, otomatis jika bandwithnya habis / Exceeded, maka emoticon di kotak komentar anda tidak akan muncul. Emoticon anada akan muncul jika bandwidthnya kembali normal.
Source:http://trik-tips.blogspot.com/2008/10/menampilkan-pasang-emoticon-di-kotak.html
continue...