Cara Membuat Tulisan Berjalan (Marquee) Di Blog Banyak Variasi

Cara membuat tulisan berjalan (Marquee) di blog memang sangatlah mudah. Kenapa tulisan berjalan juga disebut Marquee? karena untuk membuat tulisan berjalan itu menggunakan kode Marquee. Marquee berguna untuk mempercantik tampilan blog sehingga pengunjung bisa lebih suka dengan blog anda.

Perlu anda ketahui bahwa kode dasar Marquee adalah..

TEKS YANG BERGERAK  

Kode diatas menjadi seperti ini
TEKS YANG BERGERAK 
Jadi, dengan mengerti kode dasar diatas, anda bisa membuat bermacam-macam variasi kode Marquee.. Sebelum membahas ke variasi kode Marquee. Mari kita bahas terlebih dahulu cara pemasangannya.. Ada 2 tempat untuk pemasangan kode Marquee ini, yaitu untuk Widget dan artikel..

Cara pemasangan kode Marquee pada artikel
  1. Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML
  2. Silahkan masukkan kode Marquee di mode HTML
  3. Cek posisi teks di mode Compose
  4. Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. 
Cara pemasangan kode Marquee pada widget 
  1. Login ke akun blogger anda
  2. Masuk ke menu Tata Letak, Klik tambahkan gadget
  3. Silahkan pilih HTML/Java Script
  4. Masukkan kode Marquee yang anda pilih
  5. Silahkan klik Simpan
  6. Kemudian silahkan cek apakah kode sudah bekerja.
Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut..

Kode dasarnya adalah
style="font-family: Arial; font-size:20px; color:#800C0C;"
  1. Arial adalah jenis huruf
  2. 20px adalah ukuran huruf
  3. #f2f2f2 adalah warna huruf
Silahkan ubah sesuai dengan keinginan anda

Contoh kode nya seperti ini..
Arial; font-size:20px; color:#800C0C;">CONTOH BACKGROUND AREA TEKS

Hasilnya akan terlihat seperti ini..
CONTOH BACKGROUND AREA TEKS

Jadi, mari kita bahas saja variasi kode Marquee ini. Berikut ini adalah varias-variasi kode Marquee nya.. 

Kode Marquee untuk mengatur pengulangan Rotasi

kode loop="angka|-1|infinite" digunakan untuk pengulangan berotasi pada Marquee.. Setelah berotasi sesuai angka yang ditentukan, maka teks tersebut akan hilang.
Contoh kodenya seperti ini:
loop="6">TEKS BEROTASI 6 KALI

Hasilnya akan terlihat seperti ini..
TEKS BEROTASI 6 KALI

Kode Marquee untuk mengatur lebar teks

Kode width="angka lebar" berguna untuk mengatur lebar dari kode teks yang yang akan berjalan. Bisa anda atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja.

Contoh kodenya seperti ini:
width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG

Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan.

Hasilnya akan terlihat seperti ini
LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG 

Kode Marquee untuk memberi link pada teks

Kode dasar seperti ini..
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:
onmouseover="this.stop()" onmouseout="this.start()">CARA MEMBUAT TULISAN BERJALAN

Hasilnya akan terlihat seperti ini..
CARA MEMBUAT TULISAN BERJALAN

Kode Marquee untuk mengatur background pada jalur teks

Kode bgcolor="warna" berguna untuk memberikan warna background pada area teks berjalan.

Contoh kodenya seperti ini:
bgcolor="pink">CONTOH BACKGROUND AREA TEKS

Keterangan: pink bisa anda ganti sesuai warna yang anda inginkan. Misalnya blue, yellow, red, dan lain-lain. 

Hasilnya akan terlihat seperti ini
CONTOH BACKGROUND AREA TEKS

Kode Marquee untuk mengatur kecepatan jeda

Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik.

Contoh kodenya seperti ini:
scrolldelay="750">TEKS BERJALAN DALAM JEDA 0,75 DETIK 

Keterangan: Angka 750 itu untuk jeda dalam 0,75 detik. Jadi silahkan ganti 1000 untuk 1 detik, 2000 untuk 2 detik, dan seterusnya..

Hasilnya akan terlihat seperti ini..
TEKS BERJALAN DALAM JEDA 0,75 DETIK

Kode Marquee untuk memberi Alt Title pada area teks berjalan

Kode title="pesan" berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title.

Contoh kodenya seperti ini:
TEKS YANG AKAN MUNCUL JIKA KURSOR DIARAHKAN KE AREA TEKS BERJALAN">TEKS YANG BERJALAN DENGAN PESAN

Hasilnya seperti ini.. 
TEKS YANG BERJALAN DENGAN PESAN

Kode Marquee untuk mengatur kecepatan teks berjalan

Kode scrollamount="angka" berguna untuk mengatur kecepatan laju teks yang berjalan.

Contoh kodenya seperti ini:
scrollamount="12">KECEPATAN TEKS YANG BERJALAN 12 

Keterangan: angka 12 bisa anda ganti sesuai kecepatan yang anda sukai. Semakin besar angka maka akan semakin cepat.

Hasilnya akan terlihat seperti ini..
KECEPATAN TEKS YANG BERJALAN 12

Kode Marquee untuk mengatur arah teks bergerak

Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks.

Contoh kode nya seperti ini:
direction="left">TEKS AKAN BERGERAK KE KIRI

Keterangan: left bisa anda ganti sesuai arah teks berjalan yang anda inginkan.

Hasilnya akan terlihat seperti ini..
TEKS AKAN BERGERAK KE KIRI

Kode Marquee untuk mengatur teks berhenti jika dilintasi mouse

Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:
onmouseover="this.stop()" onmouseout="this.start()">TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE 

Hasilnya akan terlihat seperti ini..
TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE



Berikut beberapa tambahan efek marquee pada sebuah teks tidaklah sulit karena kode HTML yang digunakan sangat sederhana yaitu " Teks Disini... ". Berikut ini kode marquee beserta contohnya:

Demo Marquee

Teks berjalan ke kiri
Selamat datang di tutorialblogspot.com
Teks Berjalan ke kanan
Happy blogging for all of Indonesians blogger
Teks berjalan ke atas
This is the best site to learn about blog
Teks berjalan ke bawah
Cara membuat teks bergerak di blog
Teks berjalan bolak balik (Ke kiri dan ke kanan)
Dapatkan tips trik komputer disini
Teks berjalan Zig-Zag
Teks Tulisan Berjalan Zig Zag

Kode Marquee

1. Teks berjalan ke kiri
 Teks disini... 
2. Teks Berjalan ke kanan
 Teks disini... 
3. Teks berjalan ke atas
 Teks disini... 
4. Teks berjalan ke bawah
 Teks disini... 
5. Teks berjalan bolak balik (Ke kiri dan ke kanan)
 Teks disini... 
6. Teks berjalan Zig-Zag
 Teks disini... 
Apakah kode marquee di atas bisa kita kostumisasi? Jelas bisa, kode HTML marquee di atas dapat disesuaikan dengan style atau keinginan sobat blogger. Perhatikan contoh di bawah ini!
1. Teks berhenti ketika diarahkan Cursor
Kode : onMouseOver="this.stop()" onMouseOut="this.start()"
Contoh penerapan kode : onMouseOver="this.stop()" onMouseOut="this.start()"
> Teks disini...  2. Menambahkan Background pada teks berjalan
Kode : bgcolor="blue" (Blue adalah kode warna, bisa diganti dengan warna favorite sobat)
Contoh penerapan kode : bgcolor="Blue"
> Teks disini... 3. Mengatur kecepatan teks berjalan
Kode : scrollamount="2" (Angka 2 adalah kecepatan teks berjalan, silahkan disesuaikan)
Contoh penerapan kode : scrollamount="2"
> Teks disini... 4. Mengatur lebar teks berjalan
Kode : width="300" (Atur sendiri lebarnya. Kalau sobat blogger ingin mengatur tingginya juga, sobat blogger tinggal mengganti kata width menjadi hight)
Contoh penerapan kode : width="300"
> Teks disini... Teks marquee atau teks berjalan bisa juga diterapkan pada widget. Sobat cukup meletakkan kode widget DIANTARA kode marquee. Contoh:
Kode Widget disini....


Jadi itulah, beberapa macam variasi kode Marquee. Semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung ke blog ini.
6:23 PM

Cara Membuat Background Bergerak di Blog



Info unik kali ini mengenai salah satu trik membuat gambar background blog menjadi dinamis. Trik ini menggunakan JQuery sederhana yang dikhususkan untuk membuat gambar background menjadi bergerak (Scrolling Background). Script ini membuat gambar background blog bergerak secara vertikal ataupun horizontal, untuk contoh seperti yang terlihat pada postingan artikel ini apabila tidak terlihat silakan sobat refresh browsernya. Buat sobat blogger yang ingin mencobanya silakan disimak trik membuat scrolling background berikut ini.

Cara Pemasangan :
  1. Login ke blog anda.
  2. Klik Template kemudian klik edit HTML.
  3. Cari potongan kode "
" pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian guna mempercepat pencarian).
  • Copy - Paste kode berikut ini tepat di atas kode "
    • " atau bisa juga dipasang pada kotak gadget blog. 
    1.
    2. Klik "Save" dan lihat hasilnya.
    Keterangan :
    • var bgScrollDirection = "left" merupakan variabel arah gerakan animasi background. Apabila ingin merubah arah gerakan ke atas ganti tinggal merubah varabel "left" dengan "up". Adapun kode variabel arah gerakan ada empat macam, yaitu :
      left => Gerakan dari kanan ke kiri,
      right => Gerakan dari kiri ke kanan,
      up => Gerakan dari bawah ke atas,
      down => Gerakan dari atas ke bawah.
    • var bgScrollImage merupakan variabel URL gambar.
    • var bgScrollColor merupakan warna latar.
    • var bgScrollSpeed merupakan kecepatan gerakan animasi, semakin angkanya kecil maka gerakan animasi semakin cepat.
    Pilihan Gambar Background



    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzPEO3DzH3oG8kz7xug9x8WZ2vd4JwxyAqimA9S4fkpCw_p05Y9M2KI1RBysNiKy7hHx8Nl9B0xg6OBuCiERcvg2gDVylY0qNDVSca31eIoB3-iqqg7L6jkjoujdYcamp5qdIgtC6JvZwM/s800/bg.gif


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddcUYoCq32eZgF0MFJBK9Ufpy6ABlSTdHNOG03iDSIR1CTg9V9If7wgXaBSP0i8p8pGkaUvz0UL0CdMQHgqbAAn7MqyNYlDs2pAESQNylQ9wjDWuz1WtEE6HCzONp9X1YwFi10uqc3Gi9/s800/bg_star.png


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm1LB7h67W7ogwM6sukVTGpgTh7slRnaCSuxNp4gw8Q2wMDhvVeUQQPVnWsCqyNOD2WDpLzaHIQEhSbyrvR9Pum8CDC2BHtcwoREZav5SIu0JbxYk3AOKM3sH-pZVYjJIIUpZiOgxQckIT/s800/bg-clouds.jpg


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIEaasx4lIyMkaNQwE9Fb6OqeJJurLviipPJIFCxLS8G2c2o0Q8gSQGUqDZhTX68PAvVtGbzPbOadqUWG077TYt12BYr4cqenYQ9RiUx-1YRLPyU8KzWwhivM_lX6ZN4CAKx3Whk-VDjCQ/s800/skull-fire-monozcore.png


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAFdsNEqsIjbvB6I4y80K-COFy7Jz2SY-73ingAfsfDk8N9EgaPSyk6O33ck171-k5H5uOfi7VzfYgDgu-Z0ldpRlUl4Z6thnF8zlqBB-Hbn9S_7Ewa2X2uLmnlevX6PKheiemZzijY87v/s800/dance_flow.png


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHe-RFtB4EP8Z20xlVA7bfcIAZwYhPHodVe8zW0-pencHuACF7PHzuY7EsIbw5GJEaaI4fuN-WLhkEkYqOQUBax8Y4qpVdWPG8FwVFVqgAxvhv8n11BgcaFXuHQa6KSaTuo2qYyvcYthDf/s800/ThighHeels.png


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4kdGhfptHC1F-DGWm2DBNiBcc2hlDfMMe_OL28RvtiEnkB0ysDknlx48vDWXhTiz1y7I_eCHSaWQW9sP8MZcQdd0mfDShD5uhTCJOapW-Rxu_snE_l7Xdve5mkrWbJcD-yq0fOtXRpIh-/s800/animated%2520stars.gif


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU0sQqjpH4-21JY3oZeQJXt4LygTdGfclcwQ3U8BmMOb_ouDBgys17JM3BUpMXNASDJ46eC7S0pMuJJT57q9PiOVLtdne1BfcDMsqrIHXjPheVPbzaESv6p3r3iLPT_zRr1uDip0hyimrq/s800/animated%2520blue%2520stars.gif


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSEdlhVjmjX3W8Nt5PzHO8J0VzVz4K4YLsoxN6R32z6upGN-EcHtlUpknCvlqUI41JqwHNftrHBMeF9wlNYUtI3hud9t8LWdN0mMhyphenhyphensB1jgYHU0u1hUcgidjiqKOyNbvQ5XnlGhgDaxPgd/s800/devil_angel_lolita_bg.png


    :: Selamat Mencoba ::
    4:40 PM
    Pengcab PSSI Kabupaten Pidie Gelar Kursus Wasit C-3 Perdana utk Kab Pidie
    2:51 PM

    Personil TNI goyang gemu famire maumere bersama pasukan kontigen Belanda

    12:44 PM

    CARA MEMASUKKAN POSTINGAN KE MENU BLOG

    Setiap blog memiliki menu dan sub menu. Menu merupakan bagian yang dikelompokkan dalam sebuah blog atau web. Sub menu adalah bagian dari menu.
    Catatan. Perlu dibaca!!!
    Saya sebagai admin merasa perlu me-update postingan Cara Memasukkan Postingan ke Menu Blog. Mengingat masih banyak blogger yang kurang mengerti langkah-langkah yang diinstruksikan dan template blog yang sudah berubah, maka admin perlu me-update kembali postingan ini. Update ini adalah ketiga kali sejak postingan ini diterbitkan.
    Anda memiliki pertanyaan? Jangan sungkan meninggalkan pesan pada kotak komentar. Anda tertarik mengikuti kisah postingan ini? Admin telah membuat sebuag postingan yang merangkum semua pertanyaan yang telah ditinggalkan selama ini. Jadi, tersenyumlah membaca Cara Memasukkan Postinganke Menu Blog #2 karena disana anda akan menemukan 8 pertanyaan yang mewakili semua pertanyaan bloggers pada postingan ini.
    ---------------------------------------------------------------------------------------------------------------------
    Setiap blog memiliki menu dan sub menu. Menu merupakan daftar atau bagian yang dikelompokkan dalam sebuah blog atau web. Sub menu merupakan bagian dari menu. Contoh pada blog ini adalah Social Media merupakan menu dan facebook merupakan sub menu.
    Untuk blogger pemula. Menu dan sub menu kadang tidak tersedia jika menggunakan template yang disediakan oleh blogger sendiri. Anda perlu menciptakan menu sesuai dengan kebutuhan anda. Anda juga bisa mendapatkan templete blog yang menarik diberbagai situs penyedia template gratis (contohnya : btemplates).
    Ikutilah langkah-langkah berikut ini!

    1. Ketika anda menulis sebuah postingan. Jangan lupa memberi label pada postingan tersebut. Beri label dengan nama yang anda inginkan. Ingat! Label adalah cara yang dilakukan untuk menyatukan semua postingan. Sebaiknya, label diberi nama sama dengan menu atau sub menu pada blog anda. Contoh pada blog ini adalah pada gambar berikut:
    Info dan Lomba Blog merupakan menu dan submenu. Jadi, ketika admin blog ini ingin menuliskan sebuah postingan mengenai Info dan Lomba blog maka saya akan memberi label dengan nama Info atau Lomba Blog.
    2. Mulailah membuat sebuah postingan. Postingan yang terlanjur tidak memiliki label atau ingin menukar label postingan tersebut dengan cara masuk ke Dashboard – Posts – Edit (pada judul postingan yang akan diedit). Perhatikan gambar berikut!
    Postingan Bagaimana seorang blogger mengikuti lomba? admin beri label dengan info. Hal ini sesuai dengan Menu pada blog ini. Klik “done” jika telah selesai memberi label dan terbitkan postingan anda.

    3. Muat ulang blog anda. Perhatikan gambar berikut!
    Cari Label pada halaman muka blog anda. Setelah itu, klik Info. Perhatikan gambar di atas (sesuaikan dengan label blog anda sendiri). Lalu, akan dibawa ke alamat label itu sendiri. Perhatikan gambar berikut!
    Perhatikan lingkaran merah. Itu adalah alamat label Info. Block alamat tersebut dan copy.

    4. Selanjutnya masuk ke Dashboard blog anda. Pilih Template - Edit HTML  
    5. Setelah masuk ke Edit HTML maka cari menu dan sub menu blog anda. Untuk mempercepat pencarian. Letakkan kursor di dalam kode tersebut lalu CTRL + F. Setelah kotak pencariannya keluar maka ketik menu dan sub menu blog anda. Lalu enter. Cara ini lebih efesien karena langsung mengantar pengguna ke menu dan sub menu tanpa mencarinya lagi. Coba bayangkan betapa sulitnya mencari pada kode HTML yang banyak itu. Perhartikan gambar!
    Setelah anda menemukan menu yang anda cari maka ganti tanda # (perhatikan gambar) dengan alamat label yang telah anda copy tadi. Seperti  gambar berikut.
    6. Simpan dan muat ulang halaman blog anda. Coba klik menu atau sub menu anda sebagai pembuktian bahwa langkah yang telah anda lakukan berhasil atau tidak.
    12:28 PM
    Gemu Famire

    12:08 PM

    8/31/2012 07:57:00 PM
    13
    cara mengedit menu sub menu template hasil download
    Assalamualaikum wr wb
    dikesempatan kali ini saya akan membahas ''Bagaimana cara mengedit link menu/sub menu template blog hasil download". kalo belum punya Download dulu DISINI.
    Jika sobat sudah mengganti template blog maka sering kali kita menemukan menu dan sub menu yang masih kosong atau tidak ada link. maka timbul pertanyaan bagaimana untuk mengedit menu dan sub menu tersebut agar bisa kita isi link ke label atau artikel yang kita buat.
    OK, mari simak tutorialnya :
    1. Buka Blog sobat
    2. Pilih "Template"
    3. pilih "edit template".
    4. Nah, disini kita harus sedikit teliti.
     saya beri contoh ini blog saya setelah diganti templatenya.


    Diatas ada 5 menu yaitu :
    • Home
    • about
    • archive
    • comment
    • with sub menu
    dan 4 sub menu dari menu utama "with sub menu".
     Maka sobat cari salah satu kata dari menu tersebut.
    ketik CTRL+F untuk mencari kata.
    Misalnya kata : with sub menu (CTRL+F)
    maka akan muncul kode seperti dibawah ini :
    5. Silahkan sobat edit menu, sub menu atau link tersebut sesuai keinginan sobat.

  • Home

  • About

  • Archive

  • Comments

  • With Sub Menu



    • Catatan :
    • tulisan yang berwarna Biru adalah Menu (silahkan ubah)
    • tulisan yang berwarna hijau adalah sub menu (silahkan ubah)
    • tulisan yang berwarna merah (#) silahkan isi dengan link.
    jika sobat ingin menambah menu lagi atau sub menu hanya perlu mencopy kode tersebut.
    contoh :

  • Home

  • About

  • Archive

  • Comments

  • With Sub Menu


  • Tips

    •  
  • Download

  • tutorial



    • 6. Klik Pratinjau untuk mengecek apakah sudah benar.
    7. Simpan.
    11:11 AM

    Cara Mengganti Template Hasil Download untuk Blogspo

    Cara Mengganti Template Hasil Download untuk Blogspot - Template blog adalah hal yang sangat penting untuk menunjang kualitas isi artikel blog. Jika template nya kurang menarik maka pengunjung pun akan cepat bosan dengan blog kita. Usahakan dengan bagus nya template anda, pengunjung bisa berlama-lama di blog kita.

    Solusi saya adalah menggunakan Template hasil Download, karena dengan fasilitas template gratis saya tidak perlu bersusah payah untuk memperbagus Template lagi, hanya menyusun widget agar terlihat rapi dan bagus. Bagi anda yang tidak tau cara memilih Template yang sesuai silahkan baca artikel " Tips Memilih Template Untuk Blog Anda ".

    Langsung saja kita simak cara mengganti Template Untuk blogspot

    1. Login ke Blogger.com

    2. Pastikan anda sudah mendownload template yang akan anda gunakan dan sudah anda ekstrack, karena biasanya file masih ada didalam Rar atau Zip

    3. Masuk ke menu Template, lalu pilih Cadangkan/Pulihkan

    Cara Mengganti Template Hasil Download untuk Blogspot

    4. Sebelum mengunggah Template, saran saya Download template anda yang sebelum nya, pilih Unduh Template Lengkap,

    Cara Mengganti Template Hasil Download untuk Blogspot

    5. Jika sudah, pilih file template yang sudah anda download tadi (biasanya berformat .xml atau .txt ), kalau sudah ketemu, klik unggah

    6. Tunggu beberapa detik, Selesai

    Sekarang tugas anda hanyalah mengatur tempat Widget yang pas, supaya isi blog anda terlihat rapi dan menarik.

    Semoga bermanfaat
    10:14 AM

    Mengenal struktur dasar template blog

    Sebelum kita akan mengedit suatu HTML blog atau merancang sebuah pengkodean template web/blog, ada bagusnya apabila kita mengenal terlebih dahulu dalam struktur atau bagian-bagian dasar template. dan perlu sobat ketahui bahwa setiap struktur HTML template yang ada pada blog tidak semuanya sama. dengan kita mengenal dasar dari struktur template diharapkan sobat dapat lebih faham, setidaknya sobat tahu dasar struktur dari template blog. dan berikut penjelasan ala gaptek32 hasil search google.

    Bagian dari struktur template blog pada umumnya terdiri dari Header, Post, Sidebar dan Footer.

    Mengenal struktur dasar template blog

    Kesimpulan dan penjelasan (untuk mempermudah dalam penjelasan dapat sobat lihat gambar yang ada diatas) :

    Body :
    Body tersebut yakni blok untuk menampung yang ada pada seluruh layar komputer, karena body ini yang menampung seluruh konten dari blog atau website.

    Outer-wrapper :
    Outer wrapper ini adalah bagian blok dari batas luar template atau yang melingkupi template. dapat sobat lihat Outer wrapper pada gambat diatas yang berwarna pink/merah jambu, jadi kebanyakan pada umumnya outer wrapper ini sebagai wadah header, sidebar, main-wrapper dan juga footer.

    Header :
    Nah yang ini pasti sobat udah pada tahu kan, karena kebanyakan para blogger sangat gemar mengedit sebuah Headernya agar terlihat lebih cantik. Betul sekali sob, Header ini blok yang berada dibagian paling atas dan Biasanya header ditempati oleh judul, deskripsi, logo dan lain-lain.

    Sidebar :
    Blok sidebar adalah kotak yang berada di kanan dan kiri atau berada di salah satunya main-wrapper/post. dan biasanya Block ini digunakan sebagai wadah widget/gadget blog atau aksesoris misalnya About me, Link list, gambar slide, Javascript etc.

    Main :
    Didalam Main-wrapper terdapat blok Post, blok Comment, Date Header, dan bagian lain yang dapat dibuat dari opsi Add Page Element.
    Post :
    dalam blok ini menampung seperti Judul Post, Post konten, kotak komentar dan juga keterangan lainnya mengenai artikel atau posting blog.
    Footer :
    Blok ini adalah bagian bawah dari template. Seperti di Header, dibutuhkan juga Footer-wrapper yang berisi bagian-bagian dari footer. biasanya footer ini ditempati sebuah tautan dan juga teks keterangan hak cipta
    9:16 AM

    Cara Membuat Cursor Nama Sendiri di Blog

    Saya lihat tampilan cursor dari blog para tetangga sangat beragam mulai dari cursor animasi, cursor foto. Pokoke unik-unik. Salah satunya adalah cursor dengan tampilan nama sendiri. Nah kali ini saya akan memberikan cara bagaimana membuat cursor dengan tampilan nama sendiri.

    Gini caranya...........


    (untuk membuat 'nama' kita bisa menggunakan photoshop atau photoscape. Kali ini saya menggunakan photoscape. Soalnya di kompi program photoshop yang saya punya error ga bisa dibuka )

    1. Save gambar ini

    2. Buka Photoscape, klik editor, upload gambar yang disave tadi yang belum punya programnya bisa instal di sini:
    http://www.photoscape.org/ps/main/download.php

    3. Beri Teks sesuai dengan keinginan, save


    4. Upload foto cursormu tadi ke entri di blog untuk mendapatkan link URL gambar, klik kanan , Copy Link Location

    5. Pilih Tataletak

    6. Tambah gadget

    7. Lalu masukin url gambar upload-an kamu tadi diCopy dan paste kod ini di ruangan HTML./JavaScript

    <style type="text/css">
    body{cursor: url("URL CURSOR KAMU"), auto;}
    </style>

    8. Simpan
    7:25 AM

    Cara Mudah Membuat Tab Menu bar Beserta SubMenu di Blog








             ok gan pda awal tahun ini ane mau ngeshare cara buat menubar beserta sub menunya dengan mudah diblog ,, langsung saja gan  ga usah banyak cingcong,, simak caranya dibawah ini :


    1. Silahkan masuk ke akun Blogger agan.
    2. Klik halaman "Template" download template lengkap untuk berjaga-jaga terjadi hal-hal yang tidak di inginkan.
    3. Centang "Expand Template Widget". 
    4. Terus silahkan cari kode ]]></b:skin> denan menggunakan Ctrl + F.
    5. Simpan kode script di bawah ini tepat di atas kode ]]></b:skin>


     6. Untuk seterusnya silahkan cari kode <div id="content-wrapper"> 
    7. Simpan kode script di bawah ini tepat di atas kode <div id="content-wrapper">


    8. Simpan Template.
    Ket : 
    • Sesuaikan kode #ff0000 (border bawah menubar), 1025px (lebar menubar), #000000(background menubar).
    • Silahkan ganti nama menubar Home sesuai dengan keinginan agan.
    • Ganti link  http://syafrieal.blogspot.com/search/label/game dengan link agan.

    ok sekian postingan dari ane ,, semoga bermanfaat ..
    10:33 PM
    Copyright © 2015 Simson P Silitonga, S.H. | Designed By VeeThemes.com