RSS Feed Reader Sederhana

Agar lebih cepat dalam menerima informasi dari berbagai situs di internet
banyak dari blogger menggunakan media RSS Feed Reader untuk membaca RSS
feed, diantaranya adalah dengan menggunakan Google Reader dan lain
sebagainya. Selain layanan RSS feed Reader secara online, banyak pula RSS
feed reader untuk desktop atau langsung di install di komputer kita.
Salah satu apilkasi desktop RSS feed reader adalah RSSDeck. RSSdeck adalah
RSS Feed Reader sederhana namun sangat berguna didalam memonitor adanya
artikel terbaru dari sebuah RSS Feed. RSSDeck merupakan aplikasi berbasis
Adobe Air, jadi untuk menjalankan RSSDeck terlebih dahulu harus terinstall
Adobe air di komputer anda.

Jika pada komputer anda sudah terinstall Adobe air, maka anda cukup
menginstall RSSDeck saja.

Baca Selengkapnya... - RSS Feed Reader Sederhana

Device doctor : Free windows driver updater

Kinerja komputer anda terasa kurang optimal? mungkin hal tersebut
disebabkan oleh adanya virus dalam komputer anda atau memory kurang memadai
atau banyak faktor lain yang membuat komputer anda kurang optimal. Salah
satu faktor yang mungkin terjadi adalah driver dari hardware komputer anda
sudah tidak update sehingga perlu adanya update driver.
Untuk urusan update driver hardware komputer, kini anda tidak perlu lagi
pusing mencari satu-satu mana driver yang harus di update karena banyak
tool yang otomatis bisa scan driver mana saja yang harus di update, salah
satunya adalah Device Doctor.
Device Doctor adalah sebuah freeware Windows Driver Updater yang dapat
scanning secara otomatis terhadap hardware mana saja dalam komputer anda
yang perlu di update, dan anda dapat mendownload Driver terbaru secara
gratis di situs mereka. Device Doctor di desain sangat simple sehingga
sangat user friendly, untuk melakukan scanning driver mana yang harus di
update anda hanya perlu klik tombol 'Begin Scan ".

Yang mau menjajal, silahkan download. Ada dua versi yang bisa anda pilih,
yaitu installer serta portable .

Baca Selengkapnya... - Device doctor : Free windows driver updater

Berakhirnya program donasi grup wujudkan kebahagian anak yatim di 10 muharam

Assalamu'alaikum wr.wb.

Dibertahukan kepada sahabat-sahabatku, bahwa program donasi untuk santunan anak yatim telah berakhir.
Setelah saya cek total klik dari iklan yang ada di blogsite ini ternyata hanya sedikit kurang lebih 200 klik, dari total klik tersebut hanya terkumpul Rp.1500 selebihnya oleh pengiklan tidak di bayarkan karena tidak memenuhi persyaratan yaitu iklan tersebut harus ditahan sekitar 1 menit sampai ada tanda perubahan di iklan tsb.

Setelah saya cek kenapa bisa terjadi seperti itu, padahal kita sudah melakukan sesuai permintaan mereka dan ternyata permasalahannya adalah saat kita membuka link blogsite dan mengklik iklan tsb, kita menggunakan handphone (hp) yang memakai sistem pulsa per kilo byte, jadi system iklannya tidak berjalan beda jika kita melakukannya lewat PC komputer.

Meskipun begitu niat ini tetap saya laksanakan walaupun nominalnya tidak besar. Dan kepada sahabat-sahabatku, aku ucapkan terimakasih yang sebesar-besarnya atas apresiasinya terhadap grup ini, meskipun uangnya tidak terkumpul tetapi niat dan do'a kita semua insyaAlloh akan selalu menjadi catatan yang baik dan smoga Alloh SWT selalu meridhoi apa yang telah kita perbuat.
Tak lupa saya meminta maaf atas kelalaian yg saya perbuat dan mudah2an ini akan menjadi pelajaran untuk menjadi yang lebih baik lagi.

Wassalamu'alaikum wr.wb.

Baca Selengkapnya... - Berakhirnya program donasi grup wujudkan kebahagian anak yatim di 10 muharam

CSS Bubble tooltips

Ingin blog anda lebih variatif? mungkin anda bisa menggunakan teknik CSS
Bubble Tooltips. Dengan CSS Bubble Tooltips anda dapat memberikan satu
keterangn singkat suatu link yang di inginkan dan keterangan tersebut akan
muncul apabila pengunjung blog menyorotkan cursor mouse pada link yang anda
beri efek tooltips.

Teknik Tooltips yang dipakai adalah 100% menggunakan CSS, jadi tentunya
tidak akan terlalu membebani loading blog anda. Cara untuk
mengimplementasikan CSS Bubble Tooltips terbilang sangat mudah, berikut
caranya.

