Pasang Status Yahoo Messenger (YM) di Profile Blogger

3.31.2009 Diposting oleh Blogger di Selasa, Maret 31, 2009 43 komentar

Coba lihat status YM ku terdapat di bagian profile bloggerku :
saya akan memberikan sedikit trik yang mungkin belum diketahui para teman blogger

Bagaimana Cara Membuatnya

Klik Tata Letak/Layout

Klik Edit HTML --> Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.

Klik Expand Widget Template

Cari Kode berikut :
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/> </dd></b:if>

Taruh kode ini di antara kode <data:aboutme/> dan </dd> :
<a href='ymsgr:sendIM?ridwanym' rel='nofollow'> <img src='http://opi.yahoo.com/online?u=ridwanym&m=g&t=0&1=us'/>
</a>

Maka kodenya jadi begini :
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/><a href='ymsgr:sendIM?ridwanym' rel='nofollow'> <img src='http://opi.yahoo.com/online?u=ridwanym&m=g&t=0&1=us'/>
</a></dd></b:if>

Ganti ridwanym dengan id ym kamu.
Ganti angka 1 yang merupakan gambar ym kamu,Lihat gambar ym nya disini.

Jika berhasil maka akan muncul status ym mu seperti punyaku.

Mari Dukung Earth Hour 2009

3.28.2009 Diposting oleh Blogger di Sabtu, Maret 28, 2009 32 komentar

Apa itu Earth Hour ?

Dikutip dari Wikipedia :

Earth Hour adalah sebuah acara internasional tahunan yang diadakan oleh WWF (World Wide Fund for Nature/World Wildlife Fund), diselenggarakan setiap Sabtu terakhir bulan Maret, yang meminta rumah dan perkantoran untuk mematikan lampu yang tidak diperlukan dan peralatan listrik selama satu jam untuk memunculkan kesadaran atas butuhnya tindakan menghadapi perubahan iklim. Dirintis oleh WWF Australia dan Sydney Morning Herald tahun 2007 dan memperoleh partisipasi dunia tahun 2008. Earth Hour berikutnya akan dilakukan pada hari Sabtu, 28 Maret 2009 pukul 8:30 malam, waktu lokal.

Sebuah dukungan dan Kepedulian

Sebanyak 84 negara menyatakan dukungannya untuk melakukan aksi pemadaman lampu selama satu jam atau yang dikenal dengan Earth Hour 2009. Aksi serempak itu, akan dilakukan pada Sabtu (28/3/2009), termasuk di Jakarta, Indonesia.

Pemadaman lampu berlangsung mulai dari jam 20.30 sampai 21.30 Waktu Indonesia Barat (WIB). Bangunan-bangunan bersejarah seperti, Menara Eiffel di Prancis, hingga Sears Tower di Chicago, Amerika Serikat, siap bergabung dengan 2,800 bangunan terkemuka lainnya untuk perubahan iklim tersebut.

"Earth Hour merupakan cara yang jitu untuk menyelamatkan lingkungan. Semua orang akan merasakan dampak besar, jika benar-benar dilakukan," kata Carter Roberts, Direktur Utama World Wildlife Fund (WWF), seperti yang dilansir Associated Press, Jumat (27/3/2009).

WWF yang menjadi penggagas utama Earth World ini, telah memulai aksinya sejak tahun lalu. Awalnya, aksi ini hanya dikiuti oleh beberapa bangunan dan kota. Mereka sengaja melakukan ini, karena ada agenda lain yang ingin dilakukan yaitu, mendesak agar Protokol Kyoto segera ditindak lanjuti. Pasalnya, Protokol Kyoto telah habis masa berlakunya mulai 2012.

Berbagai kampanye pun terus digalakan, salah satunya ajakan mendukung Earth Hour melalui kanal khusus di situs berbagi video YouTube. Pesannya sendiri disampaikan langsung oleh Seketaris Jendral PBB Ban-Kin moon."Earth World mampu menjadikan kota lebih bersih. Demi mewujudkan perubahan lingkungan," demikan pesan Ban-Kin moon.

Bentuk dukungan yang dilakukan Negara Indonesia

Indonesia sendiri dikabarkan akan mengikuti aksi tersebut. Menurut Gubernur DKI Jakarta, Fauzi Bowo, Jakarta dipilih sebagai salah satu duta Earth Hour 2009 untuk mengkampanyekan penghematan energi. Foke sendiri, berencana akan menggelap gulitakan Bundaran HI dan Monas, sebagai wujud kepedulian atas aksi simpatik ini.

