Happy New Year 2012

Happy New Year 2012

Assalamualaikum

Salam sejahtera dan Salam berbahagia saya haturkan untuk sobat sekalian dan kebahagian yang sedang kita rasakan merupakan rahmat dari Allah SWT. Aamiin..!

Hemmmm postingan ini bukan lagi membahas tentang Blogging melainkan sekedar ucapan Selamat datangnya tahun baru 2012 dan ucapan Selamat jalan terhadap tahun kenangan kita yaitu tahun 2011.

didaerah saya (Pamekasan)  Tahun 2012 disambut dengan guyur hujan, sehingga arus kendaraan tidak begitu pesat.

Melihat kejadian ini saya sangat kacian terhadap kaula muda yang semangat untuk menyambut tahun baru 2012, karena harus kedinginan dan pulang kebasahan (semoga nanti dirumah tidak mimpi basah wkwkwkw) dan tak kalah memperihatinkan lagi jika Melihat tahun lalu/tahun 2011 harus pergi meninggalkan kita dalam keadaan basah, begitu juga dengan tahun yang baru datang dan dalam keadaan basah pula.

Kota Pamekasan diguyur hujan gan, dikota Anda??

Admin PETOTU

HAPPY NEW YEAR 2012

Assalamualaikum

Salam sejahtera dan Salam berbahagia saya haturkan untuk sobat sekalian dan kebahagian yang sedang kita rasakan merupakan rahmat dari Allah SWT. Aamiin..!

Hemmmm postingan ini bukan lagi membahas tentang Blogging melainkan sekedar ucapan Selamat datangnya tahun baru 2012 dan ucapan Selamat jalan terhadap tahun kenangan kita yaitu tahun 2011.

didaerah saya (Pamekasan)  Tahun 2012 disambut dengan guyur hujan, sehingga arus kendaraan tidak begitu pesat.

Melihat kejadian ini saya sangat kacian terhadap kaula muda yang semangat untuk menyambut tahun baru 2012, karena harus kedinginan dan pulang kebasahan (semoga nanti dirumah tidak mimpi basah wkwkwkw) dan tak kalah memperihatinkan lagi jika Melihat tahun lalu/tahun 2011 harus pergi meninggalkan kita dalam keadaan basah, begitu juga dengan tahun yang baru datang dan dalam keadaan basah pula.

Kota Pamekasan diguyur hujan gan, dikota Anda??

Admin PETOTU

HAPPY NEW YEAR 2012

Cara Menghilankan Tanggal Postingan Pada Blogspot

Cara Menghilankan Tanggal Postingan Pada Blogspot

Assalamualaikum Warahmatullahi Wabarkatuh
Selamat Berjumpa dengan saya disini tentunya di Blog sederhana yang tampil apa adanya, yang tentunya tidak memiliki sesuatu yang bisa disuguhkan kecuali tulisan-tulisan yang dapat kita sebut sebagai tutorial, baik blog ataupun internet.

