…
Untuk membuat baris baru gunakan tag HTML:Daftar / list HTML bisa bernomor (ordered list HTML) atau tanpa nomor (unordered list HTML). Cara membuatnya:
- …
- …
gw gitu loh
Tulisan yang berwarna Hijau adalah Kalimat/pesan pembuka anda kepada pengunjung blog qm.
Ket:
- Ganti kata TULISaN yang berwarna Hijau dengan pesan sesuai keinginan qm.
- Tanda kutip jangan dihapus.
--------------------------------------------------------------------------------------
Membuat Teks Berjalan di Menu Bar
Kali ini saya akan membahas cara membuat teks berjalan di menu bar yaitu teks yang berada di atas navbar browser seperti dalam gambar ini:
Kalau anda tertarik langsung aja ikuti langkah-langkahnya sebagai berikut:
1. Login ke Blogger
2. Pada menu Rancangan/Tata Letak-> Edit HTML
3. Letakkan kode dibawah ini diatas kode
// msg = " -- Selamat Datang di Hins Collections ";
msg = " | Berbagi Ilmu Dari Kita Untuk Kita -- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
Ganti teks yang warna merah dengan teks yang ingin anda tampilkan.
Angka 200 menunjukkan kecepatan gerak dari teks (ganti kalau perlu tergantung anda). Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya.
4. Terakhir klik Save Template. Beres dech...
(Lihat hasilnya nanti di menu bar qm diatas).
--------------------------------------------------------------------------------------
Memasang Buku Tamu pada Blog
Daftar terlebih dahulu di www.shoutmix.com
Setelah daftar pada kolom yang berjudul style, klik menu appearance
Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
Selesai
Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.
Untuk Blogger baru :
Silahkan Login dengan id anda
Klik menu Layout
Klik Page Element
Klik Add a Page Element
Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
Copy paste kode HTML shoutbox anda di dalam form Content
Klik tombol Save Changes
Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
Tekan tombol Save
Selesai
--------------------------------------------------------------------------------------
Membuat Link Pelangi pada Blog
Terkadang pengunjung betah untuk berkunjung ke blog kita, karena tampilan blog yang begitu menarik. Nah jika sobat T'Net (Jaya Karta) ingin membuat blog anda lebih menarik silahkan berikan effek yang menarik pada link blog anda. Yaitu dengan memberikan effek link pelangi pada blog anda.
Dimana nantinya jika salah sati link disorot oleh cursor, maka link akan berubah warna seperti warna pelangi.
Untuk DEMO silahkan lihat Blog Ini. Jika sobat sudah mengerti dengan effek link pelangi ini, silahkan ikuti langkah berikut ini.
1. Login ke blogger
2. Pilih Rancangan
3. Pilih Edit HTML
4. Cari kode seperti ini dan letakkan kode berikut ini tepat di Bawah
5. Simpan Template
6. Silahkan lihat blog anda.
Selesai, semoga bermanfaat.
Selamat mencoba !
--------------------------------------------------------------------------------------
Membuat text sizer di Blog
Halo . Teman dan sahabat Bloger, akhirnya kali ini saya bisa membuat postingan tentang tutorial blog lagi , dan kali ini saya akan membahas yang namanya Text Sizer adalah suatu widget untuk merubah ukuran teks pada blog. Text sizer sangat bermanfaat, karena setiap blog mempunyai ukuran font teks yang berbeda-beda. mungkin ada yang terlalu besar atau terlalu kecil. dengan text sizer, pembaca blog nantinya dapat menentukan sendiri ukuran font teks blog kita sesuai kenyamanan mereka.
Berikut ini demo text sizer, silahkan coba sendiri.
+ Larger Font
- Smaller Font
Untuk memasang text sizer di blog caranya cukup mudah. dalam pemasangan ini, diperlukan script dan link saja. widget text sizer dapat dipasang di mana saja seperti di sidebar, di atas postingan, dll. Widget text sizer ini juga dapat mempercantik blog. berikut ini langkah-langkah memasang widget text sizer
Menu Dashboard, klik Tata Letak, klik Edit HTML.
Centang checkbox Expand Widget Template.
Copy paste code berikut setelah tag atau sebelum pada website Anda:
4. Copy paste code berikut setelah tag atau sebelum (atau dibagian mana Anda ingin menempatkan
tombol Text Sizer) pada website Anda:
+ Larger Font | href="javascript:ts('body',-1)">+ Smaller Font
5. Silahkan ganti tulisan "+ Larger Font" dan "- Smaller Font" dengan tulisan yang Anda inginkan.
6. Juka sudah>>> simpan template !!
Selesai sudah cara memasang widget text sizer. Selain berguna untuk mengatur ukuran font teks, text sizer juga dapat mempercantik blog kita dan membuat nyaman para pembaca . Selamat mencoba salah satu "tips dan trik blog text sizer" dan semoga berhasil !
--------------------------------------------------------------------------------------
Cara membuat iklan melayang dengan tombol close
Iklan ? pasti anda sering menjumpai berbagai macam iklan di webisite / blog ? pernahkah terlintas di pikiran anda , bagaimana acara membuatnya ?
Kalau ada yang belum tahu iklan melayang , lihat saja di blog saya ini IKLAN
Mungkin rekan blogger pernah melihat tutorial ini, memang setau saya ada yang lebih rumit menggunakan banyak kode, tapi disini saya coba memberikan tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya, ok saya akan segera memberikan tutornya, nih ikutin saja langkahnya :
Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
Masuk ke Tab Tata Letak
Pilih Elemen Halaman/Rancangan
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan Copy kode di bawah ini kedalamnya yah
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
6. Simpan
Semoga BERHASIL :)
dan andapun bisa berbisnis di Blog anda sendiri dengan iklan melayang ini !!
semoga sukses yah !!Selamat Mencoba
eitt.. Jangan Lupa Coment OK!!.....
Kirimkan Ini lewat EmailBlogThis!Berbagi ke TwitterBerbagi ke Facebook
Beranda
Langganan: Entri (Atom)
Google translate
English French German Spain Italian Dutch
Russian Portuguese Japanese Korean Arabic Chinese Simplified
by : BTF
DAFTAR ISI
CARA MEMPERCANTIK BLOG KITA
CARA MEMPERCANTIK BLOG Bag.2
CARA MEMPERCANTIK BLOG Bag.3
BARTOLOMEO CHRISTOFORI (Sejarah Piano)
HOWARD HATHAWAY AIKEN (pionir di bidang komputer)
Beberapa Prinsip Hidup Toyoda
TOYODA, Pendiri "Kerajaan" Toyota
KISAH SUKSES OICHIRO HONDA
PENDIRI PERUSAHAAN KFC (Kolonel Sanders)
BIOGRAFI PARA ILMUWAN dan PENEMU DARI ISLAM
Kamis 6 Pebruari 2014
DAFTAR Link
Agus Chandra
Bisnis Melimpah Blog
Iklan baris
Goceng Blog
Template Awesome Inc.. Diberdayakan oleh Blogger.
Rabu, 05 Februari 2014
… tag file HTML
… tag HTML informasi umum untuk header dan info lainnya
… tag HTML judul
… tag HTML body tempat content anda berada
Untuk membuat jarak di antara paragraf, gunakan tag HTML paragraf:
Daftar / list HTML bisa bernomor (ordered list HTML) atau tanpa nomor (unordered list HTML). Cara membuatnya:… tag HTML isi daftar
Daftar / list HTML bisa bernomor (ordered list HTML) atau tanpa nomor (unordered list HTML). Cara membuatnya:
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar