Cara Memasukkan Video Pada Blog

Hallo semua...

Sekarang kita akan mencoba mengetahui bagaimana cara memasukan dan memasang video youtube ke dalam postingan blog kita. Caranya sangat mudah tanpa harus menggunakan kode-kode yang rumit.

Berikut tahapan-tahapannya.

Masuk ke akun Blogger.com, pilih blog dan kemudian klik "ENTRI".

Di dalam post editor lihat di tool sebelah atas dan klik gambar kotak berwarna hitam atau "INSERT VIDEO".

Lalu muncul jendela dengan berbagai pilihan darimana atau bagaimana kita mengambil video untuk dimasukan ke posting. Kita bisa upload langsung dari hardisk komputer kita, dari youtube, daftar video kita di youtube, telepon, atau webcam kita.

Dalam hal ini kita akan memasukan video langsung dari youtube, maka klik "FROM YOUTUBE", maka otomatis akan keluar form yang harus diisi oleh alamat url video yang akan kita masukan.

Misalkan kita akan memasukan sebuah video dari youtube dengan alamat url "http://www.youtube.com/watch?v=4E24U0VL3gA".

Ambil/Copy url video dari youtube seperti gambar di bawah ini:

Kemudian paste pada form dan klik tombol sebelah kanan yang bergambar kaca pembesar, seperti pada gambar di bawah ini:

Maka akan muncul preview dari video tersebut seperti gambar di bawah:

Jika sudah yakin bahwa video tersebut adalah yang kita maksudkan untuk di post ke dalam blog, maka kita klik "Pilih" di bagian bawah.

Maka muncullah video tersebut. Seperti ini:

Apabila sudah yakin dengan tampilan postingan kita, maka kita klik "PUBLIKASIKAN".

Selesai....

Itulah cara kita memasukan dan memasang video youtube dengan mudah. Sebenarnya ada cara yang lain lagi untuk memasukan video kita ke blog yaitu dengan menggunakan kode atau script sehingga kita bisa mengatur ukuran video tersebut, bagaimana video tersebut dimainkan dan sebagainya. Mungkin di lain waktu kita akan membahasnya bersama-sama.

Semoga mudah dimengerti dan dapat membantu. Thanks.....

Klasemen

Klasemn liga Spanyol tahun 2013

				Pertandingan				Kandang			Tandang			Gol
			P	Ma	M	I	K	M	I	K	M	I	K	GM	GK
Keterangan: P: Jumlah Poin    M: Jumlah Kemenangan    I: Jumlah Hasil Imbang    K: Jumlah Kekalahan    Ma: Total Main    GM: Gol Memasukkan    GK: Gol Kemasukan
1		Barcelona	34	12	11	1	0	6	0	0	5	1	0	34	7
2		Atlético Madrid	33	12	11	0	1	6	0	0	5	0	1	30	8
3		Real Madrid	28	12	9	1	2	5	0	1	4	1	1	30	16
4		Villarreal	23	12	7	2	3	4	1	1	3	1	2	20	12
5		Athletic Bilbao	20	12	6	2	4	4	2	0	2	0	4	18	17
6		Getafe	19	12	6	1	5	3	1	2	3	0	3	16	13
7		Real Sociedad	17	12	4	5	3	3	2	1	1	3	2	18	12
8		Levante UD	17	12	4	5	3	1	3	2	3	2	1	12	15
9		Valencia	16	12	5	1	6	3	0	3	2	1	3	15	19
10		RCD Espanyol	15	12	4	3	5	3	2	1	1	1	4	12	15
11		Granada	14	12	4	2	6	1	0	5	3	2	1	8	12
12		Málaga	13	12	3	4	5	3	0	3	0	4	2	14	16
13		Elche	13	12	3	4	5	1	2	3	2	2	2	12	16
14		Sevilla	13	12	3	4	5	3	1	2	0	3	3	20	25
15		Celta	12	12	3	3	6	0	3	3	3	0	3	14	16
16		Real Valladolid	11	12	2	5	5	1	3	2	1	2	3	14	18
17		Osasuna	10	12	3	1	8	2	1	3	1	0	5	10	21
18		Real Betis	9	12	2	3	7	2	2	2	0	1	5	11	20
19		Almeria	9	12	2	3	7	1	2	3	1	1	4	14	24
20		Rayo Vallecano	9	12	3	0	9	2	0	4	1	0	5	10	30

