Wednesday, November 30, 2011

Biodata Bisma SMASH

Biodata Bisma SMASH - Biodata Bisma SMASH semakin ramai dicari di mesin pencari. Tidak kalah dengan biodata justin bieber atau biodata greyson chance. Berikut ini Biodata Bisma SMASH





Nama lahir         Bisma Karisma
Lahir                  27 November 1990 (umur 21)
                          Bandung, Jawa Barat, Indonesia
Jenis Musik        Pop
Pekerjaan           penyanyi, penari, b-boy, aktor

Bisma Karisma (lahir di Bandung, 27 November 1990; umur 21 tahun) adalah seorang penyanyi Indonesia yang tergabung dalam boy band SM*SH. Sebelum bergabung dengan SM*SH, Bisma adalah seorang penari breakdance. Dia sempat mengikuti kontes Let's Dance di Global TV dan mendapat juara pertama, serta juara kedua di Let's Dance Goes To Japan. Bisma merupakan alumni SMA Angkasa Bandung dan saat ini sedang menjalani kuliah di Universitas Komputer Indonesia jurusan Desain Komunikasi Visual. Demikian Biodata Bisma SMASH. Semoga Bermanfaat.


Incoming search terms: biodata bisma kharisma smash, biodata bisma kharisma, biodata bisma smash

Biodata Morgan Smash

Biodata Morgan Smash - Biodata Morgan Smash semakin dicari seiring dengan semakin topnya boyband asal Indonedia SM*SH. Tidak kalah dengan Biodata Greyson Chance dan Biodata Justin Bieber Sama halnya dengan Biodata Bisma Smash yang segera akan saya tulis juga. Berikut ini Biodata Morgan Smash.




Nama: Morgan Oey (Morgan Smash)
TTL: Singkawang, 25 May 1990
Zodiac: Gemini
Pendidikan: Universitas Bina Nusantara, Jakarta
Penyanyi favorit: Justin Timberlake, Rihanna, Christina Aguilera
Artis favorit : Sandra Dewi
Lagu favorit: Breathless, Shayne Ward


Demikian Biodata Morgan Smash. Smoga bermanfaat.
SEE THE BEST FILM OF THE YEAR

About Me

Hello.. :D My name is Reggy Zian Purnama. Call me Reggy. I am a author of Blognya Reggy. I was born on Bandung, September 5th. Now, i live in Denpasar, Bali, Indonesia. Besides this blog, I also have another blog That is Gabuzz. You can find me on Facebook or Twitter or Contact me on HERE
Nice To Meet You!!! :D

Contact Me



Cara membuat posting di homepage tampil hanya judul

Pada post kali ini kita akan membahas tentang tutorial blogspot lagi. Yaitu "Cara membuat posting di homepage tampil hanya judul". Selain fitur read more. Kita juga bisa mempercepat loading blog dengan membuat posting di homepage tampil hanya judul. Caranya cukup mudah. Sobat tinggal menyelipkan beberapa kode di template anda. Berikut Cara membuat posting di homepage tampil hanya judul:

1. login pada blog sobat
2. Rancangan
3. Edit HTML
4. Cari kode ]]</b:skin>
5. Copy kode di bawah ini dan pastekan di bawah kode pada no 6

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>

</style>
6. Simpan Template dan lihat hasilnya

Setelah memasang dan dilihat, ternyata mesih menyisakan elemen - elemen seperti tanggal post dan jumlah komentar. untuk menghilangkannya sisipkan kode di bawah ini di bawah kode ]]</b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>

</style>
Bagaimana? mudah kan? Selamat Mencoba!!! 

Cara membuat popular post dengan komentar

Pada kali ini Blognya Reggy akan menerbitkan post tentang "Cara membuat popular post dengan komentar". Ngomong - ngomong sobat tau Popular post kan? Yups.. Popular post adalah widget daftar artikel blog sobat yang paling sering di baca dan di komentari. Cara memasangnya mudah kok. Ikuti langkah - langkah di bawah ini

