Sabtu, 03 Desember 2011

Cara Membuat Dropdown Menu

Siang semua....., siang-siang gini pastinya kalian lagi maen internet daripada keluar panas-panasan, iya gak ?
ya pada siang hari ini saya akan memposting bagaimana "Cara Membuat Dropdown Menu".., kalian tau gak dropdown menu ? gak tau ? ya udah deh di bawah ini yang namanya dropdown menu :

sUdah tau kan apa itu dropdown menu ? dengan dropdown menu kita bisa mnghemat space/ruang di blog kalian, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
gimana? mau memakainnya?

Cara-caranya sebagai berikut :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotak "Content"

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Tulisan yang berwarna biru adalah link. Ganti tulisan tersebut dengan link kamu.
Text yang berwarna hijau adalah tulisan yang ditampilkan. Itu juga harus kalian ganti.

Contohnya :

<select onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected="" value="0">Blog-Blog Akatsuki Blog</option> <option value="http://29101996.blogspot.com/">My Blog</option> <option value="http://smpn1bwi.blogspot.com/">Blog Percobaan</option> <option value="http://deopradiptaputrasetyadi.blogspot.com/">Kartu Nama</option> </select>

Jadinya seperTi ini :

Untuk menambah menu lagi, tambahkan kode seperti ini :

<option value="Links 4">Text 4</option>
sebelum kode </select>

SemoGa posTingku paDa detik ini., menit ini., jam ini., hari ini., minggu ini., bulan ini., tahun ini., abad ini bermanfaat untuk kalian semua.,
dAn jaNgan lupa comMentnya ya....,

Membuat Text Berjalan Di Tab Browser

saLam para bLOgGer.., kali ini saya akan memPosting "Membuat Text Berjalan di Tab Browser" sudah tau kan apa'an itu ? belum..,? ya sudah liat nih contohnya di bLog percobaan ku., Rain Village (bLog PercobAan).., sudah tau kan ?? itu loh yang di atas yang text berjalan itu.., nah sudah tau kan sekarang..,
BLog kalian mau diberi Text Berjalan di Tab Browser ?? kalau mau ikuti cara-caranya berikut :

Login ke bLogger anda.
Pilih Rancangan >> Edit HTML.
Cari kode <head>, lalu coPpas kode berikut dibawah kode <head> :

<script type='text/javascript'>
//<![CDATA[
msg = "Text 2";
msg = "Text 1" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Ganti tulisan Text 1 dan Text 2 sesuai keinginan anda.
Contohnya yang seperti di Rain Village (bLog PercobAan).

script type='text/javascript'>
//<![CDATA[
msg = "(blog percobaan)";
msg = "Rain Village" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

yA.., semoga postingku kali ini bermanfaat bagi kalian, para blogger pemula., akhir kata saya ucapkan jangan lupa beri komentar.., hehe.., sEE you !!

Cara Memasang Gambar Tetap di Kiri Halaman Blog

Halo....,teman., bagaimana kabarnya ? ya mudah-mudahan baik-baik aja ya., hehe., Kali ini ku mau posting tentang cara "membuat gambar tetap di kiri halaman"., kalau masih belum tau apa itu.., liat di blog percobaanku DISINI., tau kan ? yang bannernya Akatsuki Blog™ di sebelah kiri itu loh.., yah begitulah maksudku., blog kalian mau dipasang gambar seperti gitu ?? ya sudah dech.., ku kasih tau carannya ni..,

Caranya :

Login ke blogspot.com.
Lalu menuju ke Rancangan >> Edit HTML.
Cari kode ]]></b:skin> ( Ctrl+F )

#trik_pojok { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Kemudian cari lagi kode </body>. CopPas kode ini tepat diatasnya :