Kali saya akan menyuguhkan kepada anda yang ganteng-ganteng tentang Cara Menghilankan Tanggal Postingan Pada Blogspot. Beberapa bulan yang lalu saya telah memposting tentang Cara Mudah Menghilangkan Judul Blog dan sekarang Cara Menghilankan Tanggal Postingan Pada Blogspot (Kok mau dihilangkan semua sich? wkwkwk)
Cara Menghilankan Tanggal Postingan Pada Blogspot bukanlah hal yang sulit bagi yang sudah mengerti (Blogger Lanjutan) dan bukan hal yang mudah bagi kita yang tidak tau sama sekali (Newbie). Maka dari itu saya berinisiatif untuk memposting hal ini.
Adapun cara sebagai berikut :
Masuk ID blog kita dulu
Klik Rancangan lalu pilih Edit HTML
Cari Code Berikut :
h2.date-header { margin:.3em 0 0; padding:0; font-size:80%; color:#777; height: 0px; }
Jika sudah kita dapatkan code diatas, lalu tambahkan dengan code visibility: hidden; sehingga akan jadi seperi berikut:

h2.date-header { margin:.3em 0 0; padding:0; font-size:80%; color:#777; height: 0px; visibility: hidden; }

Jika hal diatas sudah dilakukan, kemudian klik Save Template. dan tak kala pentingnya Lihat Hasilnya wkwkwkw

Sampai disini ya, Semoga Postingan kali ini bermanfaat

Assalamualaikum Warahmatullahi Wabarkatuh
Selamat Berjumpa dengan saya disini tentunya di Blog sederhana yang tampil apa adanya, yang tentunya tidak memiliki sesuatu yang bisa disuguhkan kecuali tulisan-tulisan yang dapat kita sebut sebagai tutorial, baik blog ataupun internet.

Kali saya akan menyuguhkan kepada anda yang ganteng-ganteng tentang Cara Menghilankan Tanggal Postingan Pada Blogspot. Beberapa bulan yang lalu saya telah memposting tentang Cara Mudah Menghilangkan Judul Blog dan sekarang Cara Menghilankan Tanggal Postingan Pada Blogspot (Kok mau dihilangkan semua sich? wkwkwk)
Cara Menghilankan Tanggal Postingan Pada Blogspot bukanlah hal yang sulit bagi yang sudah mengerti (Blogger Lanjutan) dan bukan hal yang mudah bagi kita yang tidak tau sama sekali (Newbie). Maka dari itu saya berinisiatif untuk memposting hal ini.
Adapun cara sebagai berikut :
Masuk ID blog kita dulu
Klik Rancangan lalu pilih Edit HTML
Cari Code Berikut :
h2.date-header { margin:.3em 0 0; padding:0; font-size:80%; color:#777; height: 0px; }
Jika sudah kita dapatkan code diatas, lalu tambahkan dengan code visibility: hidden; sehingga akan jadi seperi berikut:

h2.date-header { margin:.3em 0 0; padding:0; font-size:80%; color:#777; height: 0px; visibility: hidden; }

Jika hal diatas sudah dilakukan, kemudian klik Save Template. dan tak kala pentingnya Lihat Hasilnya wkwkwkw

Sampai disini ya, Semoga Postingan kali ini bermanfaat

Cara Membuat Warna Backround Blog Berubah Sertiap diRefresh

Cara Membuat Warna Backround Blog Berubah Sertiap diRefresh

Assalamualaikum Om, Tante, Agan dan Tretan
Selamat berjumpa kembali dipostingan kali yang sengaja saya beri judul Cara Membuat Warna Backround Blog Berubah Sertiap diRefresh.
Kemaren kita sudah belajar tentang banyak Hal diantaranya Cara Membuat Efek Lampu Neon pada Tulisan, ada juga Cara Membuat Menu Di Bahawa Header Versi II, ada lagi Cara Membuat Form Login di Blog dan banyak lagi yang lainnya. yang tentunya Om, Tante, Agan, dan Tretan. Saya yakin itu semua di praktekin dan bahkan Om, Tante, Agan Dan Tretan Sudah mengerti dan bahkan sudah Faham. Bagaimana dengan Cara Membuat Warna Backround Blog Berubah Sertiap diRefresh?
Nah Om, Tante, Agan dan Tretan tidak perlu ragu karena saya datang untuk anda dan membawa oleh-oleh yang insyaallah bermanfaat untuk kita sebagai blogger, khususnya untuk kita yang suka membuat blog berwarna warni sehingga terlihat masih tersisa atribut 17 Agustusan wkwkwkwkw .
Bagaimana Cara Membuat Warna Backround Blog Berubah Sertiap diRefresh? Ikuti langkah Berikut :

• Masuk Sini dulu

• Pilih Rancangan

• Tambah Gadget pilih Javascript/HTML

• Capas Code Berikut pada kotak yang disediakan

<script type='text/javascript'> //CDATA[ /* JavaScript Kit (http://vivaxsnews.blogspot.com/)*/ //Created Petotu: var bgcolorlist=new Array("#0006ff", "#3cff00", "#00c0ff", "#0a5e7a", "#ffb400", "#16130d", "#685832", "#fa1e07") document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] //]]> </script>

• jika point ke 4 sudah dilakukan kemudian di Save.

Catatan:
Untuk mengubah warna backround sesuai selera Om, Tante, Agan dan Tretan
Silahkan Ganti code warna berikut :

#0006ff	#0a5e7a	#685832
#3cff00	#ffb400	#fa1e07
#00c0ff	#16130d	SELESAI

Samapi disini dulu ya Semoga Bermanfaat

Assalamualaikum Om, Tante, Agan dan Tretan
Selamat berjumpa kembali dipostingan kali yang sengaja saya beri judul Cara Membuat Warna Backround Blog Berubah Sertiap diRefresh.
Kemaren kita sudah belajar tentang banyak Hal diantaranya Cara Membuat Efek Lampu Neon pada Tulisan, ada juga Cara Membuat Menu Di Bahawa Header Versi II, ada lagi Cara Membuat Form Login di Blog dan banyak lagi yang lainnya. yang tentunya Om, Tante, Agan, dan Tretan. Saya yakin itu semua di praktekin dan bahkan Om, Tante, Agan Dan Tretan Sudah mengerti dan bahkan sudah Faham. Bagaimana dengan Cara Membuat Warna Backround Blog Berubah Sertiap diRefresh?
Nah Om, Tante, Agan dan Tretan tidak perlu ragu karena saya datang untuk anda dan membawa oleh-oleh yang insyaallah bermanfaat untuk kita sebagai blogger, khususnya untuk kita yang suka membuat blog berwarna warni sehingga terlihat masih tersisa atribut 17 Agustusan wkwkwkwkw .
Bagaimana Cara Membuat Warna Backround Blog Berubah Sertiap diRefresh? Ikuti langkah Berikut :

• Masuk Sini dulu

• Pilih Rancangan

• Tambah Gadget pilih Javascript/HTML

• Capas Code Berikut pada kotak yang disediakan

<script type='text/javascript'> //CDATA[ /* JavaScript Kit (http://vivaxsnews.blogspot.com/)*/ //Created Petotu: var bgcolorlist=new Array("#0006ff", "#3cff00", "#00c0ff", "#0a5e7a", "#ffb400", "#16130d", "#685832", "#fa1e07") document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] //]]> </script>

• jika point ke 4 sudah dilakukan kemudian di Save.

Catatan:
Untuk mengubah warna backround sesuai selera Om, Tante, Agan dan Tretan
Silahkan Ganti code warna berikut :

#0006ff	#0a5e7a	#685832
#3cff00	#ffb400	#fa1e07
#00c0ff	#16130d	SELESAI

Samapi disini dulu ya Semoga Bermanfaat

HTC Community: Software Akuntansi Laporan Keuangan Terbaik

HTC Community: Software Akuntansi Laporan Keuangan Terbaik

HTC Community: Software Akuntansi Laporan Keuangan Terbaik: Software Akuntansi Laporan Keuangan Terbaik yah hanya Di Zahir Accounting Kita Bisa Mendapatkan Software Akuntansi Laporan Keuangan Terbai...

HTC Community: Software Akuntansi Laporan Keuangan Terbaik: Software Akuntansi Laporan Keuangan Terbaik yah hanya Di Zahir Accounting Kita Bisa Mendapatkan Software Akuntansi Laporan Keuangan Terbai...

Cara Membuat Efek Lampu Neon Pada Tulisan

Cara Membuat Efek Lampu Neon Pada Tulisan

Hi....... Sobat,
Apa kabar pagi ini, pada baik-baik semua kan?
Mumpung kita masih liburan, saya sengaja datang dengan niat mengantarkan oleh-oleh untuk sobat semua. saya berharap sobat pada lahap nantinya. Oleh-oleh saya kali ini yaitu Cara Membuat Efek Lampu Neon Pada Tulisan (oleh-olehnya kirain makanan, kalau kayak gtuan mah, bagaimana bisa lahap? wkwkwkwkw).
Kemarin kita sudah belajar belajar Membuat Tulisan Berefek Matrix ada juga yang Berefek Api. Selanjutnya kita akan belajar tentang Cara Membuat Efek Lampu Neon Pada Tulisan.
Effect flashing didalam text adalah murni dari pengaruh JavaScript, tanpa menggunakan kode CSS.
Neon Text Color jQuery ini dapat digunakan di postingan ataupun di sidebar, guna mempercantik tampilan blog/website sobat.
Bila Sobat tertarik sobat bisa langsung ikuti langkah pembuatannya, Sebagai Berikut:
Masukan kode JavaScript dibawah ini pada postingan pada mode Edit HTML
atupun di sidebar dengan cara Tambah Gadget → HTML/JavaScript pada widget sidebar sobat.

<script language="JavaScript1.2"> var message="Tulisan Yang diberi Efek" var neonbasecolor="" var neontextcolor="#fd3d3a" var neontextcolor2="#ff8080" var flashspeed=50 // kecepatan flashing dalam milliseconds var flashingletters=5 // jumlah huruf yg di flashing dlm neontextcolor var flashingletters2=1 // jumlah huruf yg di flashing dlm neontextcolor2 (0 to disable) var flashpause=0 // pause diantara flash-cycles dlm milliseconds var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",flashpause) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script>

Catatan;

Ganti kode Tulisan Yang diberi Efek dengan tulisan yang akan diberikan efek.

kode #fd3d3a dan #ff8080, ganti kode warna dengan kode warna yg sobat suka.

angka 50 adalah kecepatan flashing effect neon. lebih besar angkanya maka akan lebih lambat kecepatan flashing nya.

angka 5 adalah merupakan jumlah huruf yang di flashing.

angka 1 adalah jumlah huruf yg di flashing setelah kode pada baris ketujuh.

DEMO

Sampai disini dulu ya, Semoga Manfaat dan jika menurut sobat bermanfaat, berikanlah pada teman yang lain! agar pengetahuan kita bisa merata.....BERBAGI TIDAK RUGI Mas Brow

Hi....... Sobat,
Apa kabar pagi ini, pada baik-baik semua kan?
Mumpung kita masih liburan, saya sengaja datang dengan niat mengantarkan oleh-oleh untuk sobat semua. saya berharap sobat pada lahap nantinya. Oleh-oleh saya kali ini yaitu Cara Membuat Efek Lampu Neon Pada Tulisan (oleh-olehnya kirain makanan, kalau kayak gtuan mah, bagaimana bisa lahap? wkwkwkwkw).
Kemarin kita sudah belajar belajar Membuat Tulisan Berefek Matrix ada juga yang Berefek Api. Selanjutnya kita akan belajar tentang Cara Membuat Efek Lampu Neon Pada Tulisan.
Effect flashing didalam text adalah murni dari pengaruh JavaScript, tanpa menggunakan kode CSS.
Neon Text Color jQuery ini dapat digunakan di postingan ataupun di sidebar, guna mempercantik tampilan blog/website sobat.
Bila Sobat tertarik sobat bisa langsung ikuti langkah pembuatannya, Sebagai Berikut:
Masukan kode JavaScript dibawah ini pada postingan pada mode Edit HTML
atupun di sidebar dengan cara Tambah Gadget → HTML/JavaScript pada widget sidebar sobat.

<script language="JavaScript1.2"> var message="Tulisan Yang diberi Efek" var neonbasecolor="" var neontextcolor="#fd3d3a" var neontextcolor2="#ff8080" var flashspeed=50 // kecepatan flashing dalam milliseconds var flashingletters=5 // jumlah huruf yg di flashing dlm neontextcolor var flashingletters2=1 // jumlah huruf yg di flashing dlm neontextcolor2 (0 to disable) var flashpause=0 // pause diantara flash-cycles dlm milliseconds var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",flashpause) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script>

Catatan;

Ganti kode Tulisan Yang diberi Efek dengan tulisan yang akan diberikan efek.

kode #fd3d3a dan #ff8080, ganti kode warna dengan kode warna yg sobat suka.

angka 50 adalah kecepatan flashing effect neon. lebih besar angkanya maka akan lebih lambat kecepatan flashing nya.

angka 5 adalah merupakan jumlah huruf yang di flashing.

angka 1 adalah jumlah huruf yg di flashing setelah kode pada baris ketujuh.

DEMO

Sampai disini dulu ya, Semoga Manfaat dan jika menurut sobat bermanfaat, berikanlah pada teman yang lain! agar pengetahuan kita bisa merata.....BERBAGI TIDAK RUGI Mas Brow

Cara Membuat Form Login di Blog

Cara Membuat Form Login di Blog

Selamat Malam
Selamat Berjumpa kembali dengan saya pada postingan kali yang saya beri judul Cara Membuat Form Login di Blog setelah postingan terakhir Cara Membuat Menu Di Bahawa Header Versi II.
Sudah mencoba dan mempraktekkan Cara Membuat Menu Di Bawah Header Versi II kan? Nah selanjutnya kita belajar Cara Membuat Form Login di Blog. Sebenarnya kalau kita pikir postingan kali ini amatlah tidak penting tapi saya berpikir tiada salahnya jika kita memcoba untuk membuatnya, siapa tau suatu saat nanti kita membutuhkannya.
Mmebuat Form ini bukanlah hal yang sulit untuk kita yang sudah menegerti tapi untuk yang belum mengerti apa-apa hal ini amatlah sulit sehingga masih butuh tutorial atau butuh panduan sehingga mudah dalam menyelesaikannya. makanya saya memiliki inisiatif untuk memposting hal ini.
Untuk sobat yang ingin memasang Form Log in pada home page bisa menggunakan cara ini. Adapun caranya sebagai berikut :
Yang pertanya kita mesti Log in dulu ke blog kita
selanjutnya pilih rancangan lanjut Tambah Gadget
lalu Pilih JavaScript/HTML Copas Code berikut
<center> <marquee><b>Masukkan username dan password anda</b></marquee><br/><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> <blink><b>Username:</b></blink> <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> <blink><b>Password:</b></blink> <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="2" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form> </center>
Jika sudah di Copas jangan lupa klik SAVE dan Lihat Hasilnya
Untuk Melihat Screenshoutnya bisa lihat gabmar dibawah

Bagaimana Menarik bukan??

Selamat Mencoba

Selamat Malam
Selamat Berjumpa kembali dengan saya pada postingan kali yang saya beri judul Cara Membuat Form Login di Blog setelah postingan terakhir Cara Membuat Menu Di Bahawa Header Versi II.
Sudah mencoba dan mempraktekkan Cara Membuat Menu Di Bawah Header Versi II kan? Nah selanjutnya kita belajar Cara Membuat Form Login di Blog. Sebenarnya kalau kita pikir postingan kali ini amatlah tidak penting tapi saya berpikir tiada salahnya jika kita memcoba untuk membuatnya, siapa tau suatu saat nanti kita membutuhkannya.
Mmebuat Form ini bukanlah hal yang sulit untuk kita yang sudah menegerti tapi untuk yang belum mengerti apa-apa hal ini amatlah sulit sehingga masih butuh tutorial atau butuh panduan sehingga mudah dalam menyelesaikannya. makanya saya memiliki inisiatif untuk memposting hal ini.
Untuk sobat yang ingin memasang Form Log in pada home page bisa menggunakan cara ini. Adapun caranya sebagai berikut :
Yang pertanya kita mesti Log in dulu ke blog kita
selanjutnya pilih rancangan lanjut Tambah Gadget
lalu Pilih JavaScript/HTML Copas Code berikut
<center> <marquee><b>Masukkan username dan password anda</b></marquee><br/><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> <blink><b>Username:</b></blink> <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> <blink><b>Password:</b></blink> <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="2" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form> </center>
Jika sudah di Copas jangan lupa klik SAVE dan Lihat Hasilnya
Untuk Melihat Screenshoutnya bisa lihat gabmar dibawah

Bagaimana Menarik bukan??

Selamat Mencoba

HTC Community: Sekolah Manajemen Perhotelan IHS

HTC Community: Sekolah Manajemen Perhotelan IHS

HTC Community: Sekolah Manajemen Perhotelan IHS: IHS adalah International Hotel School. Sekolah Manajemen Perhotelan IHS 3 Tahun (3 Year Advanced Diploma in Hotel Management Program) Seko...

HTC Community: Sekolah Manajemen Perhotelan IHS: IHS adalah International Hotel School. Sekolah Manajemen Perhotelan IHS 3 Tahun (3 Year Advanced Diploma in Hotel Management Program) Seko...

HTC Community: Resolusi Juara 2012

HTC Community: Resolusi Juara 2012

HTC Community: Resolusi Juara 2012: Resolusi Juara 2012 Berbicara Mengenai Internet Saya adalah Orang Yang Baru Mengenal Internet Bahkan Lulus SMA pun saya belum mengenal int...

HTC Community: Resolusi Juara 2012: Resolusi Juara 2012 Berbicara Mengenai Internet Saya adalah Orang Yang Baru Mengenal Internet Bahkan Lulus SMA pun saya belum mengenal int...

Cara membuat menu di bawah heder Versi II

Cara membuat menu di bawah heder Versi II

Bila kita kemaren sudah belajar cara membuat menu di bawah header versi I, sekarang kita akan belajar tentang cara membuat menu dibawah header versi II. saya pikir vesrsi ini akan lebih menarik dibanding versi I kemaren. terus terang saya tidak menjamin sukses dalam pemasangannya, tapi jangan kwatir insyaallah 99,99% bisa sukses dalam memasang menu ini.

Kemaren dalam versi I masih banyak yang tidak sukses sayapun tidak mengerti kenapa tidak sukses makanya saya memberikan lagi yang versi II Semoga dalam versi ini semua yang mau mencoba, semua yang ingin memiliki blog yang terpasang menu dibawah headernya bisa sukses sebagaimana yang diharapkan.

Nah bagaimana cara membuat menu menurut versi II ini, kita simak dan kita ikuti langkah-langkah berikut:

• Masuk account blog kita pilih rancangan lalu EDIT HTML
• Jangan lupa centang “Expand Widget Templates ” 
• selanjutnya Cari code ]]></b:skin>, gunakan CTRL+F untuk lebih cepatnya dalam pencarian code tersebut
• Jika sudak ketemu dengan code ]]></b:skin> masukkan Code berikut tepat diatas code ]]></b:skin>