1. Login pada blog sobat
2. Rancangan
3. Tambah Gadget
4. HTML/Javascript
5. Copy kode di bawah ini
<script language="javascript">
titlebold=false;
numposts=9999;
maxshowresult=5;
explanation="komentar";
home_page="blognya-reggy.blogspot.com";
</script>
<script style="text/javascript" src="http://www.geocities.ws/reggy/popular%20post.js"></script>
Ganti tulisan yang berwarna merah dengan alamat blog atau web sobat. Dan tulisan yang berwarna biru adalah jumlah popular post yang ditampilkan
6. Simpan

Lihat hasilnya... 
Cara Membuat Banner dan Tukeran Link Banner

1. Login ke blogger

2. Pilih Tata Letak -> Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukan kode HTML berikut ini



<a href="http://tutorial-caramembuatblog.blogspot.com" target="_blank">

<img border="0" width="123" title="KLIK!" src="http://i1097.photobucket.com/albums/g359/bashori_alwi/logo.png" height="50"/></a>

<!------------------------------------------------------------>

<textarea rows="6" cols="16"><a href="http://tutorial-caramembuatblog.blogspot.com" target="_blank">

<img border="0" width="123" title="KLIK!" src="http://i1097.photobucket.com/albums/g359/bashori_alwi/logo.png" height="34"/></a></textarea>





5. Sebelum disimpan, berikut ini hal-hal yang perlu kita ubah.



  • kode adalah bannernya dan di bawahnya adalah textarea, kotak berisi kode banner.

* http://tutorial-caramembuatblog.blogspot.com adalah URL yang dituju, kita ganti dengan URL kita sendiri.

* http://images.cooltext.com/531532.gif adalah URL gambar atau logo banner.

* Kita juga dapat mengatur lebar dan tinggi banner dengan mengubah angka-angka pada width dan height. dan kotak (textarea) dengan mengubah angka pada rows dan cols. Kalaupuan tidak diubah juga tidak akan jadi masalah



Mungkin diantara kita masih, masih belum bisa membuat logo banner sendiri, jangan khawatir, karena kita juga bisa membuat logo banner secara online dengan mudah dan cepat. Kita bisa membuatnya di cooltext.com disana kita tinngal memilih modelnya, menganti judul, tulisan, dan warna, setelah itu sedikit registrasi dan kita akan mendapatkan kode HTMLnya. Ambil saja URL gambar atau logonya saja.








Cara Membuat Banner dan Tukeran Link Banner

1. Login ke blogger

2. Pilih Tata Letak -> Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukan kode HTML berikut ini













5. Sebelum disimpan, berikut ini hal-hal yang perlu kita ubah.



* Diatas kode adalah bannernya dan di bawahnya adalah textarea, kotak berisi kode banner.

* http://tutorial-caramembuatblog.blogspot.com adalah URL yang dituju, kita ganti dengan URL kita sendiri.

* http://images.cooltext.com/531532.gif adalah URL gambar atau logo banner.

* Kita juga dapat mengatur lebar dan tinggi banner dengan mengubah angka-angka pada width dan height. dan kotak (textarea) dengan mengubah angka pada rows dan cols. Kalaupuan tidak diubah juga tidak akan jadi masalah



Mungkin diantara kita masih, masih belum bisa membuat logo banner sendiri, jangan khawatir, karena kita juga bisa membuat logo banner secara online dengan mudah dan cepat. Kita bisa membuatnya di cooltext.com disana kita tinngal memilih modelnya, menganti judul, tulisan, dan warna, setelah itu sedikit registrasi dan kita akan mendapatkan kode HTMLnya. Ambil saja URL gambar atau logonya saja.
Al Asmaaul Husnaa






Written by Aang   
Saturday, 17 January 2009











































Last Updated ( Tuesday, 03 February 2009 )
 

Tuesday, November 29, 2011

Free Download Tema Angry Birds untuk Windows 7

Free Download Tema Angry Birds untuk Windows 7 - Seiring dengan demam Angry Birds yang melanda seluruh dunia. Saya sebagai penggemar si "Burung Marah" juga gak mau ketinggalan mencari update terbaru tentang Angry Birds. Nah Kali ini saya akan berbagi Free Download Tema Angry Birds untuk Windows 7

