Minggu, 13 April 2014

Cara Membuat Menu Pull Up Dan Pull Down Di Blog

Nah kita di pertemukan lagi nih untuk membahas beberapa cara di dalam tutorial blogspot, nah untuk masalah kali ini kita akan membahas tips sederhana yang lagi netren di dunia bloger yaitu Cara MEmbuat Menu Pull Up Dan Pull Down Di Blogspot,nah tanpa banyak bicara kita langsung saja ke Tutorial yang akan kita bahas

Yang sobat wajib lakukan adalah Login Ke Blogger setelah itu masuk Ke Dashbord lalu Ke Perancangan lalu jangan lupa masuk ke Edit Html, jangan lupa Centang Expant Template Widget

Kemudian Cari Kode ]]></b:skin> lalu Letakkan Kode Berikut Ini Di atas Kode tersebut


#mangetsu {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

Nah sekarang cari kode </body> Dan Letak Kode Dibawah Ini Tepat Diatasnya :

<a name='Ilham-bottom'></a>
 Langkah Terakhir Tinggal Memasukan Kode Dibawah  Ini Tepat Dibawah Kode <body>


 <div id='mangetsu'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfxY6ghtq5hlc5KS5yea2vRhlEC2n0Euyp3DhwJiDodd1JJfVfk1H4bbVoTcHRNa0IKGs4InQennWs8eF2Z09BQiK4ZxjJV_cODSvapSVOM3lzEIzCWbBCg2XX7a-sf64PMm4kbTFebxg/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO6EKhzy2RhGHj18ji0W9nZLu3H5FAVouKt8wtGBbk5PAReJWopL6uzpjTilhZV562oXa1oi-vjD1n54I6WUw0tFH3PtBAgCzv_ca7LTRheVtgBxj_tq5lGj6sz41N2su4_vGG0o_rjZc/s320/pre-icon1.png'/></a></td>
<td><a href='#ilham-botto' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKCjoE-GjZac2RO1ihh-F36tPvRCJW2Mo76dMKaz41sQf0iIQ6OwSGXKlZatf-M67kTj3YWanQEol_i5sWpY3iXkosf7EIod1taruUxzupUWXFnjVajAsYBzMYMpYxobXhwi_LCcxpbAk/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>
Nah Tinggal Di save saja kalau begitu,ets jangan lupa kalau mau berkreasi dengan gambar sendiri pada code terakhir yang saya garis tebali bisa di ganti URL sobat sendiri sesuai keinginan gambar yang sobat Inginkan sekian dulu tips dari saya

Macam-macam Kode HTML Dasar Memberi Efek Pada Teks

 
Hay sobat ....
Kali ini saya mau kasih tahu beberapa Macam-macam Kode HTML Dasar Memberi Efek Pada Teks.
Di bawah ini sudah saya tuliskan kode html nya :

- Membuat teks menjadi link, kode html :
< a h r e f = " u r l " > t e k s < / a >

 -Membuat teks menjadi tebal, kode html :
< b > t e k s < / b >
atau
< s t r o n g > t e k s < / s t r o n g >

-Membuat teks bergaris bawah, kode html :
< u > t e k s < / u >

-Teks bergaris tengah
< s > t e k s < / s >


-Teks miring
< i > t e k s < / i >

-Teks berjalan dari kanan ke kiri
< m a r q u e e > t e k s < / m a r q u e e >

-Membuat Teks berkedip
< b l i n k > t e k s < / b l i n k >

-Membuat Teks Besar
< b i g > t e k s < / b i g > 
kode yang lain diantaranya :
Kode
 fungsi
<!– –>
Memberi komentar atau keterangan. Kalimat yang terletak pada tag 
 kontiner ini tidak akan terlihat pada browser
<a href>
Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>
Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>
Sebagai awal dari Java applets
<area>
Mendefinisikan daerah yang dapat diklik (link) pada image map
<b>
Membuat teks tebal
<basefont>
Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>
Memberi (suara latar) background sound pada halaman web
<big>
Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>
Membuat teks berkedip
<body>
Tag awal untuk melakukan berbagai pengaturan terhadap text, warna
link & visited link
<br>
Pindah baris
<caption>
Membuat caption pada tabel
<center>
Untuk perataan tengah terhadap teks atau gambar
<comment>
Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>
Indents teks
<div>
Represents different sections of text.
<embed>
Menambahkan sound or file avi ke halaman web
<fn>
Seperti tag <a name>
<font>
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form>
Mendefinisikan input form
<frame>
Mendefinisikan frame
<frameset>
Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> … <h6>
Ukuran font
<head>
Mendefinisikan head document.
<hr>
Membuat garis horizontal
<html>
Bararti dokumen html
<i>
Membuat teks miring
<img>
Image, imagemap atau an animation
<input>
Mendefinisikan input field pada form
<li>
Membuat bullet point atau baris baru pada list (berpasangan 
dengan tag <dir>, <menu>, <ol> and <ul> )
<map>
Mendefinisikan client-side map
<marquee>
Membuat scrolling teks (teks berjalan)
<nobr>
Mencegah ganti baris pada teks atau images
<noframes>
Jika browser user tidak mendukung frame
<ol>
Mendefinisikan awal dan akhir list
<p>
Ganti paragraf
<pre>
Membuat teks dengan ukuran huruf yg sama
<script>
Mendefinisikan awal script
<table>
Membuat tabel
<td>
Kolom pada tabel
<title>
Mendefinisikan title
<tr>
Baris pada tabel
<u>
Membuat teks bergaris bawah


Nah mudah di fahami bukan...???
Nggak ada yang susah kalau kita mau belajar... 
Semoga Artikel ini menambah wawasan kita...