<div id="trik_pojok">
<a href="http://29101996.blogspot.com">
<img src="http://i1031.photobucket.com/albums/y380/DeoNagato/th_anigif.gif?t=1276860992" border="0" /></a>
</div>
Kemudian ganti http://29101996.blogspot.com dengan alamat blog anda. Dan juga gantihttp://i1031.photobucket.com/albums/y380/DeoNagato/th_anigif.gif?t=1276860992 dengan alamat gambar yang ingin anda jadikan gambar tetap di kiri halaman blog anda.
Lalu saVe.., dan liatlaH hasilnya.., bagus kan.., hehe..,
JangaN lupA berI komEntar ya..,

BegitULah cara memasang gambar tetap di kiri halaman blog..,
ty for visIt mY friends.........,

Mengganti Icon Blog

Mungkin ini postingan saya yang terakhir pada hari ini cZ saya nanti malam akan jalan-jalan., kAli ini saya akan memberitahu cara mengganti icon blog. Bagi teman-temanku yang baru membuat blog, mampir kesini. Kujelasin carannya . Caranya :

Download atau pilih gambar yang anda inginkan lalu ukurannya diperkecil menjadi 24x24 pixel sampai 32x32 pixel.
Upload gambar yang di pilih ke PhotoBucket. ( harus register dulu ) di tombol Upload File & Video.
Setelah selesai upload copy URL gambar yang kalian upload tadi.
Lalu buka edit HTML .., truz cawang Expand Widget.
Cari kode </head> (ctrl+f) Lalu letakkan kode berikut diatasnya .

<link href='http://i1031.photobucket.com/albums/y380/DeoNagato/th_Akatsuki_Color_by_darkgal666.jpg' rel='SHORTCUT ICON'/>

*** = ganti tulisan warna merah dengan alamat gambar kalian
kalau suda klik Save Setting dan sudah selesai deh..,
Di tunggu commentnya ya...

Memberi Efek Salju Pada Blog

Bagi para blogger.., kalian pasti sudah liat blog yang ada efek saljunya.., bagi yang belum tahu cara menambahkan efek salju di blog. Saya akan memberitahu cara menambahkan efek salju pada blog.

Caranya sebagai berikut :

Buka blognya.
Lalu ke Dasbor >> Rancangan
Tambah Gadget
Pilih HTML / JavaScript
Lalu copy salah satu URL salju berikut :

>>> Salju Merah

>>> Salju Kuning

>>> Hijau Muda

>>> Hijau Tua

>>> Salju Merah Muda

>>> Salju Ungu

>>> Salju Biru Muda

>>> Salju Biru Tua

>>> Salju Coklat

>>> Salju Orange

>>> Salju Hitam

>>> Salju Putih

7. Save

8. Kalau berhasil comment ya....

Membuat Tombol Home, Next, Dan Previous Di Blog

Sudah hampir 2 minggu saya tidak posting tentang blogging tutorial,, sekarang adalah waktunya. Aku mendapat request dari din-din di chatbox. "hey.. how can i change newer or older post to a image?? can u help me??" kata din-din. Tidak tahu artinya ?? Artinya itu "hey.. bagaimana saya bisa mengubah (tulisan) posting baru atau lama dijadikan gambar?? Apakah kamu bisa membantu saya??", gitu artinya !
Yakk.., newer dan older post ini ditemui di bawah postingan paling bawah dari home. Cara menggantinya kita hanya mengutak ngatik HTML blog. Caranya lumayan gampang kalau sudah di beri tahu/ diajarin.
Cara-caranya :

Login dulu ke blogspot.com
Pilih Rancangan di salah satu blog yang ada di tampilan awal blogspot.com
Pilih edit HTML
Untuk mengganti tulisan "next page /posting baru" dengan gambar,,Cari dan ganti kode <data:newerpagetitle> dengan <img src="terserah" alt="Next" />
Untuk mengganti tulisan "previous page /posting lama" dengan gambar,,
Cari dan ganti kode <data:olderpagetitle> dengan <img src="terserah" alt="Prev" />
Untuk mengganti tulisan "home" dengan gambar,,Cari dan ganti kode <data:homemsg> dengan <img src="terserah" alt="home" />