#catmenucontainer{ height:33px; width:1000px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioms67UY5RsfSyunRVw0PsVXNAiPNeuPHbZZeU4AEN1eyRV8zwv1vYp6KmRfNFh3ovU_F0YQZ7zqbg-gUzfTJU7V71CFhFkxESBM0nX8ipp7zOzrgiHiVa-6uGIMYGjggb76YyUSkWPDPx/s1600/2.gif) repeat-x; display:block; padding:0px 0 0px 0px; font-size:12px; font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-weight:normal; border-top:1px solid #252424; } #catmenu{ margin: 0px; padding: 0px; width:1000px; background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjALUne7hrPwhDurtRbNAXSzohR9T1tuhbW0Z4v0C-Dg_xiSgPA6VbhKrpalKl0oCT53xrQERtomiznI3p_LYyI83J_HDlyUtFXc-frSUJcBWM9MMZMTqBsJ1ZPym8L26s80jG3E3sTnTNa/) repeat-x; height:33px; } #catmenu ul { float: left; list-style: none; margin: 0px; padding: 0px; } #catmenu li { float: left; list-style: none; margin: 0px; padding: 0px; } #catmenu li a, #catmenu li a:link, #catmenu li a:visited { color: #fae7df; display: block; margin: 0px; padding: 9px 10px 10px 10px; } #catmenu li a:hover, #catmenu li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibysMvz5T2kUR15I7-NjPsXLSAHJyJG9v4mzbzE4_1stlkaxASGQFegJQGO0PdCG3jNyUhYI-eJxNwVPSWSInCvCA4s_XTBJqYdxCMimxINKnrtLPhog-3EAvdukCtRRqIzaznFjGC2_K5/) repeat-x; color: #fff; margin: 0px; padding: 9px 10px 10px 10px; text-decoration: none; } #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited { background:#ED4A05; width: 150px; color: #fae7df; font-family:Tahoma,century gothic,Georgia, sans-serif; font-weight: normal; float: none; margin: 0px; padding: 9px 10px 10px 10px; border-bottom: 1px solid #FF7800; } #catmenu li li a:hover, #catmenu li li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibysMvz5T2kUR15I7-NjPsXLSAHJyJG9v4mzbzE4_1stlkaxASGQFegJQGO0PdCG3jNyUhYI-eJxNwVPSWSInCvCA4s_XTBJqYdxCMimxINKnrtLPhog-3EAvdukCtRRqIzaznFjGC2_K5/) repeat-x; color: #fff; padding: 9px 10px 10px 10px; } #catmenu li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #catmenu li li { } #catmenu li ul a { width: 140px; } #catmenu li ul a:hover, #catmenu li ul a:active { } #catmenu li ul ul { margin: -34px 0 0 170px; } #catmenu li:hover ul ul, #catmenu li:hover ul ul ul, #catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul { left: -999em; } #catmenu li:hover ul, #catmenu li li:hover ul, #catmenu li li li:hover ul, #catmenu li.sfhover ul, #catmenu li li.sfhover ul, #catmenu li li li.sfhover ul { left: auto; } #catmenu li:hover, #catmenu li.sfhover { position: static; }

