Menambahkan Video Kedalam Blog

Teman-teman mungkin sudah lebih banyak tahu tentang blog. Disini saya akan membahas bagaimana caranya menambahkan video pada blog. Anda bisa memperoleh video dari berbagai sumber baik dari video sendiri atau dari layanan gratis www.youtube.com seperti contoh ini:



Langkah-langkahnya adalah sebagai berikut:

1. Buka situs www.youtube.com
2. Ketik dikolom Search nama klip video yang anda cari kemudian klik Search
3. Setelah ketemu klik judul video klip yang anda cari
4. Dibawah video terdapat tulisan <Embed> klik kata tersebut, maka akan muncul kode Embed, seperti contoh berikut ini:

<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/_XBKTtJxjeQ?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_XBKTtJxjeQ?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

5. Copy kode tersebut ke Notepad kemudian save
6. Langkah berikutnya login ke blogger, masukkan username dan password
7. Klik menu Tata-Letak/Layout kemudian klik tab Elemen Halaman
8. Klik tombol tambah HTML/JavaScript.
9. Copy kode HTML dari Notepad dan pastekan ke window HTML/JavaScript
10. kemudian klik tombol Simpan
11. Selesai.


Selamat mencoba...

Baca Juga Artikel Lain Berikut ini:

* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang

Read more »

Menambahkan Daftar Isi Pada Blog

Berikut ini akan kita bahas tentang bagaimana cara menambahkan Daftar Isi pada blog. Fungsi dari daftar isi agar tampilan blog lebih menarik dan daftar judul postingan agar menjadi lebih ringkas.

Berikut kode yang digunakan:

<div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 350px;" margin="5px" ;>

<script style="text/javascript" src="http://sites.google.com/site/masfaysblog/Home/codedaftarisi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>Disini tempat menilis judul posting

</div>

untuk tinggi kolom tinggal mengatur height nya sesuaikan dengan keinginan.

sebagai contoh:

<div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 200px;" margin="5px"><script style="text/javascript" src="http://sites.google.com/site/masfaysblog/Home/codedaftarisi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/cara-menambahkan-jam-pada-blog.html">Cara Menambahkan Tampilan Jam Pada Blog</a><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/cara-membuat-tulisan-berkedip-kedip.html">Cara Membuat Tulisan Berkedip-kedip</a><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/cara-menambah-tampilan-pada-link.html">Cara Menambah Image Pada Link Download</a><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/membuat-tulisan-bergerak_6531.html">Membuat Tulisan Bergerak</a><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/cara-mengganti-template-pada-blogspot.html">Cara Mengganti Template Pada Blogspot</a><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/pernah-dijumpai-dalamsebuah-blog.html">Cara Menambahkan Gambar Slideshow Pada Blog</a><p></p></div>

Adapun caranya adalah sebagai berikut:

* Langkah pertama login ke Blogger

* Kemudian klik Rancangan dan Elemen Laman,

* Klik Tambah Gadget kemudian pilih HTML/JavaScript.

Copy kode diatas dan pastekan kode tersebut pada kolom  HTML/JavaScript dengan menggunakan mode Edit HTML dan klik simpan.


Selamat mencoba...

Baca Juga Artikel Lain Berikut ini:

* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang

Read more »

Cara Menambahkan Gambar Slideshow Pada Blog

Pernah dijumpai dalam sebuah blog terdapat gambar berjalan (slideshow) yang menarik dan dengan desain yang unik. Anda bisa juga menampilkan koleksi foto-foto anda secara slideshow pada blog anda, seperti contoh dibawah ini:

Menarik bukan? Jika anda berminat ikuti langkah-langkah berikut ini:

• Buka situs www.slide.com kemudian create acount dan login.

• Langkah berikutnya klik create a slideshow pada menu bar, kemudian clik browse untuk memilih gambar yang akan di upload.

• Setelah selesai upload gambar yang dipilih, langkah berikutnya pilih Customize your Design, yang fungsinya untuk menambahkan aplikasi atau effek dan ukuran pada gambar sesuai selera anda sehingga tampilan slideshow anda lebih menarik.

• Setelah gambar sempurna serta sesuai keinginan, kemudian klik save slideshow untuk  mendapatkan kode Embed`nya.

• Jika kode Embed`nya tidak mucul, klik My Slide, kemudian klik gambar slide show lalu klik Embed.