#Catatan : biasanya, ada dua kode <data:homemsg> .. Pilih yang paling atas aja ,,

#Catatan : ganti kode terserah dengan alamat gambarnya ,,

Contohnya :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD-PFWtPGXfBD2ysjfeUyEfenEbJh16pJVxxk5jtr9dgCMEGdjfTPXGuW2iB4NBGHVnZOK6AHgJTSXmIPQlmaaqjITpkB16GVUImKuUnFJe3IBIm-lvIFD0KamJTCKrd5umFcxJLWSCsal/s400/ikon+ku.png" alt=.......>

Kalau nggak punya atau nggak sempat nyiapin gambarnya, bisa pake gambarku aja deh ,,
Tapi nggak bagus bagus amat lho ya ,, Kan tempaltenya beda ..

materi tentang blogger

Blog merupakan singkatan dari web log^[1] adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.

Arti Sahabat

sahabat adlah orng yg ada di saat kita senang maupun sedih
sahabat tidak pernah membuat kita menjadi seorang babu/pembantu
sahabat selalu ada untuk menolong teman yahh
sahabat lebih dari teman
sahabat selalu membuat kita tersenyum bukan selalu membuat kita menangis
sahabat bisa membuat kita merasa hangat disaat kita sedang kesepian.

love you forever my frend

arti sahabat versi aam nugraha..

Semifinal Sepakbola SEA Games XXVI

Kalahkan Vietnam 2-0, Indonesia Lolos ke Final

Oleh : Andika Pratama

Timnas U-23 Indonesia berhasil lolos ke babak final sepakbola SEA Games XXVI usai mengalahkan timnas U-23 Vietnam dengan skor 2-0 di babak semifinal.

Pertandingan yang digelar di Gelora Bung Karno Stadium, Jakarta, Sabtu (19/11) malam. Duo Papua, Patrich Wanggai dan Titus Bonai menjadi pahlawan lewat gol-golnya.

Sejak kick-off babak pertama dibunyikan, Indonesia langsung memainkan pressing football yang membuat pemain Vietnam tertekan. Di menit ke-18, Okto mempunyai peluang. Namun sayangnya, tendangan Okto hasil umpan Hasyim Kipuw masih diblok kiper Vietnam. Padahal, Okto saat itu tinggal berhadapan dengan kiper.

Pada menit ke-24, tendangan Titus Bonai dari luar kotak penalti masih bisa ditepis kiper Vietnam Tran Buu Ngoc. Namun sejauh ini belum ada gol tercipta.

Vietnam mempunyai sebuah peluang pada menit ke-37 saat Hoang Dinh Tung lolos dan masuk ke dalam kotak penalti. Tetapi Kurnia Meiga dapat menangkap bola sepakannya. Di akhir babak pertama, sundulan Diego Michiels masih bisa ditangkap Tran Buu Ngoc. Skor 0-0 bertahan hingga turun minum.

Satu menit babak pertama berlangsung, Titus Bonai hampir saja merubah keadaan. Namun, tendangan masih melebar di sisi kanan gawang Vietnam.

Pada menit ke-55, tendangan keras pemain Vietnam masih bisa diblok kiper Indonesia Kurnia Meiga. Akhirnya pada menit ke-61, Patrich Wanggai berhasil merobek gawang Vietnam melalui tendangan bebasnya yang gagal dihalau Tran Buu Ngoc.

Usai unggul 1-0, pemain Indonesia terus menggempur pertahanan anak asuh Falko Gerd. Namun, lagi-lagi pola serangan Garuda Muda masih bisa digagalkan bek Vietnam.

Anak asuh Rahmad Darmawan berhasil menambah keunggulan menjadi 2-0 melalui striker andalannya Titus Bonai di menit ke-89, melalui tendangan dari dalam kotak penalti. Bola sempat mengenai pemain Vietnam dan mengecoh kiper Tran Buu Ngoc.