• Apabila hal diatas sudah dilakukan, selanjutnya cari code <div id='content-wrapper'> Lalu copas code berikut di bawah code  <div id='content-wrapper'>

<div id='catmenucontainer'> <div id='catmenu'> <ul> <li><a href='http://vivaxsnews.blogspot.com/'>Home</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/download' title='Download'>Download</a> <ul class='children'> <li><a href='http://vivaxsnews.blogspot.com/p/software' title='software'>software</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/ebook' title='Ebook'>Ebook</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/videomo3' title='video dan Mp3'>video dan Mp3</a></li> </ul> </li> <li><a href='http://vivaxsnews.blogspot.com/p/madura' title='Madura'>Madura</a> <ul class='children'> <li><a href='http://vivaxsnews.blogspot.com/p/bangkalan' title='bangkalan'>bangkalan</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/sampang' title='sampang'>sampang</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/pamekasan' title='pamekasan'>pamekasan</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/sumenep' title='sumenep'>sumenep</a></li> </ul> </li> <li><a href='http://vivaxsnews.blogspot.com/p/about' title='about'>about</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/contact' title='contac'>contact</a></li> </ul> </div> </div> <div class='clear'/>

Catatan 
silahkan anda lihat hasilnya dulu baru diedit, karena saya yakin akan lebih mudah dipahami atau dimengerti.
url berikut silahkan ganti dengan url anda sendiri http://vivaxsnews.blogspot.com/p/download dan seterusnya.
nama download dan seterusnya juga diganti sesuai keinginan anda.
Untuk melihat demonya bisa lihat diblog ini atau disini

Samapi disini dulu ya, Semoga Sukses 
owh ya bagaimana sudah bisa membuat gamber berefek rotasi kan? jika belum klik disini

Bila kita kemaren sudah belajar cara membuat menu di bawah header versi I, sekarang kita akan belajar tentang cara membuat menu dibawah header versi II. saya pikir vesrsi ini akan lebih menarik dibanding versi I kemaren. terus terang saya tidak menjamin sukses dalam pemasangannya, tapi jangan kwatir insyaallah 99,99% bisa sukses dalam memasang menu ini.

Kemaren dalam versi I masih banyak yang tidak sukses sayapun tidak mengerti kenapa tidak sukses makanya saya memberikan lagi yang versi II Semoga dalam versi ini semua yang mau mencoba, semua yang ingin memiliki blog yang terpasang menu dibawah headernya bisa sukses sebagaimana yang diharapkan.

Nah bagaimana cara membuat menu menurut versi II ini, kita simak dan kita ikuti langkah-langkah berikut:

• Masuk account blog kita pilih rancangan lalu EDIT HTML
• Jangan lupa centang “Expand Widget Templates ” 
• selanjutnya Cari code ]]></b:skin>, gunakan CTRL+F untuk lebih cepatnya dalam pencarian code tersebut
• Jika sudak ketemu dengan code ]]></b:skin> masukkan Code berikut tepat diatas code ]]></b:skin>