Angry Birds adalah sebuah game simpel tapi sering membuat frustasi para penikmatnya. Sampai saat ini telah diunduh lebih dari 300juta pengguna, baik itu lewat iPhone, Android, dan PC.

Nah, bagi Anda yang memang penggemar berat Angry Birds, belum lengkap kalau tema windows 7 Anda tidak Angry Birds.

Silahkan download filenya disini kawan
http://www.4shared.com/file/4OD8tO14/angry_birds_by_bbosa__2_.html
 Kemudian cara instal tema windows 7 ini.
1. Silahkan buka angry birds by bbosa (2).ra
2. Tunggu Filenya di ekstrak.
3. Kemudian klik Instal dan tunggu sampai selesai


Berikut ini kira- kira screen shoot nya.



Demikian Free Download Tema Angry Birds untuk Windows 7, Semoga bermanfaat.
Baca Juga:

Biodata Justin Bieber

Foto Justin Bieber Terbaru 2012 - Setelah kemarin saya ngepost artikel tentang Biodata Greyson Chance, sekarang giliran Biodata Justin Bieber yang saya tembak. Meskipun agak telat gak apa-apa deh. hehe Berikut ini Biodata Justin Bieber selengkapnya



Nama lengkap      : Justin Drew Bieber

Lahir                    : 1 Maret 1994 (umur 17)[1]
Asal                     : Stratford, Ontario, Kanada
Genre                  : Pop, R&B, Dance-pop

Justin Bieber menjadi sensasi di Amerika Serikat pada tahun 2009 setelah ditemukan oleh Scooter Braun melalui video kompetisi menyanyi lokal "Stratford Star" di Ontario yang dipublikasikan di YouTube oleh ibu Justin di tahun 2007, dimana Justin meraih peringkat kedua. Scooter Braun, seorang agen pencari bakat dan mantan Marketing Eksekutif perusahaan So So Def melihat video ini dan memutuskan untuk mempertemukan Justin Bieber dengan Usher untuk audisi. Singel pertamanya yang berjudul "One Time", diterbitkan secara serentak diseluruh dunia di tahun 2009, dan meduduki peringkat 30 besar di lebih dari 10 negara. Albumnya pertamanya "My World" (Duniaku) kemudian mengikuti pada 17 November 2009 dan menerima penghargaan platinum di Amerika Serikat, dan menjadi penyanyi pertama yang memiliki tujuh lagu dari album pertama yang keseluruhannya berhasil mendapat peringkat di Billboard Hot 100, sebuah daftar lagu-lagu terkemuka yang sedang digemari.

Pada Januari 2011 koran The Jakarta Post mencatat ribuan pengemar di Jakarta antri untuk mendapatkan tiket konser Justin Bieber di Jakarta. Sejumlah 10.500 lembar tiket dipersiapkan, dan sebanyak 4.000 tiket habis terjual di hari pertama. Konser Justin Bieber pada tanggal 23 April 2011 yang bertempat di Sentul International Convention Center memiliki harga tiket bervariasi mulai dari Rp 500,000 (US $55) hingga Rp 1 juta. Justin Bieber juga mengucapkan terima kasihnya kepada para fans di Indonesia dengan menggunakan bahasa Indonesia.

SEE THE BEST FILM OF THE YEAR

Membuat Gambar Melayang Di Pojok