Langkah #1
Silahkan login ke blogger dengan ID anda. Klik Tata Letak.
Klik Tab Edit HTML. Jangan lupa untuk Membackup template anda terlebih
dahulu, klik link Download Template Lengkap. Silahkan cari kode
]]></b:skin> Copy lalu paste kode berikut diatas kode ]]></b:skin>
/*---------- bubble tooltip -----------*/
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute
it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkfzOnq6504GLiwasJxFTzNf4DTkvuU3cEvVfC67qw5GibYynLVY0zLhwn7paMWrrxQ0HNG9ea7UKVYvc_i0c-ckYe7kVfRgmXBGStRC-cjojM8eJ5gg3VFINIFe7TpoSH2Ku02-ip7wA/)
no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9O-H48rWSzp1JQFSk-L7xFTdURuO92lfzr3xKnQG7oxalvQh9mwSaH6dIFQC780ECcmV_PmzAlp6bStGNrYDQ_QJCmij4JwO4c8sCLOFqxtdVBrLmNMPUDFhFPbtfX5jtu96hQVKriUs/)
repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkfzOnq6504GLiwasJxFTzNf4DTkvuU3cEvVfC67qw5GibYynLVY0zLhwn7paMWrrxQ0HNG9ea7UKVYvc_i0c-ckYe7kVfRgmXBGStRC-cjojM8eJ5gg3VFINIFe7TpoSH2Ku02-ip7wA/)
no-repeat bottom;
} Klik tombol SIMPAN TEMPLATE.

Langkah pertama selesai.
Untuk langkah selanjutnya anda hanya perlu menambahkan sedikit kode HTML
pada link yang ingin ada efek bubble tooltips nya. Posisi link tentunya
bisa dimana saja sesuai dengan keingina, bisa di dalam posting, sidebar,
ataupun footer. Format kode tambahannya seperti ini :

<a href="link_tujuan" class="tt">Teks link yg muncul<span
class="tooltip"><span class="top"></span><span class="middle">Pesan yang
akan muncul</span><span class="bottom"></span></span></a>

Contoh :

Bagi yang ingin belajar membuat blog di blogspot, coba kunjungi deh <a
href="http://kolom-tutorial.blogspot.com" class="tt">Kolom Tutorial<span
class="tooltip"><span class="top"></span><span class="middle">panduan
lengkap membuat blog di blogspot</span><span
class="bottom"></span></span></a>, di jamin puas karena tutorialnya
gratisss.

Langkah #2

Untuk mencoba memasang di bagian sidebar, berikut caranya :

Silahkan login ke blogger dengan ID anda.

Klik Tata Letak.

Klik tab Elemen Halaman.

Klik Tambah Gadget.

Klik tanda plus (+) untuk HTML / Javascript

Masukan kode link yang anda inginkan ( lihat kode diatas).

Klik SIMPAN.

Selesai.

Jika anda ingin memasukkan didalam posting, pilih terlebih dahulu mode Edit
HTL bukan pada mode Compose, kemudian masukan kode tambahan link
tooltipnya, setelah itu anda dapat kembali ke mode compose jika mau.

Selamat mencoba!

Baca Selengkapnya... - CSS Bubble tooltips

Yaa Fattaahu Yaa Rozzaaqu

Assalamu\'alaikum wr.wb

Allah Yang Maha Membuka, Allah Juga Yang Maha Memberikan Rizki. Kita
sebutlah Nama-Nya, sesuai dengan Seruan-Nya: Walillaahil asmaa-ul
husnaa,fad'uuhu bihaa, dan bagi Allah Asmaa-ul Husnaa, maka
bermohonlah kepada-Nya dengan menyebut nama-Nya. (baca: Qs. al A'raaf
[7]: 180).

Satu hari, ibu saya memanggil saya dan menyerahkan satu tulisan
tangannya. "Baca nih. Amalin. Insya Allah hidup akan berubah...".

Di tangan saya, ada secarik kertas keramat pemberian ibu saya. Ya,
keramat. Sebab yang memberikan ibu saya langsung. Bukan keramat
menjadi jimat. Tapi keramat untuk menunjukkan begitu berharganya
secarik kertas itu.

Ibu saya, Hajjah Humrif'ah Binti Hajjah Rofi'ah Binti KH. Muhammad
Mansur Bin KH. Abdul Hamid, demikian saya tulis nama lengkapnya untuk
menghormati diri beliau, menghadiahkan tulisan ini kepada saya.
Tulisan yang berisi sebuah doa:

Awloohumma yaa Fattaahu yaa Rozzaaqu, wahai Allah Yang Maha Membuka,
wahai Allah Yang Maha Memberikan Rizki. Hawwil haalanaa ilaa ahsanil
haal, ubahlah keadaan kami kepada keadaan yang lebih baik lagi.

Begitu kertas itu berisi.

Dahsyat sekali isi kertas tersebut. Saya yang butuh perubahan, saat
itu dan hingga kapanpun, tentu sangat membutuhkan amalan zikir ini.
Apalagi zikir ini dari ibu sendiri. Subhaanallaah. Saya tentunya dapat
dua keutamaan; Keutamaan pertama adalah menurut perintah dan
permintaan ibu. Keutamaan kedua adalah berkumpulnya keutamaan doa,
zikir, dan membaca Asmaa-ul Husnaa. Apalagi sungguh, saat itu, saat
diberikannya "tugas" itu, saya betul-betul sedang membutuhkan suatu
perubahan. Tak sanggup rasanya mengubah diri sendiri tanpa bantuan
Allah. Tak 'kan pernah sanggup. Masalah saya melebihi gunung rasanya.
Masalah saya lebih dalam dari lautan rasanya. Dan masalah saya terasa
seperti batu karang yang ga 'kan pernah bisa saya tembus. Jadi, saya
sangat bergembira mendapat amalan ini.