#catmenucontainer{ height:33px; width:1000px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioms67UY5RsfSyunRVw0PsVXNAiPNeuPHbZZeU4AEN1eyRV8zwv1vYp6KmRfNFh3ovU_F0YQZ7zqbg-gUzfTJU7V71CFhFkxESBM0nX8ipp7zOzrgiHiVa-6uGIMYGjggb76YyUSkWPDPx/s1600/2.gif) repeat-x; display:block; padding:0px 0 0px 0px; font-size:12px; font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-weight:normal; border-top:1px solid #252424; } #catmenu{ margin: 0px; padding: 0px; width:1000px; background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjALUne7hrPwhDurtRbNAXSzohR9T1tuhbW0Z4v0C-Dg_xiSgPA6VbhKrpalKl0oCT53xrQERtomiznI3p_LYyI83J_HDlyUtFXc-frSUJcBWM9MMZMTqBsJ1ZPym8L26s80jG3E3sTnTNa/) repeat-x; height:33px; } #catmenu ul { float: left; list-style: none; margin: 0px; padding: 0px; } #catmenu li { float: left; list-style: none; margin: 0px; padding: 0px; } #catmenu li a, #catmenu li a:link, #catmenu li a:visited { color: #fae7df; display: block; margin: 0px; padding: 9px 10px 10px 10px; } #catmenu li a:hover, #catmenu li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibysMvz5T2kUR15I7-NjPsXLSAHJyJG9v4mzbzE4_1stlkaxASGQFegJQGO0PdCG3jNyUhYI-eJxNwVPSWSInCvCA4s_XTBJqYdxCMimxINKnrtLPhog-3EAvdukCtRRqIzaznFjGC2_K5/) repeat-x; color: #fff; margin: 0px; padding: 9px 10px 10px 10px; text-decoration: none; } #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited { background:#ED4A05; width: 150px; color: #fae7df; font-family:Tahoma,century gothic,Georgia, sans-serif; font-weight: normal; float: none; margin: 0px; padding: 9px 10px 10px 10px; border-bottom: 1px solid #FF7800; } #catmenu li li a:hover, #catmenu li li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibysMvz5T2kUR15I7-NjPsXLSAHJyJG9v4mzbzE4_1stlkaxASGQFegJQGO0PdCG3jNyUhYI-eJxNwVPSWSInCvCA4s_XTBJqYdxCMimxINKnrtLPhog-3EAvdukCtRRqIzaznFjGC2_K5/) repeat-x; color: #fff; padding: 9px 10px 10px 10px; } #catmenu li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #catmenu li li { } #catmenu li ul a { width: 140px; } #catmenu li ul a:hover, #catmenu li ul a:active { } #catmenu li ul ul { margin: -34px 0 0 170px; } #catmenu li:hover ul ul, #catmenu li:hover ul ul ul, #catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul { left: -999em; } #catmenu li:hover ul, #catmenu li li:hover ul, #catmenu li li li:hover ul, #catmenu li.sfhover ul, #catmenu li li.sfhover ul, #catmenu li li li.sfhover ul { left: auto; } #catmenu li:hover, #catmenu li.sfhover { position: static; }

• Apabila hal diatas sudah dilakukan, selanjutnya cari code <div id='content-wrapper'> Lalu copas code berikut di bawah code  <div id='content-wrapper'>

<div id='catmenucontainer'> <div id='catmenu'> <ul> <li><a href='http://vivaxsnews.blogspot.com/'>Home</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/download' title='Download'>Download</a> <ul class='children'> <li><a href='http://vivaxsnews.blogspot.com/p/software' title='software'>software</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/ebook' title='Ebook'>Ebook</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/videomo3' title='video dan Mp3'>video dan Mp3</a></li> </ul> </li> <li><a href='http://vivaxsnews.blogspot.com/p/madura' title='Madura'>Madura</a> <ul class='children'> <li><a href='http://vivaxsnews.blogspot.com/p/bangkalan' title='bangkalan'>bangkalan</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/sampang' title='sampang'>sampang</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/pamekasan' title='pamekasan'>pamekasan</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/sumenep' title='sumenep'>sumenep</a></li> </ul> </li> <li><a href='http://vivaxsnews.blogspot.com/p/about' title='about'>about</a></li> <li><a href='http://vivaxsnews.blogspot.com/p/contact' title='contac'>contact</a></li> </ul> </div> </div> <div class='clear'/>

Catatan 
silahkan anda lihat hasilnya dulu baru diedit, karena saya yakin akan lebih mudah dipahami atau dimengerti.
url berikut silahkan ganti dengan url anda sendiri http://vivaxsnews.blogspot.com/p/download dan seterusnya.
nama download dan seterusnya juga diganti sesuai keinginan anda.
Untuk melihat demonya bisa lihat diblog ini atau disini

Samapi disini dulu ya, Semoga Sukses 
owh ya bagaimana sudah bisa membuat gamber berefek rotasi kan? jika belum klik disini

Cara Membuat Gambar Perputar (Efek Rotasi)

Cara Membuat Gambar Perputar (Efek Rotasi)

Kemaren saya sempat posting tentang Cara Membuat Menu Di Bawah Header Versi I dari itu saya yakin blog sobat sudah terpasang menu-menu tersebut dan tentunya tampak lebih keren, ya kan.....?

Nah kali ini saya akan share tenyang Membuat Gambar Perputar (Efek Rotasi). Saya pribadi penasaran sekali untuk membuat gambar macam ini. awalnya saya blogwalking ke anggota HTC Online. Saya pikir setiap link/Url milik anggota itu saya kunjungi dan pada salah satu Saya menemukan gambar seperti yang saya share sekarang, sudah lama sekali rasa penaran ini yang tak terjawab, hingga akhirnya saya menemukan dengan tidak sengaja saat buka salah satu Group di Facebook dan ada Url lalu saya klik, eh malah mendapatkan hal yang saya cari sejak dulu.

Setelah saya mengetahui cara membuat dan memasangnya, ternyata bukan hal sulit. malah jauh lebih mudah daripada terbang ke angkasa wkwkwkwk

Berikut cara pasangnya:

• Tentu saja harus Log in dulu ke blog sobat atau disini
• Klik Rancangan Lalu masuk Edit HTML
• Cari code ]]></b:skin> Untuk memudahkan pencarian tekan CTRL+F
• Jika sudah ketemu Copas Code berikut tepat diatas code ]]></b:skin>

.simplerotate{ -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .simplerotate:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); }

• Jika sudah selesai klik Save Template
• Selanjutnya Klik Elemen Laman
• Lalu Tambah Gedged pilih Javasceipt/HTML
• Kemudian Copas Code berikut Lalu Save

