Cara Membuat Kotak Link Exchange /Tukar Link

Diposkan oleh MamanCyber
Link Exchange atau banner tukar link biasanya dipasang para blogger untuk
saling tukeran link. Jadi antara blogger satu dengan blogger yang lain ada
hubungan saling berinteraksi. 




Begini cara buat kotak script exchange di atas,
1. Loggin ke blogger pilih Layout -->Page Element

2 Klik tambah Gadget pilih HTML/Javascript

3. Terus copypaste kode di bawah ini ke Widget tadi
         
<textarea name="textarea" cols="20"><a href="http://mamanblog26.blogspot.com"><img src="http://http://mamanblog26.blogspot.com/banner-trik.gif" width="90" height="17" border="0" /></a></textarea>

4. Klik Simpan

Keterangan text yang berwarna hijau menunjukkan lebar kotak, 
Text yang berwarna biru adalah link, dan ganti dengan alamat blog anda.

Sedang text yang berwarna merah adalah alamat gambar beserta ukurannya
ganti text tersebut dengan alamat gambar milik anda.
Gimana, ada yang belum jelas silahkan tinggalkan komentar anda &
jangan nyepam oke..
2 komentar:

Cara Membuat Gambar Melayang (Float Image)

Diposkan oleh MamanCyber
Cara mempercantik sebuah Blog banyak cara yang dilakukan para Blogger, Mastah,. apa itu Mastah adalah sebutan untuk senior blogger - blogger yang sudah ahli sekali dibidang blog.
Langsung saja kita menuju sasaran,.he..he...

Ikuti langkah - langkahnya berikut ini :

1. Login ke blogger terus klik "Layout-->>Edit HTML

2. Cari kode ]]><b:skin> kalau sudah ketemu taruh kode berikut di atasnya





3. Teks yang dicetak tebal adalah posisinya, kalau pengin ganti posisi 
    di pojok kanan bawah tinggal text "left" diganti "right"

     Begitu juga "button" , jika pengin di posisi atas bisa diganti dengan"Top"

4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>



http://mastmamanblog.blogspot.com adalah link ganti dengan alamat link anda.
    
http://superinhost.com/image/soniclari.gif adalah lokasi gambarmu, ganti dengan lokasi gambar anda.

5. Jika anda kepengin yang ada disitu bukan gambar tapi jam, kalender, hit counter, serta widget lainnya,
maka ganti text yang berwarna merah dengan script widget - widget tersebut.

6. Kemudian Simpan, lalu lihat hasilnya...

Tidak ada komentar:

Cara Membuat Menu Multi Kolom / Multi Tab

Diposkan oleh MamanCyber
Cara membuat Menu multi kolom pada blog meski sudah banyak ditulis para blogger tak ada salahnya saya akan menulisnya kembali untuk sobat yang sedang newbie semua.

Menu Multi kolom ini banyak sekali fungsinya, yang terutama menu multi kolom ini yaitu untuk mengepres widget dalam satu menu kotak.

Atau menggabungkan beberapa widget kedalam satu kolom widget. Biasanya menu ini diisi dengan daftar isi link, recent coment, atau bisa diisi yang lainnya.

Contoh tampilan Menu multi kolom atau multi Tab lihat di bawah ini;


cara membuat menu multi kolom, membuat kolom multi tab


Kita lanjutkan cara membuatnya, ikuti terus langkah - langkahnya berikut :

1. Login ke Dashboard blog

2. Pilh rancangan >> Edit HTML

3. Download template lengkap dulu untuk berjaga-jaga kalau terjadi kesalahan.

4. Tandai pada  Expand widget template.  