• Setelah muncul muncul kodenya, copy Kode tersebut lalu pastekan pada laman posting dengan mode HTML kemudian klik terbitkan entri.  Jika menginginkan slideshow pada Sidebar tinggal klik rancangan, kemudian tambah gadget pilih tambahkan HTML/JavaScript lalu pastekan kode Embeded nya dan klik simpan.

Selamat mencoba…

Baca Juga Artikel Lain Berikut ini:

* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang

Read more »

Cara Mengganti Template Pada Blogspot

Pada ulasan kali ini saya akan membahas cara untuk mengganti template pada blogspot, dan mengapa kita perlu mengganti template blog kita.

Terkadang kita merasa bosan dengan tampilan template yang lama, dan menginginkan sesuatu tampilan yang baru dan lebih menarik, baik dari sisi tampilan, fitur-fitur dan aplikasi tambahan. Untuk merubah tampilan template, kita bisa mengedit atau mengganti template yang baru.

Perlu di ingat, sebelum kita mengganti template atau mengeditnya, simpan xml template anda yang lama agar jika terjadi kesalahan dalam pengeditan kita masih punya copynya.

Untuk mendapatkan sebuah template baru kita bisa download dari blog sendiri, atau bisa juga dari situs lain yang menyediakan template blogspot. Template yang kita download masih berupa file rar dan selanjutnya kita extrac file lalu disimpan.

Langkah- langkah mengganti template:

1. Login ke blogger

2. Setelah masuk ke Dasbor, klik Rancangan kemudian klik Edit HTML

3. Copy dan simpan xml Template yang lama, serta centang pada kolom Expan Template Widget

4. Upload template dari sebuah file yang telah kita simpan tadi, dan klik Unggah.

Perlu diperhatihan, dalam perubahan template pasti ada beberapa Gadget yang akan hilang dan inipun lumrah karena tiap-tiap desain layout template tidaklah selalu sama.

5. Setelah selesai,klik Simpan Template dan lihat perubahan template baru anda.



Selamat mencoba.....

Baca Juga Artikel Lain Berikut ini:

* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang

Read more »

Membuat Tulisan Bergerak

Ada beberapa hal yang menarik dalam pembuatan sebuah Blog, selain dari konten  (isi Blog), salah satunya adalah aplikasi tulisan. Banyak berbagai aplikasi bentuk, penampilan tulisan, ada yang berkedap-kedip dan ada yang bergerak..

Berikut ini adalah contoh tulisan yang bergerak

Contoh Untuk yang bergerak kekanan
Bergerak kekanan

 Contoh Untuk yang bergerak ke kanan&kiri
Ke Kanan dan Kekiri ??

 Contoh untuk bergerak ke kanan dan ke kiri dan bisa di stop
Ke Kanan dan Kekiri Dan Bisa Di stop??

Contoh Untuk yang bergerak ke Atas
Bergerak Ke Atas

Contoh Untuk yang bergerak ke atas dan ke bawah

Bergerak Ke Atas dan Ke bawah

Untuk yang bergerak kekanan

<marquee direction=”right”><span style=”color:#1E90FF; font-weight: arial black;”>Bergerak kekanan </span></marquee>

untuk yang berkerak ke kiri tinggal ganti kata “right” menjadi “left”


Untuk yang bergerak ke kanan&kiri

<marquee direction="left" behavior="alternate"><span style="color:#0000FF; font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>

untuk bergerak ke kanan dan ke kiri dan bisa di stop:Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak

<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color:#32CD32; font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>

Untuk yang bergerak ke Atas

<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color:#FFA500; font-weight: bold;">Bergerak Ke Atas</span></marquee>

Untuk yang bergerak ke atas dan ke bawah

<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color:#FF00FF; font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>

Anda bisa merubah warna tulisan mengikuti warna kesukaan anda dengan merubah angka pada:

Black (#000000)
Blue (#0000FF)
Fuchsia (#FF00FF)
Gray (#808080)
Green (#008000)
Lime (#00FF00)



Selamat Mencoba....

Baca Juga Artikel Lain Berikut ini:

* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang

Read more »