Berikut ini saya Mencoba ngebahas gimana cara membuat gambar yang selalu berlari tanpa henti dan berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari klik disini untuk melihatnya (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#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); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body
>

<div id="trik_pojok">
<a href="http://trik-nyaman.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>

"http://trik-nyaman.blogspot.com" adalah link. ganti dengan link kamu.
"http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Membuat Gambar Melayang Di Pojok

Berikut ini saya Mencoba ngebahas gimana cara membuat gambar yang selalu berlari tanpa henti dan berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari klik disini untuk melihatnya (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#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); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body
>

<div id="trik_pojok">
<a href="http://trik-nyaman.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>

"http://trik-nyaman.blogspot.com" adalah link. ganti dengan link kamu.
"http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Membuat menu Disamping Di Blogspot



Langsunga saja ya. Selain membuat menu di blog dengan cara  Menu horizontal ataupun Menu vertical yang telah saya posting sebelumnya. Saya akan memberikan menu dalam bentuk lain. Yaitu menu tersebut tersembunyi di bagian samping halaman blog anda, untuk cara lebih jelas anda cukup mengikuti cara-cara di bawah ini
















  1. Login ke www.blogger.com dengan akun anda
  2. Pilih rancangan
  3. Tambah gadget baru
  4. Pilih HTML / JavaScript
  5. Masukan kode diwah ini

<div class='sidebar section' id='sidebar'><div class='widget html' id='html10'><div class='widget-content'><script type="text/javascript">//Static Slide Menu 6.5 &#169; MaXimuS 2000-2001, All Rights Reserved.//Site: http://www.absolutegb.com/maximus//Script featured on Dynamic Drive (http://www.dynamicdrive.com)NS6 = (document.getElementById&&!document.all)IE = (document.all)NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") tempBar='';barBuilt=0;ssmItems=new Array(); function truebody(){return (document.compatMode!="BackCompat")? document.documentElement : document.body} moving=setTimeout('null',1)function moveOut() {if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}else {clearTimeout(moving);moving=setTimeout('null',1)}};function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}function moveBack1() {if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}else {clearTimeout(moving);moving=setTimeout('null',1)}}function slideMenu(num){if (IE) {ssm.pixelLeft += num;}if (NS6) {ssm.left = parseInt(ssm.left)+num+"px";}if (NS) {ssm.left = parseInt(ssm.left)+num; bssm.clip.right+=num;bssm2.clip.right+=num;}} function makeStatic() {if (NS||NS6) {winY = window.pageYOffset;}if (IE) {winY = truebody().scrollTop;}if (NS6||IE||NS) {if (winY!=lastY&&winY>YOffset-staticYOffset) {smooth = .2 * (winY - lastY - YOffset + staticYOffset);}else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}else {smooth=0}if(smooth > 0) smooth = Math.ceil(smooth);else smooth = Math.floor(smooth);if (IE) bssm.pixelTop+=smooth;if (NS6) bssm.top=parseInt(bssm.top)+smooth+"px"if (NS) bssm.top=parseInt(bssm.top)+smoothlastY = lastY+smooth;setTimeout('makeStatic()', 1)}} function buildBar() {if(barText.indexOf('<IMG')>-1) {tempBar=barText}else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')} function initSlide() {if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").stylebssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}else if (NS) {bssm=document.layers["basessm1"];bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];bssm2.clip.left=0;ssm.visibility = "show";}if (menuIsStatic=="yes") makeStatic();} function buildMenu() {if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+'px ;Top : '+YOffset+'px ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'px"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+'px ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'"><TR><TD>')}document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'">');for(i=0;i<ssmItems.length;i++) {if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}if(!ssmItems[i][1]){document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'px" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'px" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A href="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}if(ssmItems[i][4]!="no"){document.write('</TR>')}}document.write('</table>')if (NS6){document.write('</TD></TR></TABLE>')}if (IE||NS6) {document.write('</DIV></DIV>')}if (NS) {document.write('</LAYER></ILAYER></LAYER>')}theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}</script><script type="text/javascript">YOffset=150;XOffset=0;staticYOffset=30;slideSpeed=20waitTime=100;menuBGColor="#42A4ED";menuIsStatic="yes";menuWidth=150;menuCols=2;hdrFontFamily="verdana";hdrFontSize="2";hdrFontColor="black";hdrBGColor="#800000";hdrAlign="left";hdrVAlign="center";hdrHeight="15";linkFontFamily="Verdana";linkFontSize="2";linkBGColor="white";linkOverBGColor="#ffffff";linkTarget="_top";linkAlign="Left";barBGColor="#42A4ED";barFontFamily="Verdana";barFontSize="2";barFontColor="white";barVAlign="center";barWidth=20; // no quotes!!barText="TWESCO (XII IPA 1)"; // kenging ngangge tag <IMG>, mangga ngangge code html  // ----- Mimiti Edit MenussmItems[0]=["DAFTAR"] //Header MenussmItems[1]=["Home", "xxxxx", ""]
ssmItems[2]=["Tips And Trick", "xxxxx",""]
ssmItems[3]=["Download", "xxxxx", ""]
ssmItems[4]=["Biografi", "xxxxx", ""]
buildMenu();//----- Parantos Edit Menu</script></div></div></div>




Keteranganm :
Tulisan yang berwarna merah dapat anda ganti dengan menu-menu yang akan anda buat
Tulisan yang berwarna merah dapat anda ganti dengan URL dari menu yang anda buat


Jiak anda menyukai tips ini mjangan lupa tinggalkan komentar dan like blog ini
Terimakasih atas kunjungan anda

Membuat menu Disamping Di Blogspot



Langsunga saja ya. Selain membuat menu di blog dengan cara  Menu horizontal ataupun Menu vertical yang telah saya posting sebelumnya. Saya akan memberikan menu dalam bentuk lain. Yaitu menu tersebut tersembunyi di bagian samping halaman blog anda, untuk cara lebih jelas anda cukup mengikuti cara-cara di bawah ini
















  1. Login ke www.blogger.com dengan akun anda
  2. Pilih rancangan
  3. Tambah gadget baru
  4. Pilih HTML / JavaScript
  5. Masukan kode diwah ini

<div class='sidebar section' id='sidebar'><div class='widget html' id='html10'><div class='widget-content'><script type="text/javascript">//Static Slide Menu 6.5 &#169; MaXimuS 2000-2001, All Rights Reserved.//Site: http://www.absolutegb.com/maximus//Script featured on Dynamic Drive (http://www.dynamicdrive.com)NS6 = (document.getElementById&&!document.all)IE = (document.all)NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") tempBar='';barBuilt=0;ssmItems=new Array(); function truebody(){return (document.compatMode!="BackCompat")? document.documentElement : document.body} moving=setTimeout('null',1)function moveOut() {if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}else {clearTimeout(moving);moving=setTimeout('null',1)}};function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}function moveBack1() {if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}else {clearTimeout(moving);moving=setTimeout('null',1)}}function slideMenu(num){if (IE) {ssm.pixelLeft += num;}if (NS6) {ssm.left = parseInt(ssm.left)+num+"px";}if (NS) {ssm.left = parseInt(ssm.left)+num; bssm.clip.right+=num;bssm2.clip.right+=num;}} function makeStatic() {if (NS||NS6) {winY = window.pageYOffset;}if (IE) {winY = truebody().scrollTop;}if (NS6||IE||NS) {if (winY!=lastY&&winY>YOffset-staticYOffset) {smooth = .2 * (winY - lastY - YOffset + staticYOffset);}else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}else {smooth=0}if(smooth > 0) smooth = Math.ceil(smooth);else smooth = Math.floor(smooth);if (IE) bssm.pixelTop+=smooth;if (NS6) bssm.top=parseInt(bssm.top)+smooth+"px"if (NS) bssm.top=parseInt(bssm.top)+smoothlastY = lastY+smooth;setTimeout('makeStatic()', 1)}} function buildBar() {if(barText.indexOf('<IMG')>-1) {tempBar=barText}else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')} function initSlide() {if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").stylebssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}else if (NS) {bssm=document.layers["basessm1"];bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];bssm2.clip.left=0;ssm.visibility = "show";}if (menuIsStatic=="yes") makeStatic();} function buildMenu() {if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+'px ;Top : '+YOffset+'px ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'px"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+'px ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'"><TR><TD>')}document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'">');for(i=0;i<ssmItems.length;i++) {if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}if(!ssmItems[i][1]){document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'px" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'px" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A href="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}if(ssmItems[i][4]!="no"){document.write('</TR>')}}document.write('</table>')if (NS6){document.write('</TD></TR></TABLE>')}if (IE||NS6) {document.write('</DIV></DIV>')}if (NS) {document.write('</LAYER></ILAYER></LAYER>')}theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}</script><script type="text/javascript">YOffset=150;XOffset=0;staticYOffset=30;slideSpeed=20waitTime=100;menuBGColor="#42A4ED";menuIsStatic="yes";menuWidth=150;menuCols=2;hdrFontFamily="verdana";hdrFontSize="2";hdrFontColor="black";hdrBGColor="#800000";hdrAlign="left";hdrVAlign="center";hdrHeight="15";linkFontFamily="Verdana";linkFontSize="2";linkBGColor="white";linkOverBGColor="#ffffff";linkTarget="_top";linkAlign="Left";barBGColor="#42A4ED";barFontFamily="Verdana";barFontSize="2";barFontColor="white";barVAlign="center";barWidth=20; // no quotes!!barText="TWESCO (XII IPA 1)"; // kenging ngangge tag <IMG>, mangga ngangge code html  // ----- Mimiti Edit MenussmItems[0]=["DAFTAR"] //Header MenussmItems[1]=["Home", "xxxxx", ""]
ssmItems[2]=["Tips And Trick", "xxxxx",""]
ssmItems[3]=["Download", "xxxxx", ""]
ssmItems[4]=["Biografi", "xxxxx", ""]
buildMenu();//----- Parantos Edit Menu</script></div></div></div>




Keteranganm :
Tulisan yang berwarna merah dapat anda ganti dengan menu-menu yang akan anda buat
Tulisan yang berwarna merah dapat anda ganti dengan URL dari menu yang anda buat


Jiak anda menyukai tips ini mjangan lupa tinggalkan komentar dan like blog ini
Terimakasih atas kunjungan anda

Membuat menu Vertikal Di Blogspot

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]> atau sebelum kode . Pokoknya ditaruh di dalam Barisan kode CSS deh.


.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }

lalu save temlate anda, dan lihat hasilnya

Membuat menu Vertikal Di Blogspot

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]> atau sebelum kode . Pokoknya ditaruh di dalam Barisan kode CSS deh.


.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }

lalu save temlate anda, dan lihat hasilnya

Cara Membuat Menu Navigasi Slide Horizontal Blogspot

Membuat Menu Horizontal Blogspot

Ketika anda membuat blog di blogspot, anda tidak akan menemukan fiturmenu navigasi seperti blog pada umumnya. Navigasi menu pada blospot biasanya berupa link list vertikal kebawah dan tidak berupa menu horizontal. Namun anda tidak perlu berkecil hati, karena kita masih bisa membuat menu di blogpsot secara horizontal. Menu ini berfungsi sebagai navigasi pembaca untuk melihat-lihat halaman lain atau kategori lain dalam blog anda. Pada posting ini kita akan belajar cara membuat menu di blogspot.
kuti langkah-langkah berikut ini untuk membuat menu navigasi slide horizontal blogspot :

1. Login ke Blogger, masuk ke bagian design, lalu edit html dan berikan tanda centang pada expand widget template

2. Cari kode <div id='content-wrapper'> dan tambahkan kode berikut ini diatasnya. Jika anda tidak menukan kode ini, usahakan anda taruh kode berikut ini diatas blogpost anda. Ini karena template tiap blog berbeda, dan tergantung template yang dipakai.
<div id='Menumainwrapx'>
<b:section id='NavbarMenux'>
<b:widget id='HTML50' locked='false' title='MembuatMenu' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div> <!-- End Menumainwrapx -->
<div class='clear'/>