Saya amalkan dengan riang.

Saya tanya ibu saya, berapa kali. Baca aja sebanyak-banyaknya. Dan
karena baca sebanyak-banyaknya ini menjadi tidak jelas, lalu saya
mengarantina diri ini dengan membacanya sekian-sekian. Dan waktunya
pun saya tentukan sendiri. Saban habis shalat.

Jika ditanya dalil nash al Qur'an dan al Haditsnya, secara langsung
tidak ada. Tapi biar saja. Itu kan angka yang saya wajibkan kepada
diri sendiri. Bukan suatu kewajiban yang mengada-ngada. Dosisnya saya
sesuaikan dengan diri saya.

Hingga kemudian mengalirlah amalan ini untuk jamaah yang satu demi
satu datang ke saya. bahkan, ketika berdiri Pesantren Daarul Qur'an,
wirid ini menjadi saya wajibkan untuk dibaca; 111x sehabis shalat,
33x, atau sekurang-kurangnya 11x. Dipilih mana yang anak-anak santri
dan asaatidz kuat bacanya. Dan bacaan ini pun dijadikan bacaan
Riyadhah wajib buat mereka-mereka yang mengikuti Riyadhah 40 hari.

Alhamdulillah. Seingat saya ketika saya membaca, saya memvisualkan
keyakinan saya akan satu keyakinan bahwa Allah akan benar-benar
mengubah nasib saya.

Saya mengingat, satu hari saya pulang ke rumah. Saya yang banyak
hutangnya, saya yang miring betul pandangan kanan kiri terhadap diri
saya, sering merasa terhina sebab buanyak sekali kasus, pulang. Sampe
depan rumah, saya buka helm yang menutupi wajah dan kepala. Saya buka
juga slayer. Di depan pintu rumah, masih di atas motor, saya mencium
wangi kuah bakso.

"Bang, bakso...", begitu saya berteriak ke tukang bakso dari atas motor saya.

Tukang bakso ini dagang di depan rumah saya sedari saya kecil. Dan
setahu saya, baik nenek saya, ibu saya, maupun orang-orang tua saya
yang lain, tidak pernah mengutip bayaran atas dipakenya tanah halaman
rumah kami untuk dia dagang. Ga pake nyewa. Yang istilahnya, kalopun
saya minta, masihlah wajar. Eh tiba-tiba dia menengok serius, dan
ngomong begini: "Bayar ga...?". Serius banget mukanya. Saya ingat
betul. Sampe sekarang, he he he.

Saat itu saya sensitif sekali. Hati saya hancur. Tukang bakso depan
rumah saja ga percaya kalo saya bakalan bayar. Dia mengenal reputasi
saya sebagai "orang yang berhutang" dan ga bakal bayar.

Saya butuh amalan yang disampaikan ibu saya. Saya butuh sekali. Supaya
Allah mengubah hidup saya. Dari berhutang, menjadi tidak berhutang.
Dan saya berharap, ada keridhaan ibu saya ketika saya mengamalkan
wirid yang demikian. Amin.

Alhamdulillah. Maka, kepada saudara-saudara semua yang butuh
perubahan, butuh aliran rizki tak terduga dari Allah. Perubahan apa
saja, dan rizki apa saja, silahkan dawamkan (biasakan) baca wirid ini.
Dan dalam kerangka membiasakan, hendaknya pakailah target bacanya
sekian sekian. Bila ada yang tanya, wuah, koq pake dibaca sekian
sekian sih? Ga ada tuntunannya tuh. Biar saja. Ga usah didengar.
Mereka tidak merasakan yang kita rasakan. Kita perlu latihan, hingga
kemudian pembiasaan wirid ini mendarah daging, dan menyatu dengan
darah kita. Sampe kemudian kita pun berkenan membacanya di luar
shalat, bahkan kelak sampe ke pembacaan zikir secara amaliyah
(keyakinan, perbuatan) dan sir (hati).

Hendaknya juga sesiapa yang berkenan mengamalkan ini, bacalah
sesudahnya membaca wirid yang dianjurkan Rasulullaah saw sehabis
shalat.

Wassalamu'alaikum wr.wb

Sumber : wisata hati ust. Yusup mansur

Baca Selengkapnya... - Yaa Fattaahu Yaa Rozzaaqu

Hijrah

Assalamu'alaikum wr.wb

Hijrah terpenting adalah dari SYIRIK kepada TAUHIID
Dari menuhankan harta
Dari menuhankan jabatan, kedudukan, kekuasaan,
Dari menuhankan penampilan
Dari menuhankan pujian dan penghormatan, popularitas
Dari menuhankan manusia, pasangan hidup, orang tua, anak-anak,
Dari menuhankan nafsu, syahwat, amarah
Dari menuhankan diri sendiri
Dari menuhankan kesenangan duniawi
Dari menuhankan apapun selain Allah
Hijrahlah menjadi LAA ILAAHA ILALLAH
Tiada Tuhan Selain ALLAH
Selain Allah hanyalah makhluk ciptaan-NYA yang lemah tak berdaya tanpa
kekuatan-NYA
Yang bodoh tanpa percikan ilmu-NYA
Yang miskin papa tanpa titipan-NYA
Yang tersesat tanpa Tuntunan-NYA
Yang berlumur dosa tanpa ampunan-NYA
Yang hina dina tanpa kemuliaan dari-NYA
Semua makhluk mutlak adalah Milik-NYA, Ciptaan-NYA, dalam
Genggaman-NYA tak dapat memberi manfaat sedikitpun tanpa ijin-NYA
Tak kuasa memberi mudharat sekecil apapun tanpa ijin-NYA
Cukuplah ALLAH...
Cukuplah ALLAH...
Cukuplah ALLAH...