Tidak ada peluang dan gol yang tercipta usai gol Tibo. Skor 2-0 bertahan hingga pertandingan usai. Dengan kemenangan ini, Indonesia akan berhadapan dengan Malaysia di babak final untuk memperebutkan medali emas. Sedangkan, Vietnam akan memperebutkan medali perunggu melawan Myanmar

kata - kata mutiara

Saat bertemu orang yang pernah kau cintai,
Tersenyumlah dengan wajar .
Karena ia lah orang yang membuatmu lebih mengerti tentang cinta

Saat bertemu orang yang pernah kau benci,
Sapalah dengan tersenyum.
Karena ia membuatmu semakin teguh / kuat.

Musuh terbesar kita bukanlah orang lain, melainkan
diri kita sendiri.

Cara Merubah Template 2 kolom Menjadi 3 Kolom

Buat kamu yang masih menggunakan Template default dari blogspot,Kali ini saya punya tips nich...bagaimana Cara Merubah Template 2 kolom Menjadi 3 Kolom . Template dari blogspot hanya memiliki 2 kolom yang artinya 1 kolom untuk tempat dimana postingan kamu di tampilkan dan satunya lagi adalah sidebar blog kamu untuk menaruh aksesoris atau widget0widget blog kamu. Buat sebagian orang Kolom template yang hanya 2 kolom di rasa kurang.karena lain orang lain keinginan .hehehe langsung aja yuk kita praktek bagaimana Cara Merubah Template 2 kolom Menjadi 3 Kolom .silakan ikuti langkah-langkah berikut ini.

1.LOGIN ke Blogger .

2.Pada Bagian Dashboard Klik Tata Letak Kemudian Klik lagi Edit HTML

3.Selanjutnya klik Download Template Lengkap untuk mem Backup Template kamu.supaya jika nanti terjadi kesalahan kamu masih punya cadangan template.

4.Kalo udah Silakan kamu cari kode yang kaya di bawah ini.

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

5.Silakan kamu ubah dulu Angka 660px yang berwarna biru menjadi 950px.

6.Selanjutnya silakan kamu cari Kode yang kaya di bawah ini .

#sidebar-wrapper {
width: 220px;
float: $enSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

7.Ubah kode yang angka 220px yang berwarna biru menjadi 250px.

8.Setelah itu Copy kode berikut kemudian Paste di bawah Kode Pada langkah (No.6)

#second-sidebar-wrapper {
width: 250px;
float: $startSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

Sehingga Kodenya jadi seperti ini :

#sidebar-wrapper {
width: 250px;
float: $enSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

#second-sidebar-wrapper {
width: 250px;
float: $startSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

9.Selanjutnya cari kode berikut.

<div id="'main-wrapper'">
<b:section class="'main'" id="'main" showaddelement="'no'">
<b:widget id="'Blog1'" locked="'true" title="'Blog" type="'Blog'/">
</b:widget>
</b:section></div>
<div id="'sidebar-wrapper'">
<b:section class="'sidebar'" id="'sidebar'" preferred="'yes'">
<b:widget id="Profile2" locked="false" title="About Me" type="Profile">
<b:widget id="BlogArchive2" locked="false" title="blog Archive" type="BlogArchive2">
<b:widget id="followers2" locked="false" title="Followers" type="Followers">
</b:widget>
</b:widget></b:widget></b:section></div>

10.Kalo Udah Ketemu Copy dan Paste Kode berikut dibawahnya.

<div id='second-sidebar-wrapper'>
<b:section class='sidebar' id='second-sidebar' preferred='yes'/>
</div>

11.Silakan Klik Simpan template. dan silakan kamu lihat hasilnya ..sekarang template blog kamu sudah menjadi 3 kolom . yaitu 1 tempat postingan kamu berada dan 2 kolom lagi adalah sidebar blog kamu.

12.selamat mencoba..

One For All