Menambahkan Video dari YouTube ke Blog

Kali ini saya akan berbagi tips buat kamu semua nih yang suka nonton video di YouTube.
Video di YouTube bisa kamu posting di blogmu ! Wow! Keren kan? Langsung aja daah

1. Pilih video dari YouTube. Kali ini saya milih video dari Green Day yang berjudul East Jesus Nowhere.
2. Klik Share
Images:

3. Lalu Klik Embed
Images:

4. Copy kode yang ada pada lingkaran hijau. Atau, bila ingin mengganti ukuran framenya bisa pilih di lingkaran merah. Tapi disini ane rekomendasikan ke ukuran 560x315 karena tidak terlalu memakan tempat.
Images:

5. Setelah itu, masuk ke Blogger, dan buat Postingan baru. Lalu klik HTML.
Images:

6. Paste-kan kode yang tadi sudah di copy.
Images:



7. Lalu Publikasikan.

 Berikut contoh dari langkah-langkah di atas :D



SELAMAT MENCOBA KAWAN!!

Read More

Cara Membuat Daftar Isi Otomatis

Hey yo!
Pernahkan kalian berfikir untuk membuat daftar isi untuk blog anda?
Sekaranglah saatnya!!

contoh Daftar Isi bisa dilihat di bagian bawah pada halaman blog ini.

Lhas lhes ora usah kesuwen (langsung aja gak pake lama)

1. Pastinya sudah harus masuk Blogger :D
2. Pilih Blog anda
3. Pilih opsi Tata Letak (dibagian kiri)
4. Tambah Gadget
5. Pilih HTML/javascript
6. Copy paste script ini
   
   div style="border: 2px solid rgb(0, 0, 0); overflow: auto; height: 350px;" margin="5px" ;>
   <script style="text/javascript" src="http://www.srbekasi.org/daftar-isi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://zeffaheroesid.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
   </div>
   Widget By: [<a href="http://zeffaheroesid.blogspot.com/">ZEFFAHEROESID</a>] 
7. Ganti huruf yang berwarna merah dengan url blog anda.
   Angka yang berwarna biru bisa diganti sesuai keinginan, fungsinya untuk mengubah warna border (rumus RGB).
   Angka yang berwarna ungu bisa anda upah sesuai keinginan. Border untuk edit ketebalan border, height untuk ukuran kotak, dan margin untuk mengatur batas tepi.
8. Klik Simpan
9. Taraa... selesai sudah :D

Mudah sekali bukan? Selamat mencoba kawan :)

Read More

Cara membuat Spoiler

Hah? iler? sop iler?
Bukan gan... yang dimaksud Spoiler disini adalah seperti ini

Spoiler:

Spoiler itu trik menyembunyikan teks yang panjang atau foto yang ukuranya besar-besar (kecil juga bisa sih). Nah, kita bisa menghemat tempat dan ruang di postingan dengan trik spoiler ini.

untuk buat Spoiler kayak di atas cukup copy-paste script ini ke menu edit HTML

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'buka'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 44px;" type="button" value="buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Taruh apa aja di sini

</div>
</div>
</div>

• Tulisan Spoiler itu judul spoiler, kamu bisa ganti sesuai keinginan.
• Tulisan Buka dan Tutup bisa diubah sesuai keinginan kamu.
• width: 44px; itu lebar spoiler. (angka 44 bisa diganti)
• font-size: 11px; itu ukuran huruf dalam spoiler. (angka 11 bisa diganti)
• Ganti tulisan Taruh apa aja di sini dengan tulisan, gambar, foto, dll. yang pengen kamu masukin ke Spoiler.

ini contoh script di atas

Spoiler:

Taruh apa aja di sini

Kalau ada pertanyaan bisa komen dibawah.

Read More