Wassalamu\'alaikum wr.wb

Dikutip dari Ustadz Yusuf Mansur

Baca Selengkapnya... - Hijrah

Uvumi tools menu drop down

Posting ini diambil dari blognya kang Rohman yang membahas tentang
Navigasi yang bernama UvumiTools
Drop Down Menu.

Keunggulan dari UvumiTools Drop Down Menu terletak pada gerakan drop down
menu yang begitu halus nan eksotis ketika membuka serta menutup menu karena
menggunakan Mootools Javascript FrameWork sehingga akan membuat blog anda
tampil lebih Profesional di banding sebelumnya.Original tutorial dari
UvumiTools Drop Down Menu bisa anda baca pada halaman ini, dan tutorial
yang ada pada halaman ini sedikit berbeda pada tampilan menu yang telah
kang rohman poles agar tampil lebih menarik.

Perlu di ingatkan bahwa desain dari satu template dengan template yang lain
adalah berbeda, oleh karena itu anda dituntut untuk menyesuaian dengan
template yang anda gunakan saat ini dengan cara sedikit memodifikasi pada
file CSS yang di berikan.
Persiapan dalam membuat UvumiTools Drop Down Menu :
Keyword
Keyword yang di maksud disini adalah tulisan yang ingin terlihat dalam menu
navigasi. Sebagai contoh, kang Rohman ingin menggunakan keyword Home, Free
Template, Blog Tutorial, Business Guide, dan lain-lain.
Link
Link yang di maksud disini adalah alamat URL yang diinginkan dibuka saat
pengunjung meng-klik tombol navigasi yang ada. Alamat URL bisa menuju blog
yang lain. Contoh :

http://template-tutorial.com
http://www.blogspottutorial.com
http://www.life4business.com

Alamat URL bisa juga membuka halaman yang ada dalam blog anda sendiri,
misalkan halaman postingan ataupun halaman kategori, Yang masih bingung
tentang cara mengetahui alamat dari URL dalam blg anda sendiri, silahkan
baca artikel tentang Tutorial Membuat Horizontal Navigasi, contoh :

http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html
http://kolom-tutorial.blogspot.com/2008/03/free-template-magazine-template-1.html
http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html

Perlu di ingat kembali bahwa desain template antara yang satu dengan yang
lain sangatlah berbeda, sehingga sangat besar kemungkinan apa yang kang
Rohman terangkan berbeda dengan template yang anda gunakan. Untuk itu kang
Rohman menyarankan agar anda membuat satu blog percobaan, agar jika terjadi
kesalahan tidak merusak blog utama anda, silahkan pilih template white
minima yang biasa.

Mari kita mulai percobaannya ;
Silahkan login ke blogger dengan ID anda Klik Tata Letak.
Klik tab Edit HTML.

Cari Kode kode ]]></b:skin>
Copy paste kode berikut persis di atas kode ]]></b:skin>

