Membuat Blogroll atau Kategori blog yang ingin anda masukkan,baik itu dalam suatu posting maupun halaman html khusus untuk sidebar maupun footer,kadang akan memakan banyak tempat jika kategori terlalu panjang/banyak. Di sini saya akan coba membuat contoh blogroll yang dapat menghemat tempat/halaman blog kita. Untuk membuat/menghemat halaman web/blog,kita bisa menggunakan Fungsi scrollbar,dropdown,marquee,dll. Seperti postingan saya sebelumnya,bagaimana membuat text berjalan,fungsi scrollbar,dropdown maupun marquee. Tapi nggak ada salahnya jika saya mengulang memberikan kode-kode tersebut di sini (biar lebih ringkas,he..)
<option># Dropdown # </option><option value="http://pelajaran-blog.blogspot.com">Contoh 1</option><option value="http://pelajaran-blog.blogspot.com">Contoh 2</option><option value="http://pelajaran-blog.blogspot.com">Contoh 3</option><option value="http://pelajaran-blog.blogspot.com">Contoh 4</option><option value="http://pelajaran-blog.blogspot.com">Contoh 5</option></select></form>
Hasilnya seperti di bawah ini :
<a href="http://pelajaran-blog.blogspot.com"<a href="http://pelajaran-blog.blogspot.com"Hasilnya akan seperti di bawah ini :
target="_blank">Contoh 3</a></marquee>
Hasilnya seperti di bawah ini : Anda coba dulu baru tahu hasilnya :) duk ! PR.. Gimana? pilih yang mana? selamat mencoba ya! |
Selasa, 27 Januari 2009
Membuat Blogroll
Membuat Menu Drop Down
Untuk membuat menu dropdown,selain membuat situs lebih rapi,juga sambil belajar yuk! <form><select name="menu"Contoh penggunaan kode : <form><select name="menu"Yang hasilnya nanti akan seperti di bawah ini : Sangat Mudah khan? Selamat mencoba ya..!! Baca Juga Yang Ini.. |
Membuat tempat kode script / html
Seperti yang pernah saya posting beberapa waktu yang lalu,hanya kali ini menggunakan kode yang sangat sederhana.seperti saat ingin memposting suatu blog,dan ingin menyampaikan kode kepada pengunjung,biasanya kita mengalami kesulitan. <table border="0"width="361"><tr><td bgcolor="#E0E0E0"Bagian "Kode anda Disini" yang berwarna hijau diatas,untuk area,artikel yang ingin anda posting. Sedangkan,jika anda ingin menyampaikan/memposting suatu kode html/javascript,tetap di area yang berwarna hijau diatas(jika ingin kode berada dalam sebuah tabel), dengan catatan:karakter dari kode yang ingin anda sampaikan,di ubah dalam sebuah notasi.Untuk lebih jelasnya lihat Ilustrasi di bawah ini : Jika saya ingin menuliskan <head> pada artikel saya,maka pada saat memposting saya akan menuliskan sebuah kode :<head>Notasi yang tercetak tebal di atas ( < dan > ),saat posting terpublikasikan,akan tampil menjadi karakter < dan >.Untuk lebih jelasnya soal notasinya anda bisa baca . Sudah jelas khan ? Untuk simbol atau karakter yang lain seperti; $,#,*,dll bisa anda tuliskan seperti biasanya. Baca Juga Yang Ini.. |
Mengatur Warna dan Huruf pada Blog
Untuk para blogger baru, sobat akan menikmati fasilitas baru dari www.blogger.com, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). pengaturan warna background blog. Silahkan klik warna yang ada di sebelah --> pengaturan warna huruf dari posting-an --> pengaturan warna huruf yang di link --> pengaturan --> pengaturan warna huruf deskripsi blog Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis Color --> pengaturan warna Color --> pengaturan warna Color --> --> pengaturan jenis huruf,berlaku untuk hurup hasil dari posting-an --> pengaturan jenis huruf --> pengaturan jenis huruf Judul blog --> Pengaturan jenis hurup dekripsi blog Font --> mengakhiri pengaturan. Selesai Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah. Postingan ini 100% saya ambil dari artikel oleh kolom-tutorial.blogspot.com "Mengatur Hurup dan Warna" Kamis, April 19, 2007. All Right Reserved by kolom-tutorial.blogspot.com |
Senin, 19 Januari 2009
About Author
Hidupnya tergolong makmur meski hanya makan 4 (empat) kali dalam seminggu,,meskipun kisah hidup begitu sangat mengenaskan,dia bersi keras ingin merubah nasib hidup yang tak juga kunjung berubah itu. Pantang menyerah !! Hidup Adsense ! Hidup Bisnis yo wis,sak karepmu !!© Copyright By Pujiantoro |
Bukan Syekh Puji Minggu, 18 Januari 2009
Membuat Object Always on Top
Membuat gambar pada halaman situs yang akan selalu nongol,ternyata tidaklah susah.Mungkin sering kita jumpain pada situs-situs penawar produk atau bisnis.
Untuk membuatnya ikuti langkah-langkah di bawah ini : Pertama,pergi ke Tata letak (untuk blogspot)
Klo dah ketemu,letakkan kode di bawah ini tepat di atas kode tersebut.
**Untuk merubah posisi,anda bisa mengubah dari bottom menjadi top dan left menjadi right.Untuk ukuran anda tentukan sendiri.
Masih di Edit Html,selanjutnya,cari kode : Ada 2 pilihan tampilan : 1.Copy paste kode dibawah ini untuk menampilkan image beserta linknya : 2.Copy paste kode dibawah ini untuk menampilkan image,link,kata dan status YM:
Memang sebaiknya,sebelum kode di letakkan,edit telebih dahulu ke dalam notepad.
Sumber :http://master-blog-ayiek.blogspot.com/ |
Membuat Favicons / Cara Membuat Favicon
Untuk Identitas sekaligus ciri khas suatu situs,biasanya seperti blog katalog,kumpul blogger dan yang lain biasanya mereka memakai ikon kecil pada address bar disamping alamat url nya. <link href='http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif' rel='shotcut icon'/>
Anda bisa upload ico file pada situs-situs penyedia ico uploader atau pada postingan anda sendiri |
Menjadikan web sebagi Home Page
Ya,form untuk menjadikan suatu situs menjadi home page,maksudnya seperti halnya anda mengatur option pada internet option dan mengatur situs tertentu sebagai home page. <form><input type="button" value="Jadikan web ini sebagai Home Page" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://geliat-bisnis.blogspot.com');"></form>Hasilnya akan seperti di bawah ini: Sangat mudah khan ! Selamat mencoba ya ! ** Kode ini hanya akan bekerja baik pada IE Windows 98/2000/xp Baca Juga Yang Ini.. |
Menghilangkan Garis bawah pada Link
Kadang kita jembek ya ! alias buenci alias suebel klo bikin suatu alamat web,underline secara otomatis(emang dah diformat gitu..:o) <a href="http://www.situs_tujuan.com">Link Biasa</a>Anda selipkan kode yang berwarna merah di bawah ini,sehingga menjadi : <a href="http://www.situs_tujuan.com" style="text-decoration: none">Link tanpa Underline</a>Have nice day !! dan selamat mencoba !! Baca Juga Yang Ini.. |
Cara Membuat Marquee / Text Berjalan / Rolling text
Pergi keTambah halaman,Add widget pilih Html / Javascript lalu copy paste kode di bawah ini:<marquee onmouseover="this.stop()" onmouseout="this.start()"Untuk situs tujuan anda bisa menentukan sendiri,disini sebagai contoh yang saya pakai diatas : www.yahoo.com,www.google.com dan geliat-bisnis.blogspot.com sebagai situs tujuannya. Adapun macam-macamnya: kode: <marquee>Cara Membuat Marquee / Text Berjalan / Rolling text</marquee>hasilnya: kode: <marquee onmouseover="this.stop()" onmouseout="this.start()">Cara Membuat Marquee / Text Berjalan / Rolling text</marquee>hasilnya (berhenti saat mouse diatasnya): kode: <marquee direction="right">Cara Membuat Marquee / Text Berjalan / Rolling text</marquee>hasilnya (dari kanan ke kiri): kode: <marquee behavior="alternate">Cara Membuat Marquee / Text Berjalan / Rolling text</marquee>hasilnya (bolak-balik): Mudah banget ya. :) Baca Juga Yang Ini.. |
Membuat Indikator Yahoo Messenger
| Sering kita melihat pada blog maupun situs-situs terkenal,menggunakan fItur ini. Adalah Indikator Yahoo Messenger,kita bisa menmpilkannya pada halaman situs kita. Ini sangat berguna sekali karna customer atau pengunjung akan tahu kita dalam keadaan online atau not online. Ada 3 pilihan tampilan,untuk tampilan kecil,sedang dan besar. Pergi keTambah halaman,Add widget pilih Html / Javascript. Untuk tampilan kecil anda bisa copy paste kode di bawah ini: <a href="ymsgr:sendim?ID_YM_anda><img border="0" src="http://opi.yahoo.com/online?u=id_yahoo.com/online?u=id_yahoo_anda &m=g&t=1" /></a>Untuk tampilan sedang copy paste kode di bawah ini: <a href="ymsgr:sendim?ID_YM_anda><img src="http://opi.yahoo.com/online?u=ID_YM_anda&m=g&t=1" border=0></a>Untuk tampilan besar copy paste kode di bawah ini: <a href="ymsgr:sendim?ID_YM_anda><img src="http://opi.yahoo.com/online?u=ID_YM_anda&m=g&t=2" border=0></a>Nggak begitu sulit khan !? selamat mencoba ! dan semoga berhasil :D Baca Juga Yang Ini.. |
Kode Menampilkan situs lain ke dalam Blog
Seperti yang telah saya posting beberapa minggu yang lalu tentang menampilkan situs lain ke dalam situs kita. Untuk menampilkan suatu situs kedalam situs kita, Tambahkan halaman baru html/javascript,lalu copy paste kode di bawah ini : <iframe name="Menampilkan situs dalam suatu situs" src="http://www.yahoo.com" marginwidth="0" marginheight="0" readonly ="true" vspace="0" hspace="0" allowtransparency="true" scrolling="yes" width="300" frameborder="0" height="250"></iframe> Untuk alamat situs yang ingin dimasukkan saya ambil contoh : www.yahoo.com Hasilnya akan seperti di bawah ini: Tinggal rubah sendiri ya.. width="300" menentukan lebar,isi terserah anda height="250" menentukan tinggi,isi terserah anda Semoga bermanfaat ya ! Baca Juga Yang Ini.. |
Membuat Tag Clouds
Tag Clouds ...Untuk membuat tag clouds,anda harus sudah membuat label pada situs anda. Pilih bagian Dashboard ke Pengaturan lalu pada Page Element tambah halaman baru add widget, pilih Label. Setelah itu Edit HTML kemudian beri tanda centang pada Expand Widget Templates. Cari kode :
Klo dah ketemu,lalu copy paste kode di bawah ini diatasnya : /* Label Cloud Styles Setelah itu,tepat di bawah kode : ]]></b:skin> copy paste kode di bawah ini : <script type='text/javascript'> Lalu simpan template. Langkah terakhir,masih pada Edit HTML cari kode di bawah ini : < b:includable id='main'> <b:if cond='data:title'> <h2></h2> <b:include name='quickedit'/> </div> </b:includable> Kalau dah ketemu,ganti kode diatas dengan kode di bawah ini : Alangkah baiknya backup terlebih dahulu template ke komputer anda, Akurat koq :) <b:widget id='Label1' locked='false' title='Label Cloud' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <div id='labelCloud'/> <script type='text/javascript'> // Don't change anything past this point ----------------- // Cloud function s() ripped from del.icio.us function s(a,b,i,x){ if(a>b){ var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m) } else{ var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a) } return v } var c=[]; var labelCount = new Array(); var ts = new Object; <b:loop values='data:labels' var='label'> var theName = "<data:label.name/>"; ts[theName] = <data:label.count/>; </b:loop> for (t in ts){ if (!labelCount[ts[t]]){ labelCount[ts[t]] = new Array(ts[t]) } } var ta=cloudMin-1; tz = labelCount.length - cloudMin; lc2 = document.getElementById('labelCloud'); ul = document.createElement('ul'); ul.className = 'label-cloud'; for(var t in ts){ if(ts[t] < cloudMin){ continue; } for (var i=0;3 > i;i++) { c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz) } var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz); li = document.createElement('li'); li.style.fontSize = fs+'px'; li.style.lineHeight = '1'; a = document.createElement('a'); a.title = ts[t]+' Posts in '+t; a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')'; a.href = '/search/label/'+encodeURIComponent(t); if (lcShowCount){ span = document.createElement('span'); span.innerHTML = '('+ts[t]+') '; span.className = 'label-count'; a.appendChild(document.createTextNode(t)); li.appendChild(a); li.appendChild(span); } else { a.appendChild(document.createTextNode(t)); li.appendChild(a); } ul.appendChild(li); abnk = document.createTextNode(' '); ul.appendChild(abnk); } lc2.appendChild(ul); </script> <noscript> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <data:label.name/> <b:else/> <a expr:href='data:label.url'><data:label.name/></a> </b:if> (<data:label.count/>) </li> </b:loop> </ul> </noscript> <b:include name='quickedit'/> </div> </b:includable> </b:widget> Simpan Template! Selesai !Baca Juga Yang Ini.. |