3. Lalu tambahkan juga kode berikut di atas kode ]]></b:skin>
#Menumainwrapx {
background:url(http://farm2.static.flickr.com/1046/5118494385_6bed6df208_t.jpg) repeat-x scroll 0 0 #222222;
border-bottom:1px solid #CCCCCC;
height:42px;
margin:0;
padding:0;
}
#NavbarMenux {
width: 950px;
height: 41px;
font-size: 13px;
color:#333333;
margin: 0px;
padding: 0;
font-weight:bold;
font-family:arial;
margin: 0 auto;
}
#NavbarMenuleftx {
width: 950px;
margin: 0;float:left;}
#navx { margin: 0;
padding: 0; }
#navx ul {
float: left;
list-style: none;
margin: 0;
padding: 0; }
#navx li {
list-style: none;
margin: 0px;
padding: 0; }
#navx li a,
#navx li a:link,
#navx li a:visited {
height: 22px;
color: #333333;
display: block;
font-size: 13px;
text-decoration: none;
margin: 0;
padding:10px 13px 9px 13px;
border-right: 1px solid #CFCFCF; }
#navx li a:hover,
#navx li a:active {
color: #333;
margin: 0;
text-decoration: none;
background:#F0F0F0;
}
#navx li li a, #nav li li a:link,
#navx li li a:visited {
background:url(http://farm2.static.flickr.com/1190/5119105082_e113afd892_t.jpg) repeat-x scroll 0 0 #f5f5f5;
min-width: 150px;
color: #333333;
font-size: 14px;
font-weight: normal;
float: none; margin: 0;
padding: 5px 10px;
font-weight:bold;
font-family:arial;
box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
text-align:left;}
#navx li li a:hover,
#navx li li a:active {
background: #F5F5F5;
color: #333;
}
#navx li {
float: left;
padding: 0; }
#navx li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin:0;
padding: 0;
border-top:1px solid #242424;
}
#navx li ul a {
width: 140px; }
#navx li ul ul {
margin: -41.5px 0 0 176px;
border:none;}
#navx li:hover ul ul,
#navx li:hover ul ul ul, #navx li.sfhover ul ul,
#navx li.sfhover ul ul ul {
left: -999em; }
#navx li:hover ul,
#navx li li:hover ul,
#navx li li li:hover ul,
#navx li.sfhover ul,
#navx li li.sfhover ul,
#navx li li li.sfhover ul {
left: auto; }
#navx li:hover,
#navx li.sfhover {
position: static; }
Simpan template anda dahulu.