.NavbarMenu {
background:#191B1D
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSL2KACogWQWvqfqOwTZE5ASO7KHOyRyZCp7ea1ZtdHOvGTN8eqekf3zB9v6UM_2qmWXC0Jx8ctHjLwf0DiiegnmKnicm3B6elVWCPnXb8FsOfZ2dSEYfZa0Re9byLkyt6VEiw7ybNKTk/s400/button1.gif)
repeat-x top left;
width: 100%;
height: 37px;
color: #FFFFFF;
margin: 0 auto;
padding: 0;
font: bold 8px Arial, Tahoma, Verdana;
clear:both;
border-left:1px solid #333;
border-right:1px solid #333
}
.NavbarMenuleft {
width: 75%;
float:left;
margin:0;
padding:0;
}
.nav {
margin:0;
padding:0;
}
.nav ul {
float: left;
list-style:none;
margin:0;
padding:0;
}
.nav li {
list-style:none;
margin:0;
padding:0;
}
.nav li a, .nav li a:link, .nav li a:visited {
color:#fff;
display:block;
text-transform:capitalize;
margin:0;
padding:11px 10px 8px;
font:normal 12px Georgia, Times New Roman;
text-decoration: none;
}
.nav li a:hover, .nav li a:active {
background:#102427
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAnVODM4FNlcndOvj140OxZXRBVUcdLueHiMyFCS1Asdqgl5hUKjFk3PtQtyTzcajpIZ6taSRqkfhyphenhypheneN3TYc30Ifu-MvSbn0yPSpAFjUXLaUcRjy1zzOYISCbKoyf9wYC_lFeruW6qOtg/)
repeat-x top left;
;
color:#FFF;
margin: 0;
text-decoration: none;
}
.nav li li a, .nav li li a:link, .nav li li a:visited {
background:#2C5F24
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSL2KACogWQWvqfqOwTZE5ASO7KHOyRyZCp7ea1ZtdHOvGTN8eqekf3zB9v6UM_2qmWXC0Jx8ctHjLwf0DiiegnmKnicm3B6elVWCPnXb8FsOfZ2dSEYfZa0Re9byLkyt6VEiw7ybNKTk/s400/button1.gif)
repeat-x top left;
width:200px;
color:#fff;
text-transform:capitalize;
float:none;
margin:0;
padding:7px 10px;
border-bottom:1px solid #0d2601;
border-left:1px solid #0d2601;
border-right:1px solid #0d2601;
font: normal 14px Georgia, Times New Roman;
}
.nav li li a:hover, .nav li li a:active {
background:#102427
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAnVODM4FNlcndOvj140OxZXRBVUcdLueHiMyFCS1Asdqgl5hUKjFk3PtQtyTzcajpIZ6taSRqkfhyphenhypheneN3TYc30Ifu-MvSbn0yPSpAFjUXLaUcRjy1zzOYISCbKoyf9wYC_lFeruW6qOtg/)
repeat-x top left;
color:#fff;
}
.nav li {
float:left;
padding:0;
}
.nav li a.enclose, .nav li a.enclose:visited {
border-top:1px solid #000;
}
.nav li ul {
z-index: 9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin:0;
padding:0;
}
.nav li ul a {
width: 140px;
}
.nav li ul ul {
margin: -1px 0 0 220px;
}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav
li.sfhover ul ul ul {
left:-999em;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav
li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
left:auto;
}
.nav li:hover, .nav li.sfhover {
position:static;
}
#search {
width: 25%;
font-size: 11px;
float: right;
margin: 0;
padding:0;
}
#searchform {
margin:0;
padding:0;
overflow:hidden;
display:inline;
}
#searchbox {
background:#ddd;
padding:0;
margin:0;
}
#search input {
background:transparent;
color:#fff;
float:left;
font-size:12px;
margin: 7px 0 0 10px;
width: 110px;
padding:3px 7px;
border: 1px solid #fff;
font: normal 10px arial, verdana, Times New Roman;
}
#search .btn {
margin:7px 0 0;
padding:0;
width:auto;
border:0;
}

Copy paste kode berikut persis di atas kode </head>

<script type="text/javascript"
src="http://uvumitools.googlecode.com/files/mootools-for-dropdown.js">
</script>
<script type="text/javascript"
src="http://uvumitools.googlecode.com/files/UvumiDropdown-compressed.js">
</script>
<script type="text/javascript">
var myMenu = new UvumiDropdown("dropdown-menu");
</script>

Sedikit ke bagian bawah, lalu cari kode seperti berikut ini :

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

Copy paste code berikut persis di bawah kode yang tadi :

<div class='NavbarMenu'>
<div class='NavbarMenuleft'>
<ul id='dropdown-menu' class='nav'>
<li><a href='http://kolom-tutorial.blogspot.com/'
rel='nofollow'>Home</a></li>
<li><a
href='http://kolom-tutorial.blogspot.com/search/label/download%20gratis'
rel='nofollow'>Free Template</a>
<ul>
<li><a href='#' rel='nofollow'>Magazine Template Series</a>
<ul><li><a
href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html'>Magazine
Template R.1</a></li>
<li><a
href='http://kolom-tutorial.blogspot.com/2008/03/free-template-magazine-template-1.html'
rel='nofollow'>Magazine Template 1</a></li>
<li><a
href='http://kolom-tutorial.blogspot.com/2008/09/free-template-magazine-template-2.html'
rel='nofollow'>Magazine Template 2</a></li>
<li><a
href='http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-hijau.html'
rel='nofollow'>Magazine Template 3</a></li>
<li><a
href='http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-biru.html'
rel='nofollow'>Magazine Template 3.2</a></li>
</ul></li>
<li><a href='#' rel='nofollow'>Magazine Template R Series</a>
<ul><li><a
href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html'>Magazine
Template R.1</a></li>
<li><a
href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r12.html'>Magazine
Template R.1.2</a></li>
<li><a
href='http://kolom-tutorial.blogspot.com/2009/04/magazine-template-r13.html'>Magazine
Template R.1.3</a></li>
<li><a
href='http://kolom-tutorial.blogspot.com/2009/04/free-magazine-template-r14.html'>Magazine
Template R.1.4</a></li>
<li><a
href='http://kolom-tutorial.blogspot.com/2009/07/free-magazine-template-r15.html'>Magazine
Template R.1.5</a></li>
</ul></li>
<li><a href='#' rel='nofollow'>Templates Gallery</a></li>
</ul>
</li>
<li><a href='http://www.blogspottutorial.com/' rel='nofollow'>Blog
Tutorial</a></li>
<li><a href='http://www.life4business.com/' rel='nofollow'>Business
Guide</a></li>
</ul></div>
<div id='search'>
<form action='/search/' id='searchform' method='get'
style='display:inline;'>
<input id='searchbox' maxlength='160' name='q' onblur='if (this.value
== "") {this.value = "Search...";}' onfocus='if (this.value == "Search...")
{this.value = ""}' type='text' value='Search...'/>
<input class='btn' name=''
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4qY7lw9PirU6QThgUsp8JqKTGS_CExGGHcQ-BpOnHQed1ctmjIiesezgjOBa-VrhM-_qENK7n5Q-7oWcjzj3dJCUhEJ2yuqVUN_zk3vjNL7yz3SU61J3qHAJZTxnSc5wymvF5SO1VKBU/?imgmax=800'
type='image' value='Go'/>
</form>
</div></div>