5. Kemudian  tempatkan script berikut sebelum kode ]]></b:skin>
div.TabView div.Tabs { height:24px; overflow:hidden;}
div.TabView div.Tabs a { float:left; display:block; width:90px; text-align:center; height:24px; padding-top:3px; vertical-align:middle; border:1px solid #ddd; border-bottom-width:0; text-decoration:none; font-family:verdana,arial,sans-serif; font-weight:bold; color:#000;}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color:#fff;}
div.TabView div.Pages {clear:both; border:1px solid #ddd; overflow:hidden; background-color:#fff;}
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden;}
div.TabView div.Pages div.Page div.Pad {padding:3px 5px;}

     Sesuikan kode warnanya sesuai dengan blog anda

6. Kemudian masukkan script pemanggil berikut sebelum kode </head>
    <script type='text/javascript'> function tabview_aux(TabViewId, id) { var TabView = document.getElementById(TabViewId); // ----- Tabs ----- var Tabs = TabView.firstChild; while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling; var Tab = Tabs.firstChild; var i = 0; do { if (Tab.tagName == "A") { i++; Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");"; Tab.className = (i == id) ? "Active" : ""; Tab.blur(); } } while (Tab = Tab.nextSibling); // ----- Pages ----- var Pages = TabView.firstChild; while (Pages.className != 'Pages') Pages = Pages.nextSibling; var Page = Pages.firstChild; var i = 0; do { if (Page.className == 'Page') { i++; if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px"; Page.style.overflow = "auto"; Page.style.display = (i == id) ? 'block' : 'none'; } } while (Page = Page.nextSibling); } // ----- Functions ------------------------------------------------------------- function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); } function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); } </script>

7. Terakhir klik Simpan.

Langkah selanjutnya yaitu menambahkan widgetnya pada sidebar blog. Pada rancangan elemen
klik " Tambah Gadget " dan pilih widget " HTML/Javascript "
Dan masukan kode berikut kedalamnya: 
<form action="tabview.html" method="get">
<div class="TabView" id="TabView"> <div class="Tabs" style="width:350px;">
<a>Sub judul 1 </a> <a>Sub judul 2 </a> <a>Sub judul 3 </a></div> 
<div class="Pages" style="width:350px; height:260px;">
<div class="Page"> <div class="Pad"> Link 1 di menu 1 Link 2 di menu 1 Link 3 di menu 1 </div> </div> 
<div class="Page"> <div class="Pad"> Link 1 di menu 2 Link 2 di menu 2 Link 3 di menu 2 </div> </div>
<div class="Page"> <div class="Pad"> Link 1 di menu 3 Link 2 di menu 3 Link 3 di menu 3 </div> </div> </div> </div> </form> <script type="text/javascript"> tabview_initialize ('TabView'); </script>


Terakhir Klik Simpan.
Selesai dech, selamat untuk membuat Menu Multi Kolom.

Tidak ada komentar:

Cara Pasang MP3 / Musik di Blog

Diposkan oleh MamanCyber
Langsung saja dech, Maman Blog kali ini akan berbagi tentang cara pasang Musik di Blog Gratiss. wee..seneng kalau ada yang Gratiss,. kaya saya ,. he.. he.. berjanda, Berikut caranya :

1. Kunjungi situs http://www.singingbox.org

2. Klik Register Now

3. Lanjut isi kolom Registrasi  
    Isikan Username    : bisa nama anda
    pasword               : selera anda

4. Bila buat akun anda di atas sudah jadi masuk ke Playlist manager

5. Lalu pilih add new song / add shared track

6. Klik add playlist

7. Kembali ke playlist manager dan klik generate embed code

8. Kemudian copy dan masukkan di gadget html script pada javascript diblog.

9. Selesai...

Selamat mencoba dan dengerin lagu-lagu yang keren habis.

Tidak ada komentar:

Cara Membuat Tulisan Berjalan ( Marquee )

Diposkan oleh MamanCyber
Untuk mempercantik Blog banyak cara blogger yang dilakukan, 
agar pengunjung blog betah atau balik lagi untuk mencari informasi.
Tidak ada salahnya jika anda coba buat Teks berjalan biar kelihatan canggih dikit,.he..he..
Untuk arahnya bervariatif, dari kiri ke arah kanan, dari kanan ke arah kiri, dari bawah naik ke atas,serta dari atas tulisan melorot ke bawah.

Kode HTML untuk membuat tulisan berjalan dikenal dengan bahasa Marquee, kode dasar
perintah marquee adalah sebagai berikut :


Selain kode dasar Marquee, ditambah atribut yang fungsinya untuk mengatur keindahan tulisan
yang berjalan. Atribut yang sering digunakan dalam kode Marquee adalah :

bgcolor="warna"  - Mengatur warna background teks.

direction="left/right/up/down" - Mengatur arah gerakan teks.

behavior="scroll/slide/alternate" - Untuk mengatur perilaku gerakan.

Scroll - Teks bergerak berputar.

Slide - Teks bergerak sekali lalu berhenti.

Alternate - Teks bergerak dari kiri ke kanan lalu balik lagi.

title="pesan" - Pesan akan muncul saat mouse berada di atas teks.

scrollmount="angka" - Mengatur kececepatan gerakan, semakin besar angkanya semakin cepat geraknya.

scrolldelay="angka" - Untuk mengatur waktu tunda gerakan dalam sekian mili perdetik.

loop="angka[-1]infinite" - Mengatur jumlah loop.

with="lebar" - Mengatur lebar blog teks dalam persen.


Yup,.kita coba praktek ikuti caranya, copy paste kode script di bawah ini :

1. Teks berjalan dari Kanan ke arah Kiri


2. Teks berjalan dari Kiri ke arah Kanan.


3. Teks berjalan Memantul.



4.Teks Melorot ke bawah.


Cara memasang kode Marquee,

   1. Silahkan login ke blogger

   2. Ke Dashboard klik blog anda

   3. Klik menu Tata letak
      tata letak

    4. Tambah Gadget

   

  5. Klik pada Widget HTML/Javascript

 html widget 
 6. Terakhir klik Simpan. 

 7. Selesai dech,. Silahkan lihat hasilnya.
Tidak ada komentar:
Langganan: Postingan (Atom)