Cara Membuat Banner Animasi

Cara Membuat Banner Animasi Iklan Website

Cara Membuat Banner Animasi Blog / Website Gratis - Sangat Banyak terpasang iklan banner animasi di sebuah situs / blog yang kita lihat. Bagaimanakah cara membuatnya? Tutorial pada kesempatan ini akan memberi tau anda mengenai cara membuat banner animasi, untuk mempercantik blog / website. Iklan yang berbentuk banner akan lebih menarik dibanding dengan iklan berbentuk text. Apalagi iklan yang berbentuk banner tersebut bergerak/ animasi, maka pengunjung tak segan-segan dan berminat untuk meng klik banner tersebut dan melihatnya.

Cara Memasang Iklan Banner / Membuat Banner Animasi :

1. Siapkan beberapa gambar yang akan dibuat animasi. Gambar tersebut harus memiliki tampilan yang saling mendukung satu sama lain sehingga akan membuat banner tersebut bergerak.
2. Buka situs Picasion.com
3. Pilih File image / gambar yang sudah anda buat tadi. Masukkan gambar tersebut dengan click Browse / Pilih File

Keterangan : Size untuk mengatur ukuran banner.
                    Speed untuk mengatur kecepatan Slide Show.

4.  Klik "Create Animation"
5. Kemudian akan muncul tampilan banner animasi anda yang telah jadi dan siap digunakan.
6.  Anda akan melihat hasil representasi dari animasi gif anda. Disana terdapat beberapa pilihan link yang dapat anda gunakan.

Keterangan :
    "Link to this page" Link untuk halaman gambar.
    "Direct link" Link tempat gambar.
    "HTML code for blog/website" Kode HTML untuk menampikan banner di blog/website sobat.
    "BBCode for forum/board" Kode untuk menampilkan gambar di forum.

7. Silahkan copy kode tersebut di bagian HTML code for blog/website letakkan pada bagian HTML. Selesai.

Bentuk dari animasi yang biasa digunakan pada website ada 2 macam yaitu dalam format gif dan swf atau  Flash. Untuk membuat Banner Logo silahkan ikuti Tutorial dan Panduan Memasang Banner disini. Itulah tadi tahapan membuat banner yang mudah-mudahan dapat meningkatkan SEO anda :D. Tereimakasih dan semoga bermanfaat.

Cara Mengganti Logo Huruf B Pada Blog

Cara Mengganti Logo Favicon Pada Blog

Pagi sobat blogger? Pada pagi yang sejuk dan segar ini saya akan sedikit share tentang cara mengganti logo favicon pada blog. favicon atau favorit icon adalah sebuah gambar kecil di addres bar tang menunjukan ciri khas suatu blog. Favicon bisasanya berada disebelah kiri nama blog atau halaman yang sedang kita buka. Favicon bawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak berwarna orange. Seoran blogger mengganti faviconnya mungkin agar terlihat keren, indah dan profesional. Hehehe . . .

Klik Gambar Untuk Memperbesar

Biasanya ada 2 cara untuk mengganti logo favicon pada blog, cara pertama ialah dengan cara default dan ini cukup mudah dilakukan sedangkan cara kedua ialah dengan membuat favicon secara online kemudian mengupload logo favicon tersebut ke hosting/tempat penyimpanan image online (misalnya di google.code). Tanpa panjang lebar lagi berikut cara-cara mengganti logo favicon pada blog.

 

1. Cara Pertama :

• Buatlah dan siapkan gambar/logo yang ingin dijadikan favicon untuk blog sobat. dengat syarat bentuknya harus bujur sangkar atau persegi agar terlihat bagus saat di pasang.
• Masuk ke Tata Letak -> Lihat ada kata favicon di atas header, klik link edit.

• Cari gambar yang ingin dijadikan logo favicon pada blog sobat dengan klik telusuri
• Setelah itu lalu klik simpan dan lihat hasilnya.

2. Cara Kedua