Klik tombol SIMPAN TEMPLATE.

Selesai.

Untuk tahap awal mungkin ini sudah selesai, pekerjaan anda selanjutnya
adalah mengganti link-link yang kang Rohman cetak merah dengan link atau
alamat URL milik anda sendiri, serta keyword yang diberi warna hijau perlu
juga diganti sesuai dengan keinginan anda.

Tentunya kang Rohman yakin anda harus melakukan sedikit editing di bagian
kode CSS agar sesuai dengan karakteristik template anda.

Selamat mencoba!

Baca Selengkapnya... - Uvumi tools menu drop down

Free Template smarth shadow for blogger

Ada sebuah template gratisan untuk anda yang mendambakan mempunyai blog dengan tampilan template yang
cool dan terkesan Profesional, Smart Shadow adalah salah satu free template
yang mungkin layak untuk anda pertimbangkan.

Smart shadow di design apik
dengan balutan warna merah menyala menjadikan template ini terkesan begitu
profesional layaknya web-web populer dunia, namun kesan cool pun segera
hadir dengan adanya warna coklat dan abu-abu,
Smart Shadow telah di tes pada beberapa browser internet ternama
versi terbaru seperti Firefox, Opera, Google Chrome, serta Safari dan hasilnya sangat kompatibel sekali. Namun
untuk Internet Explorer masih belum dapat menampilkan text shadow karena
memang masih belum mendukung.



Untuk yang mau mencoba Smart Shadow Template, silahkan di coba.

Lihat Demo

Download Smart Shadow Template

Baca Selengkapnya... - Free Template smarth shadow for blogger

Komunitas Gank Uphyll

Terimakasih, karena sobat telah mengklik link kami, saat ini sobat telah berada di Blogsite Gank Uphyll.

Selanjutnya kamu diwajibkan untuk menjadi follower blog ini, caranya gampang banget, kamu klik "follow this blog" dikolom follow this blog on facebook networkedblogs, kolomnya ada dibawah posting ini, selanjutnya ikuti perintahnya.

Kalo sobat mau dapetin setiap artikel blog ini, kamu cukup klik menu Subscribe kemudian ikuti perintahnya, maka artikel blog ini akan terkirim ke email kamu.

Selamat bergabung di komunitas kami.

Baca Selengkapnya... - Komunitas Gank Uphyll

Free M4a to MP3 Converter

Free M4a to MP3 Converter adalah sebuah free software yang
dapat mengkonversi file MP4 audio ke MP3, AAC ke MP3, M4a ke
MP3.

Software ini berguna jika player yang anda miliki
hanya support untuk playback file MP3
dan tidak bisa untuk playback file MP4 atau AAC.

Free M4a
to MP3 Converter benar-benar gratis untuk anda gunakan dan
bukanlah versi trial.
Fitur utama dari Free M4a To MP3 Converter :
AAC to MP3 converter. Convert M4a to MP3. Audio books M4b to
MP3 converter.
MP4 audio converter. 3GP audio converter. AAC,
M4a, M4b player. MP3 quality settings up to 320 Kbit/s, 48 KHz.
Drag&Drop. Batch processing of multiple M4a, AAC, M4b, MP4 etc.
files. User-friendly multilingual interface. Meta information (ID3
tags) is copied from source files. Converted files contain all necessary
data: title, artist, album (if the data was present in the source
files). AAC to WAV converter. M4a to WAV converter.

Siapa yang mau coba silahkan download disini.

Download Free M4a to MP3 Converter

Baca Selengkapnya... - Free M4a to MP3 Converter

Speedbit video accelerator

Apakah anda sering menyaksikan video pada situs-situs video seperti
YouTube atau yang lainnya? hal yang paling membosankan dalam menonton
video di internet
adalah saat menunggu video tersebut loading data. Agar anda tidak
merasa bosan untuk menunggu sebuah video yang akan di saksikan,
mungkin anda
memerlukan bantuan software yang bernama Speedbit Video
Accelerator.

Dengan Speedbit Video Accelerator loading
data video yang anda saksikan akan lebih
cepat dari biasanya. Speedbit Video Accelerator akan secara otomatis
bekerja ketika anda menyaksikan sebuah video di internet.