<img border="0" class="simplerotate" original="https://lh6.googleusercontent.com/-D7RQHVE62-s/TsExdWF7ihI/AAAAAAAAG-E/73g6XAJGLbk/w400/nice%2Banimation.gif" src="https://lh6.googleusercontent.com/-D7RQHVE62-s/TsExdWF7ihI/AAAAAAAAG-E/73g6XAJGLbk/w400/nice%2Banimation.gif" style="display: inline;" />

Perkejaan sobat sudah selesai tinggal melihat hasilnya

Catatan Penting

https://lh6.googleusercontent.com/-D7RQHVE62-s/TsExdWF7ihI/AAAAAAAAG-E/73g6XAJGLbk/w400/nice%2Banimation.gif

Silahkan ganti Url Gambar diatas dengan Url Gambar yang anda suka

Untuk Melihat Contohnya Sentuh Gambar dibawah

Bagaimana, mengalami rotasi ga'??

Saya rasa samapai disini sudah jelas gan...... Semoga bemnafaat

Kemaren saya sempat posting tentang Cara Membuat Menu Di Bawah Header Versi I dari itu saya yakin blog sobat sudah terpasang menu-menu tersebut dan tentunya tampak lebih keren, ya kan.....?

Nah kali ini saya akan share tenyang Membuat Gambar Perputar (Efek Rotasi). Saya pribadi penasaran sekali untuk membuat gambar macam ini. awalnya saya blogwalking ke anggota HTC Online. Saya pikir setiap link/Url milik anggota itu saya kunjungi dan pada salah satu Saya menemukan gambar seperti yang saya share sekarang, sudah lama sekali rasa penaran ini yang tak terjawab, hingga akhirnya saya menemukan dengan tidak sengaja saat buka salah satu Group di Facebook dan ada Url lalu saya klik, eh malah mendapatkan hal yang saya cari sejak dulu.

Setelah saya mengetahui cara membuat dan memasangnya, ternyata bukan hal sulit. malah jauh lebih mudah daripada terbang ke angkasa wkwkwkwk

Berikut cara pasangnya:

• Tentu saja harus Log in dulu ke blog sobat atau disini
• Klik Rancangan Lalu masuk Edit HTML
• Cari code ]]></b:skin> Untuk memudahkan pencarian tekan CTRL+F
• Jika sudah ketemu Copas Code berikut tepat diatas code ]]></b:skin>

.simplerotate{ -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .simplerotate:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); }

• Jika sudah selesai klik Save Template
• Selanjutnya Klik Elemen Laman
• Lalu Tambah Gedged pilih Javasceipt/HTML
• Kemudian Copas Code berikut Lalu Save

<img border="0" class="simplerotate" original="https://lh6.googleusercontent.com/-D7RQHVE62-s/TsExdWF7ihI/AAAAAAAAG-E/73g6XAJGLbk/w400/nice%2Banimation.gif" src="https://lh6.googleusercontent.com/-D7RQHVE62-s/TsExdWF7ihI/AAAAAAAAG-E/73g6XAJGLbk/w400/nice%2Banimation.gif" style="display: inline;" />

Perkejaan sobat sudah selesai tinggal melihat hasilnya

Catatan Penting

https://lh6.googleusercontent.com/-D7RQHVE62-s/TsExdWF7ihI/AAAAAAAAG-E/73g6XAJGLbk/w400/nice%2Banimation.gif

Silahkan ganti Url Gambar diatas dengan Url Gambar yang anda suka

Untuk Melihat Contohnya Sentuh Gambar dibawah

Bagaimana, mengalami rotasi ga'??

Saya rasa samapai disini sudah jelas gan...... Semoga bemnafaat

Cara Membuat Menu dibawah Header viersi 1

Cara Membuat Menu dibawah Header viersi 1

Sehabis Chat dengan teman baru di Facebook, saya menjadi terinspirasi untuk membuat postingan diblog kesayangan ini (siah kesayangan caen eh). mungkin rasa ingin selalu berbagi itu masih kuat sehingga sekali hatiku ada yang menggeletik langsung tanggap.
Cara Membuat Menu dibawah Header viersi 1 itulah judul postingan kali. Membuat menu pada blog sebanarnya mudah sekali bagi orang yang sudah pengalaman dan pernah mencoba, tapi juga sulit bagi kita yang masih newbie atau baru mengenal tentang blog, ya contoh kongkritnya saya pribadi.
Dalam postingan kali ini saya ingin berbagi setalah sekian lama saya dilanda kebingungan, semoga dengan postingan ini. kebingungan yang melanda pada saya tidak lagi untuk orang lain. cukuplah saya sebagai korbannya.
Adapun Cara Membuat Menu dibawah Header viersi 1 sebagai berikut :
saya rasa sobat sudah log in di blognya kan. jika ya masuk ke Edit HTML.
jika sudah masuk EDIT HTML cari code berikut:<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='x-Demo (Header)' type='Header'> <b:includable id='main'>
Ganti angka 1 menjadi 2 dan No menjadi Yes
Jika hal diatas sudah sobat lakukan, selanjutnya sobat cari ]]></b:skin>
Jika sudah ketemu, masukkan code berikut tepat diatas ]]></b:skin>