• Masuk ke genfavicon.com atau  www.favicon.cc
• Buat favicon di situ, Sebagai contoh saya membuatnya di genfavicon.com
• Masukkan gambar baik lewat url gambar ataupun menguploadnya (disini saya menguploadnya) lalu Klik Upload image
• Jika sudah diupload bisa Select Size untuk menentukan ukuran gambar. atau juga memotongnya/crop (crop & preview) sesuai tampilan yang kita inginkan.
• Download favicon Image. Lalu upload ke hosting gambar, disini Saya menguploadnya ke google code. 

•  Buka Dasbor > Menu Template > edit HTML > centang expand template, cari kode  <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload di hosting image tadi, tepat di atas kode   <b:skin><![CDATA[.  diantara kode biru dibawah. 

<link href='masukkan alamat tempat hosting favicon ' rel='shotcut icon'/>

          Contoh :

  <link href='http://blognyailmu.googlecode.com/files/animated_Favicon.gif' rel='shotcut icon'/>
 <b:skin><![CDATA[

• Jika sudah klik pratinjau, lalu simpan template. Dan lihat hasilnya.

Nah sobat blogger semua, demikianlah artikel saya tentang cara mengganti logo favicon pada blog. Semoga artikel yang saya buat ini bermanfaat bagi sobat blogger semua dan jika ada yang ingin di tanyakan silahkan tinggalkan komentar pada kotak komentar di bawah ini. Selamat Mencoba Sob :)

Menambahkan Aksesories Jam Pada Blog

Mungkin teman blog sudah banyak memberikan caranya, namun tidak ada salahnya saya lebih menjelaskan tips dan trik membuat jam diblog anda. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Untuk melihat contoh blog yang memasang jam blog silahkan lihat di sini. Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan klik link berikut –> clock
2. Jika sudah berada pada situs tersebut, silahkan klik Newest
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept, kemudian,

6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00

7. Set ukuran jam yang anda sukai di samping tulisan size

8. Copy kode HTML yang di berikan pada notepad

9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan

10. Selesai

Cara Membuat Tulisan Berjalan di Blog

Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog,  Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri

 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

 hasilnya

Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan

 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

 hasilnya

Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

5. Teks bergerak dari atas ke bawah

 <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

 hasilnya

Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas

 <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah

 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul

 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

 hasilnya

Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus

 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasilnya

Contoh Tulisan Berjalan

Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

Cara Membuat Kotak Scroll atau Box Scroll

Sobat Blogger sudah tahu apa itu Kotak Scroll atau Box Scroll kan?

Bagi yang masih belum tahu nanti saya kasih contohnya Kotak Scroll atau Box Scroll dan sekarang kita bahas dulu apa gunanya memakai Kotak Scroll.

Box Scroll atau Kotak Scroll kegunaanya ialah memberi batasan kepada Tulisan atau Gambar agar tidak terlalu lebar atau terlalu panjang,selain itu Kotak Scroll juga sangat berguna untuk memperindah/mempercantik Blog.

adakah hubungan antara Kotak Scroll dengan SEO?

Menurut saya sih ada hubungannya,karena kotak scroll bisa mencegah lambatnya loading blog,selain itu dengan memakai kotak scroll anda bisa menuliskan banyak KATA KUNCI atau KEYWORD dan hal itu bisa sedikit mengecoh Search Engine.

Untuk Membuat Kotak Scroll atau Box Scroll Silahkan anda Copy Kode berikut:

 

<div style="overflow:auto;width:100%px;height:50px;padding:10px;border:1px solid #555">
Kotak Scroll atau Box Scroll By <a href="http://simulusdigigit.blogspot.com/">Buka Rahasia Lagi</a> Selamat menikmati dan Memanfaatkan Kotak Scroll ini Sebaik-baiknya dan silahkan anda berkreasi sendiri untuk mempercantik Kotak Scroll atau Box Scroll ini sehingga sesuai dengan selera anda</div>

Setelah itu silahkan anda paste di Postingan anda dalam Mode HTML jangan dalam Mode Compose.
anda juga bisa menaruhnya di gadget.dan silahkan anda rubah tulisan saya yang sangat tebalkan diatas dengan tulisan anda atau gambar anda.