Speedbit Video Accelerator sebenarnya tidak hanya untuk situs Youtube saja,
namun support juga untuk situs-situs video lainnya seperti Yahoo Video,
Smin, AOL Video, Facebook, Metacafe, Veoh, ABC, Adobe, Ameba Vision, Bebo,
Bofunk, Break, CANAL+, CAtPost, Cbs2/KCAL9, Cbs4, Clipfish, CNN, Crackie,
Dag, Dance Jam, Discovery Channel, DropShots, EA Sports, eFootage, ESPN,
Expo TV, FHM, Flurl, FOX NEWS, FunnyJunk, GameArena, Gametrailers,
Glam, graspr, Guzer, hi5, Ina, JibJaB, KeyeTV, libero Video,
LiveVideo, MojoFlix,
KoVideo, MyVideo, Netlog, Nothing Toxic, Pandora TV, Pomoho, Red Balcony,
Revision3, Rocketboom, Rutube, Sharkle, Sky News, Stickam,
Submarinechannel, Tagged, The Onion, The Weather Channel, Tudou, VBS.
TV, videa, Video Web Town, VideoLog, Vidiac, Vidking, Vimeo, vodpod,
vume, WannaHaves, WBZ-TV, WFRV-TV, Your Daily Media, Youtube, AOL
UncutVideo, Dailymotion, iTunes, Myspace, 56, ABC News, Dll.

Bagi yang suka nonton video di Internet, sepertinya anda layak mencoba
software ini.

Download Speedbit Video Accelerator

Baca Selengkapnya... - Speedbit video accelerator

Turut berduka

Pada hari ini saya sangat sedih karena di negeriku tercinta masih banyak terjadi penyalahgunaan wewenang yang dilakukan oleh para pejabat pemerintahan kita

kapankah negeriku tercinta ini bebas dari korupsi, sepertinya itu hal yang tak mungkin.

Baca Selengkapnya... - Turut berduka

XP Quick Pix Plus

Apakah Windows XP anda mengalami beberapa masalah seperti tidak bisa
menjalankan Task Manager, Registry Editor, Folder Options dan
lain-lain dikarenakan sesuatu hal semisal serangan virus dan
lain-lain?, mungkin free Tool yang satu ini bisa membantu anda, XP
Quick Fix Plus. <br>Dengan XP Quick plus anda bisa meng enable kan
kembali perintah-perintah XP yang tidak bisa berfungsi, caranya pun

sangat mudah yaitu anda tinggal klik pada
tombol-tombol yang disediakan.

Untuk melihat keterangan lengkap tentang fungsi dari setiap tombol, anda
tinggal sorotkan mouse komputer anda pada tombol tersebut dan secara
otomatis akan muncul keterangan di panel bagian bawah.
XP Quick Fix Plus terbilang sangat praktis, karena ukurannya filenya yang
kecil yaitu kurang dari 600 KB serta tidak perlu di install, cukup anda
menjalankan langsung file tersebut.
Yang berminat menjajal XP Quick Fix Plus, silahkan langsung pada blog
penyedianya :

[ Download XP Quick Fix Plus ]

Baca Selengkapnya... - XP Quick Pix Plus

Cara pasang icon pada judul sidebar

Pernah melihat blog yang judul sidebarnya memiliki variasi icon yang
berbeda antara satu widget dengan widget lainnya?
Memang sepertinya sedikit cukup menarik apabila setiap judul di sidebar
mempunyai icon yang berbeda karena sejatinya judul disidebar tidak
mempunyai icon, atau apabila mempunyai icon, icon tersebut akan sama
anatara widget yang satu dengan widget yang lainnya.
Agar judul sidebar anda mempunyai icon yang bervariasi, maka ada sedikit
trik yang harus anda lakukan.
Bagi anda yang tertarik namun belum mengetahui caranya, berikut
artikel dari blognya kang rohman
akan memberi gambaran agar anda bisa dapat memasang icon favorit
anda pada judul sidebar.

#1 Pilih Icon Favorit anda
Silahkan persiapkan icon favorit milik anda atau jika belum mempunyai
koleksi icon anda bisa mendownloadnya secara gratis di internet.

Sebagai contoh, beberapa icon yang ada di blognya kang Rohman ;

Silahkan upload icon-icon tersebut ke hosting tempat biasanya anda
menyimpan gambar, jika anda belum mengetahui bagaimana cara upload gambar,
anda bisa juga anda baca artikel Upload gambar melalui blogger.

Berikut beberapa contoh alamat gambar (URL) icon yang telah di upload :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcnZX92HKZnLhUneZtdqrmdEHfsed_7ieQv6SA4S9iivYmoqZdVtLoR73Pc9WjtFHlZ2yoPfbbH7zUsJ-1ea7UwpqMoiNtgNPb45DFAK0eFGwiGpZD8o4eCI3cbcvpn0mnOPj38ZlnoQ0/
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizC_Bz-BBDcvIEJbnZJsfmTAGWFZyqxaLEVpVJaJkQw0eH1X3mAVQHOepLjEipZ5XUN349vKuM8ve2J2UaVuLpjir7uP5JcIlQoClpKuvOjB9XPoTHwCKgGZXErmoxFP8cw6Puc9e1wPk/
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFWqCdnIxkBkgGjba6xAHqzu9YvbRnx7ATzd06EiqmZRcl9lx0cnXSkYFh-4tnojDgIpXGd8718_1JnP0_xkV6r8KVcfd0hZeEYCtICCjEQpPXDY_XOW6vPmnHdeui5Ajx6k-rgOLVj0/

Silahkan anda sesuaikan berapa jumlah icon yang ingin anda pasang. Sebagai
contoh akan diterangkan untuk memasang 3 icon saja.