Video Mengenai Earth Hour

Earth Hour 2009

Yang harus kita lakukan yaitu dapat mematikan seluruh peralatan elektronik selama 1 jam pada hari Sabtu, 28 Maret 2009 pukul 8:30 malam sebagai bentuk kepedulian kita terhadap bumi.

Kembalinya Blogger in Draft

3.26.2009 Diposting oleh Blogger di Kamis, Maret 26, 2009 26 komentar

Setelah mengalami sedikit masalah dengan bloggerindraft,

akhirnya baru kusadari ternyata blogger in draft hanya dinonaktifkan selama beberapa hari

.Hari ini blog itu sudah aktif kembali dan memberikan suatu artikel yang menarik bagi para blogsphere di dunia ini

.
Lihat saja draft.blogger.com di samping menu login terdapat artikel yang berada di bloggerindraft.

Apa yang terjadi dengan Blogger in Draft?

3.23.2009 Diposting oleh Blogger di Senin, Maret 23, 2009 49 komentar

Ketika sedang melakukan

blogwalking sambil minum

.Berkunjung ke situs teman-teman

dan blog yang agak sedikit maksa minta dikunjungi

.Hal yang sering dilakukan melihat,membaca,berpikir dan berkomentar

.Ketika berkunjung ke bloggerindraft ,yang biasanya memuat info-info terbarunya seputar draft blogger,ternyata

telah dihapus pada 22 maret kemarin.

Apa Yang Terjadi Dengan blogger in draft?

Ketika membuka situs http://bloggerindraft.blogspot.com/ maka akan muncul bahwa blog tersebut dihapus,blog ini penting menurutku karena memuat info dan artikel yang terbaru mengenai perkembangan draft.blogger.com .Saya juga tidak tahu mengapa bisa terjadi demikian

.

Jika teman semua tidak tahu maka lihat gambar di bawah ini :

Lihat kotak yang berwarna merah biasanya terdapat artikel mengenai draft.blogger.com.
Mungkin blogger sedang melakukan perkembangan atau http://bloggerindraft.blogspot.com/ pindah ke web.

Bagaimana menurut teman-teman?

Hack Navbar Dengan Fungsi Tertentu

3.22.2009 Diposting oleh Blogger di Minggu, Maret 22, 2009 14 komentar

Membuat Navbar Auto Hide

Klik Tata Letak/Layout

Klik Edit HTML --> Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.

Klik Expand Widget Template

Copy Paste code berikut :
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}

Diatas kode body }

Simpan Template.

Hasilnya jadi ketika pointer mouse tidak diarahkan ke bagian paling atas blog kamu, menu navbar tidak akan muncul, dan sebaliknya jika diarahkan akan muncul tentunya.

Membuat Navbar Transparan

Klik Tata Letak/Layout

Klik Edit HTML --> Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.

Klik Expand Widget Template

Copy Paste code berikut :
#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}

diatas kode ]]></b:skin>

Simpan Template.

Hasilnya jadi ketika pointer mouse tidak diarahkan ke bagian paling atas blog kamu, menu navbar akan transparan, dan sebaliknya jika diarahkan akan terang jadinya.

Membuat Navbar Menghilang

Klik Tata Letak/Layout

Klik Edit HTML --> Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.

Klik Expand Widget Template

Copy Paste code berikut :
/* CSS to hid navigation bar */
#navbar {
height:10px;
visibility:hidden;
display:none;
}