a.navigation { background: #3333ff ; color: #ffffff; margin: 1px; padding: 2px; border-width: 0; text-transform: uppercase; text-decoration: none; font-weight: bold; } a.navigation:hover { background: #333333; color: #ffffff; text-decoration: none; }  

Jika sudah soba lakukan cara diatas kemudian Save Template.
Selanjutnya pilih Elemen Laman Atau langsung klik Rancangan >> 
Kemudian klik tambah gadget >> pilih HTML/JavaScript
copas code berikut 

<a href="http://sanatengah.blogspot.com " class="navigation">HOME</a> <a href="http://http://www.syifa-alqulub.blogspot.com/p/contact.html " class="navigation">CONTACT</a> <a href="http://www.sanatengah.blogspot.com.com/p/about.html " class="navigation">BUKU TAMU</a> <a href="http://vivaxsnews.blogspot.com/2010/11/link-exchange.html " class="navigation">LIKS</a>
Terakhir klik save dan yang paling akhir lihat hasilnya
Melihat judul diatas pasti sobat berpikir jika ada versi 1 pasti ada versi 2nya. ya kan?
Apabila ya tunggu versi 2nya ya!

Sehabis Chat dengan teman baru di Facebook, saya menjadi terinspirasi untuk membuat postingan diblog kesayangan ini (siah kesayangan caen eh). mungkin rasa ingin selalu berbagi itu masih kuat sehingga sekali hatiku ada yang menggeletik langsung tanggap.
Cara Membuat Menu dibawah Header viersi 1 itulah judul postingan kali. Membuat menu pada blog sebanarnya mudah sekali bagi orang yang sudah pengalaman dan pernah mencoba, tapi juga sulit bagi kita yang masih newbie atau baru mengenal tentang blog, ya contoh kongkritnya saya pribadi.
Dalam postingan kali ini saya ingin berbagi setalah sekian lama saya dilanda kebingungan, semoga dengan postingan ini. kebingungan yang melanda pada saya tidak lagi untuk orang lain. cukuplah saya sebagai korbannya.
Adapun Cara Membuat Menu dibawah Header viersi 1 sebagai berikut :
saya rasa sobat sudah log in di blognya kan. jika ya masuk ke Edit HTML.
jika sudah masuk EDIT HTML cari code berikut:<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='x-Demo (Header)' type='Header'> <b:includable id='main'>
Ganti angka 1 menjadi 2 dan No menjadi Yes
Jika hal diatas sudah sobat lakukan, selanjutnya sobat cari ]]></b:skin>
Jika sudah ketemu, masukkan code berikut tepat diatas ]]></b:skin>

a.navigation { background: #3333ff ; color: #ffffff; margin: 1px; padding: 2px; border-width: 0; text-transform: uppercase; text-decoration: none; font-weight: bold; } a.navigation:hover { background: #333333; color: #ffffff; text-decoration: none; }  

Jika sudah soba lakukan cara diatas kemudian Save Template.
Selanjutnya pilih Elemen Laman Atau langsung klik Rancangan >> 
Kemudian klik tambah gadget >> pilih HTML/JavaScript
copas code berikut 

<a href="http://sanatengah.blogspot.com " class="navigation">HOME</a> <a href="http://http://www.syifa-alqulub.blogspot.com/p/contact.html " class="navigation">CONTACT</a> <a href="http://www.sanatengah.blogspot.com.com/p/about.html " class="navigation">BUKU TAMU</a> <a href="http://vivaxsnews.blogspot.com/2010/11/link-exchange.html " class="navigation">LIKS</a>
Terakhir klik save dan yang paling akhir lihat hasilnya
Melihat judul diatas pasti sobat berpikir jika ada versi 1 pasti ada versi 2nya. ya kan?
Apabila ya tunggu versi 2nya ya!

Cara Muda Modifikasi Text Area Menjadi Keren

Cara Muda Modifikasi Text Area Menjadi Keren

Bila kemaren saya sempat berbagi tentang cara membuat text area sederhana pada blog. Sekarang (Menjelang Waktu Maghrib) Saya sempatkan diri untuk menshare tentang Cara Muda Modifikasi Text Area Menjadi Keren.
Sekarang saya tidak lagi mau bicara tentang apa itu text area dan digunakan untuk apa. karena sudah saya bahas pada postingan sebelumnya. jika ada diantara sobat yang masih belum mengerti tentang text area silahkan baca kembali postingan sebelumnya disini
Banyak sekali model text area yang saya share kali ini dan diantara yang banyak itu ada yang paling keren, sobat tinggal memilik text area mana yang sobat suka. pokoknya dijamin keren... ren....... ren.........reeeeeeeeeeeeeeeeeeeeen
Adapun Script Text Area keren yang saya share kali ini sebagai berikut :


<br /><br /><textarea name="code" rows="3" co2ls="20" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><br />ISI TEKS AREA SOBA DISINI <textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS AREA SOBAT DISINI <textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> ISI TEXT/KODE <textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI <textarea name="code" rows="3" cols="20" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE <textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA SOBAT DISINI <textarea name="code" rows="3" cols="35" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS AREA SOBAT DISINI  Bagaimana keren kan?? Selamat Mencoba dan Selamata Menunaikan Ibada sholat Maghrib

Bila kemaren saya sempat berbagi tentang cara membuat text area sederhana pada blog. Sekarang (Menjelang Waktu Maghrib) Saya sempatkan diri untuk menshare tentang Cara Muda Modifikasi Text Area Menjadi Keren.
Sekarang saya tidak lagi mau bicara tentang apa itu text area dan digunakan untuk apa. karena sudah saya bahas pada postingan sebelumnya. jika ada diantara sobat yang masih belum mengerti tentang text area silahkan baca kembali postingan sebelumnya disini
Banyak sekali model text area yang saya share kali ini dan diantara yang banyak itu ada yang paling keren, sobat tinggal memilik text area mana yang sobat suka. pokoknya dijamin keren... ren....... ren.........reeeeeeeeeeeeeeeeeeeeen
Adapun Script Text Area keren yang saya share kali ini sebagai berikut :


<br /><br /><textarea name="code" rows="3" co2ls="20" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><br />ISI TEKS AREA SOBA DISINI <textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS AREA SOBAT DISINI <textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> ISI TEXT/KODE <textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI <textarea name="code" rows="3" cols="20" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE <textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA SOBAT DISINI <textarea name="code" rows="3" cols="35" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS AREA SOBAT DISINI  Bagaimana keren kan?? Selamat Mencoba dan Selamata Menunaikan Ibada sholat Maghrib