4. Buka page element cari gadget dengan nama ‘MembuatMenu’ yang berada di atas gadget posting blog, lalu klik edit dan masukkan kode berikut pada kotak content.
<div id='navbarmenuleftx'>
<ul id='navx'>

<li><a href='/'>Home</a></li>
<li><a href='#yourlink'>Menu 1</a>
<ul>
<li><a href='#yourlink'>Menu 1.1</a>
<ul>
<li><a href='#yourlink'>Menu 1.1.1</a></li>
<li><a href='#yourlink'>Menu 1.1.2</a></li>
<li><a href='#yourlink'>Menu 1.1.3</a></li>
<li><a href='#yourlink'>Menu 1.1.4</a></li>
</ul>
</li>

<li><a href='#yourlink'>Menu 1.2</a>
<ul>
<li><a href='#yourlink'>Menu 1.2.1</a></li>
<li><a href='#yourlink'>Menu 1.2.2</a></li>
<li><a href='#yourlink'>Menu 1.2.3</a></li>
<li><a href='#yourlink'>Menu 1.2.4</a></li>
</ul>
</li>

<li><a href='#yourlink'>Menu 1.3</a>
<ul>
<li><a href='#yourlink'>Menu 1.3.1</a></li>
<li><a href='#yourlink'>Menu 1.3.2</a></li>
<li><a href='#yourlink'>Menu 1.3.3</a></li>
<li><a href='#yourlink'>Menu 1.3.4</a></li>
</ul>
</li>
</ul>
</li>

</ul>
</div>
Sesuaikan dengan link dan menu yang akan anda buat dengan mengedit tulisan yang berwarna merah diatas. Misal
#yourlink, bisa anda ganti dengan http://namablogmu.blogspot.com/search/label/NamaLabelBlogmu 
Menu, anda ganti dengan judul tampilan yang muncul

Simpan dan anda lihat hasilnya. Anda sekarang berhasil membuat menu navigasi slide horizontal blogspot. Selamat
My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free