#2 Mencari Kode Widget Sidebar
Langkah kedua yaitu mencari tahu kode widget di dalam template anda, mana
yang ingin di pasang icon. Berikut langkah-langkahnya :
Silahkan login ke blogger dengan ID anda. Klik Tata Letak.
Klik tab Edit HTML
Carilah kode yang mirip-mirip seperti ini :
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
<b:widget id='HTML2' locked='false' title='Friend Llinks' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Sponsors' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive'
type='BlogArchive'/>
Setiap blog pasti berbeda kodenya, makanya kang Rohman tulis yang mirip
dengan kode diatas. Copy kode tadi pada pada note pad atau sejenisnya.
Dari contoh diatas, blognya kang Rohman mempunyai 5 widget, dan yang penting
harus anda perhatikan adalah yang tercetak merah dan orange yaitu :
Profile1 - About Me Label1 - Categories HTML2 - Friend
Llinks HTML1 - Sponsors BlogArchive1 - Blog Archive
Yang dicetak merah adalah ID dari widget dan yang dicetak orange adalah
judul widget atau judul yang ada di sidebar.
Sebagai contoh, kang Rohman hanya akan memasang pada widget dengan ID
Profile1, Label1, serta HTML2.

#3 Membuat kode CSS
Langkah ke tiga adalah membuat kode CSS untuk ID widget yang tadi
(Profile1, Label1, serta HTML2). Property yang di buat cukup sederhana,
yaitu anda hanya menambah h2 pada ujungnya, contoh :

#Profile1 h2 { }
#Label1 h2 { }
#HTML2 h2 { }

Untuk value nya, anda bisa berkreasi sendiri sesuai dengan keinginan, namun
sebagai contoh, value nya misalkan seperti ini :
#Profile1 h2{
background:transparent url(URLGambar) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#Label1 h2{
background:transparent url(URLGambar) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#HTML2 h2{
background:transparent url(URLGambar) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}

Untuk URLGambar tentunya harus anda ganti dengan URl gambar anda, namun
sebagai contoh saya akan memakai URL gambar yang sudah di tulis di
artikel bagian atas, sehingga kodenya akan seperti ini :

#Profile1 h2{
background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcnZX92HKZnLhUneZtdqrmdEHfsed_7ieQv6SA4S9iivYmoqZdVtLoR73Pc9WjtFHlZ2yoPfbbH7zUsJ-1ea7UwpqMoiNtgNPb45DFAK0eFGwiGpZD8o4eCI3cbcvpn0mnOPj38ZlnoQ0/)
no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#Label1 h2{
background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizC_Bz-BBDcvIEJbnZJsfmTAGWFZyqxaLEVpVJaJkQw0eH1X3mAVQHOepLjEipZ5XUN349vKuM8ve2J2UaVuLpjir7uP5JcIlQoClpKuvOjB9XPoTHwCKgGZXErmoxFP8cw6Puc9e1wPk/)
no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#HTML2 h2{
background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFWqCdnIxkBkgGjba6xAHqzu9YvbRnx7ATzd06EiqmZRcl9lx0cnXSkYFh-4tnojDgIpXGd8718_1JnP0_xkV6r8KVcfd0hZeEYCtICCjEQpPXDY_XOW6vPmnHdeui5Ajx6k-rgOLVj0/)
no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}

#4 Memasang kode CSS

Karena tadi sudah mendapatkan kode CSS yang di perlukan, maka langkah
terakhir adalah memasang kode CSS tadi ke template anda, berikut
langkah-langkahnya :

Silahkan login ke blogger dengan ID anda.

Klik Tata Letak.

Klik tab Edit HTML

Carilah kode ]]></b:skin>

Copy lalu paste kode berikut diatas kode tadi ( namun ingat! widget ID
serta URL gambarnya harus anda ganti sesuai dengan blog anda )

#Profile1 h2{
background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcnZX92HKZnLhUneZtdqrmdEHfsed_7ieQv6SA4S9iivYmoqZdVtLoR73Pc9WjtFHlZ2yoPfbbH7zUsJ-1ea7UwpqMoiNtgNPb45DFAK0eFGwiGpZD8o4eCI3cbcvpn0mnOPj38ZlnoQ0/)
no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#Label1 h2{
background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizC_Bz-BBDcvIEJbnZJsfmTAGWFZyqxaLEVpVJaJkQw0eH1X3mAVQHOepLjEipZ5XUN349vKuM8ve2J2UaVuLpjir7uP5JcIlQoClpKuvOjB9XPoTHwCKgGZXErmoxFP8cw6Puc9e1wPk/)
no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#HTML2 h2{
background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFWqCdnIxkBkgGjba6xAHqzu9YvbRnx7ATzd06EiqmZRcl9lx0cnXSkYFh-4tnojDgIpXGd8718_1JnP0_xkV6r8KVcfd0hZeEYCtICCjEQpPXDY_XOW6vPmnHdeui5Ajx6k-rgOLVj0/)
no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}

Klik tombol SIMPAN TEMPLATE

Selesai.

Ternyata mudah sekali bukan?

Tambahan, agar tampilan icon cocok dengan kondisi template anda maka anda
bisa mengubah nilai padding atau margin nya.

padding:8px 8px 2px 40px;

margin-top:15px;

Selamat Mencoba!

Baca Selengkapnya... - Cara pasang icon pada judul sidebar