dibawah kode <b:skin><![CDATA[/*

Simpan Template.

Catatan :

Biasanya template yang kamu download dari suatu situs (bukan template standar blogger) sudah menyertakan kode ini, jadi menu navbarnya sudah di hilangkan.

Namun tahukah kamu menghilangkan menu navbar ini melanggar aturan TOS! Karena dianggap menghilangkan identitas blogger. Jika blog kamu masih gratisan mungkin akan berfikir 2x kalau akan menghapus menu ini, hanya demi sebuah penampilan blog kamu bersiko untuk di banned. Lain halnya jika kamu telah punya custom domain sendiri saya rasa tidak akan bermasalah jika men-disable feature ini.

Mengenal Navbar (Navigator Bar)

3.21.2009 Diposting oleh Blogger di Sabtu, Maret 21, 2009 12 komentar

Blogger Navbar atau biasa disebut Navigator Bar muncul secara default di bagian atas setiap Blogger powered blog. Navbar fitur antara lain:

akan membawa Anda kembali ke blogger.com

SEARCH BLOG : Mesin pencarian blog Anda . Hasil akan langsung tampil pada halaman.

FLAG BLOG : tombol blogging memungkinkan masyarakat secara keseluruhan untuk mengidentifikasi konten yang dianggap tidak menyenangkan.
Bendera klik tombol hanya jika anda yakin blog memerlukan pemeriksaan.

Next Blog : akan membawa Anda ke blogger baru-update.

[email address]: Jika anda masuk ke account, Anda akan melihat alamat Anda sendiri di sini. Lainnya pengunjung akan melihat alamat email mereka sendiri, atau tidak ada sama sekali jika tidak login

Dashboard: Jika Anda masuk log, Anda akan memiliki link ke dashboard Anda sendiri.

Navbar yang muncul di semua bebas-host blog Blog * Spot, tapi dapat dinonaktifkan untuk pengguna melalui penerbitan FTP. Ini tersedia dalam beberapa warna, dan dikonfigurasi pada tab Template di antarmuka Blogger. Jika Anda menggunakan template klasik, Anda akan melihat menu dimana anda dapat memilih warna. Untuk menggunakan blog Layouts, cukup klik tombol "edit" link pada Navbar elemen halaman

Catatan dari Help.Blogger :

Kecuali jika Anda mempublikasikan blog Anda melalui FTP, Navbar yang tidak dapat dinonaktifkan.

Kami telah membuat setiap usaha untuk memastikan Navbar tidak terganggu dengan desain template kustom. Namun, beberapa masalah tampilan mungkin terjadi. Berikut adalah beberapa hal untuk mencoba jika Anda berjalan dalam masalah:

menambahkan style="margin-top:40px;" ke paling atas elemen Template Anda. yakni akan menjadi <table> akan menjadi <table style="margin-top:40px;"> )
pastikan penutup tag </head> ada sebelum <body>

sumber : help.blogger.com

Belajar Membuat Blockquote Bagian 2

3.16.2009 Diposting oleh Blogger di Senin, Maret 16, 2009 27 komentar

Sebelum membaca tutorial ini ada baiknya teman mengenal dulu mengenai blockquote,kita bisa membuat sedikit variasinya dengan menggunakan hover

.Supaya lebih jelas mari sama-sama ikutin tutorialnya:

Bagaimana Cara Membuatnya?

Klik Tata Letak

Klik Edit HTML

Tidak Usah Expand Widget Template

Copy code di bawah ini :
blockquote code {
font-family: 1.2em 'Courier New', Courier, Monospace;
display:block;
overflow: auto;
text-align: left;
padding: 10px;
color: #444E1F;
background-color: #F7BE81;
border-top: 2px solid #D0EC98;
border-right: 1px solid #D0EC98;
border-bottom: 1px solid #D0EC98;
border-left: 1px solid #D0EC98;
}
blockquote:hover {
background-color:#F6E3CE;
}

Taruh Kode itu diatas ]]></b:skin>

Simpan Template.

Cara Menggunakan Kode Blockquote di Postingan :

<blockquote><p> Tulis Artikelnya disini </p></blockquote>

Hasilnya coba arahkan mouse teman ke tulisan dibawah ini :

Tulis Artikelnya disini

Ya mungkin sedikit kekreatifan teman-teman,bisa mempercantik blockquote ini

Label Menggunakan Teknik Scroll

3.14.2009 Diposting oleh Blogger di Sabtu, Maret 14, 2009 21 komentar

Sebelum mengikuti tutorial ini,teman harus sudah mengenal lebih dekat dulu tentang label untuk memudahkan teman,dalam mencoba tutorial ini

.Setelah label dengan teknik cloud

,mari lanjut dengan teknik scroll.

Bagaimana Cara Membuatnya?

Terlebih dahulu anda membaca ini,bila belum tahu cara memasang label.

Klik Menu Tata Letak/Layout.

Klik Menu Edit HTML

Klik Edit HTML → Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.

Klik Expand Widget Template

Teman cari kode berikut :
<b:widget id='Label1' locked='false' title='KATEGORI ARTIKEL' type='Label'>

Atau cari judulnya yaitu : KATEGORI ARTIKEL

Secara lengkapnya begini :
<b:widget id='Label1' locked='false' title='KATEGORI ARTIKEL' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Yang berwarna merah adalah kode yang harus ditambahkan di script itu.

Ganti Tulisan 'KATEGORI ARTIKEL' dengan judul label yang anda terapkan

Teman bisa merubah height: 100px dengan tinggi yang diinginkan.

Hasilnya begini :

Sedikit tutorial dari saya,semoga berguna

Membuat Label dengan Teknik Cloud dengan Script dan Non Script

3.12.2009 Diposting oleh Blogger di Kamis, Maret 12, 2009 31 komentar

Setelah sedikit mempelajari mengenai label.Mungkin label buatan blogger cukup simple saja,ingin memberi sedikit sentuhan indah untuk label teman,sentuhan yang cantik dan fresh.

Sebenarnya ini request dari teman saya,Mbak Lyla.

mantep ilmunya... tag cloud nya punya ku ilang kodenya di posting ya... hehee...

Membuat Label Cloud menggunakan Javascript

Klik Menu Edit HTML

Klik Edit HTML → Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.

Klik Expand Widget Template

Copy Paste Kode berikut di atas ]]></b:skin>
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

Copy Paste kode berikut sebelum kode </head>
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

Teman cari kode berikut :
<b:widget id='Label1' locked='false' title='KATEGORI ARTIKEL' type='Label'>

Secara lengkapnya begini :
<b:widget id='Label1' locked='false' title='KATEGORI ARTIKEL' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Ganti kode diatas dengan kode dibawah ini :
<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point --------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

Ganti Tulisan 'KATEGORI ARTIKEL' dengan judul label yang anda terapkan

Klik tombol Simpan Template.

Maka hasilnya :

Saya telah mencoba trik yang ini,tetapi tidak berhasil mungkin karena tidak compatitable dengan template saya

Membuat Label Cloud menggunakan Non Javascript

Tutorial yang tak asing lagi dari kang jaloe,sebagai pelengkap tutorial ini maka saya akan membuatnya :

Klik Menu Edit HTML

Klik Edit HTML --> Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.

Klik Expand Widget Template

Cari kode berikut :
<b:widget id='Label1' locked='false' title='KATEGORI ARTIKEL' type='Label'>

Ganti Tulisan 'KATEGORI ARTIKEL' dengan judul label yang anda terapkan

Secara lengkapnya begini :
<b:widget id='Label1' locked='false' title='KATEGORI ARTIKEL' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Ganti kode diatas dengan kode dibawah ini :
<b:widget id='Label1' locked='false' title='KATEGORI ARTIKEL' type='Label'>
<b:includable id='main'> <b:if cond='data:title'>
<h2><data:title/></h2>
</b:if> <div class='widget-content'>
<div style="background:#F0E8F1;margin:2px;
padding:10px;border:3px #FAF7FA solid;text-align:center;
text-transform:uppercase;">
<b:loop values='data:labels' var='label'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/> </span> <b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/> </a> </b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</b:loop> </div>
<b:include name='quickedit'/> </div></b:includable></b:widget>

Sedikit Keterangan :

Kode yang pertama <ul> <li> </li> </ul> dihilangkan.
Kode yang berwarna merah kode yang telah ditambahkan.

Simpan Template.

Maka hasilnya begini :

Menghapus angka (1) (1) (1) (1) atau jumlah labelnya

Caranya hapus kode ini (<data:label.count/>) dibagian kode dibawah ini.

<b:widget id='Label1' locked='false' title='KATEGORI ARTIKEL' type='Label'>
<b:includable id='main'> <b:if cond='data:title'>
<h2><data:title/></h2>
</b:if> <div class='widget-content'>
<div style="background:#F0E8F1;margin:2px;
padding:10px;border:3px #FAF7FA solid;text-align:center;
text-transform:uppercase;">
<b:loop values='data:labels' var='label'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/> </span> <b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/> </a> </b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</b:loop> </div>
<b:include name='quickedit'/> </div></b:includable></b:widget>

Maka hasilnya begini :

Semoga tutorial dari saya berguna ya

kalau berhasil hebat deh

.Terima kasih untuk kang jaloe atas sedikit pengetahuannya.

Trik Tips Blogspot