Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Cara Memasukan Game ke Dalam Blog

Cara Memasukan Game ke Dalam Blog

Terkadang pengunjung merasa bosan saat berkunjung ke blog kita. Ada yang bosan karna tampilan blog, bosan dengan artikelnya, bosan dengan muka authornya #eh ya.. pokoknya bosen deh.
nah, agar pengunjung betah di blog kalian, dan kalian ingin menghibur nya, kalian bisa memasang game di bagian widget atau didalam posting dan dihalaman sering terlihat pengunjung di blog,atau kalian ingin membuat blog game online? kalian juga bisa memakai cara ini. Yang perlu anda lakukan hanyalah  memberi script sebuah link game.

Nah, link game tersebut bisa kalian dapatkan dari beberapa situs penyedia game flash online seperti games.co.id, gameane.blogspot.com, friv.com, a10.com dan masih banyak situs game lainnya.

Berikut cara mengetahui link game di sebuah situs penyedia game flash.

  • Kunjungi situs penyedia game flash. (contoh : games.co.id)
  • Pilih game yang ingin kalian masukkan ke dalam blog.
  • Tekan CTRL + U atau klik kanan->view source pada halaman situs tersebut
view source

  • Setelah terbuka source-nya, tekan CTRL+F lalu ketik .swf dan cari link game yang ingin anda masukan
.swf


Nah, sekarang kalian sudah mengetahui cara melihat file swf/link game di situs penyedia game flash.
sekarang saatnya memasukkan link tersebut ke blog kita.


Jika kalian ingin memasukkan nya di entri/Postingan.
  • Buat Entri baru 
  • Pilih kolom HTML

  • Copy Script ini dan paste di kolom HTML tersebut.
<object height="480" width="720"><embed src="FILESWF" FlashVars='id=90' width='720' height='480' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object>
Keterangan :

Warna merah : ganti dengan game swf yang mau di pasang di Blog
Warna biru : Ukuran tinggi game yang mau di pasang di Blog
Warna hijau : Ukuran lebar game yang mau di pasang di Blog
Tambahan :
Biasanya 750px x 545px (untuk ukuran posting Blog)


Jika kalian ingin memasukkan menjadi widget

  • Klik Tata Letak
  • Tambahkan HTM/JavaScript
  • Lalu masukan script di atas
simple kan...
berikut contoh nya :

<object height="480" width="720"><embed src="http://files.cdn.spilcloud.com/container_df9aa4793b5/167429_geometry-dash-online.swf" FlashVars='id=90' width='720' height='480' allowScriptAccess='always' quality='high' type='application/x-shockwave-flash'></embed></object>

Hasil:




Nah, selesai deh. Sekarang kalian bisa menghibur pengunjung dengan game game flash di blog kalian. jika ada yang ingin di tanyakan jangan sungkan ya.. silahkan tanya di komentar .
Sekian Artikel dari Nip . Nip-Out pai~

Cara Membuat Teks Marquee (Tulisan Berjalan) di Blog

Cara Membuat Teks Marquee (Tulisan Berjalan) di Blog


         Halo semua, maaf kemarin ga sempet update artikel :g . Kali ini Artikel Nip akan memberikan tutorial tentang blog "lagi" yang nantinya akan berguna sebagai hiasan pada artikel. nah, hiasan ini adalah Tulisan Berjalan atau bisa disebut juga dengan Teks Marquee, kenapa tulisan berjalan juga disebut Marquee? karena untuk membuat tulisan berjalan itu menggunakan kode Marquee

Perlu kalian ketahui bahwa kode dasar Marquee adalah..
<marquee>TEKS YANG BERGERAK</marquee>  
Jika kita tulis di kotak kolom HTML, kode diatas akan menjadi

TEKS YANG BERGERAK

       Jadi, dengan mengerti kode dasar diatas, kalian bisa membuat bermacam-macam variasi 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 memasang kode Marquee pada artikel

  • Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML
Mode Compose

  • Silahkan masukkan kode Marquee di mode HTML
 masukkan kode Marquee

  • Cek posisi teks di mode Compose 
  • Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. 

Cara memasang kode Marquee pada widget
  • Login ke akun blogger kalian  
  • Masuk ke menu Tata Letak,  
Tata Letak,

  • Klik tambahkan gadget Silahkan pilih HTML/Java Script
pilih HTML/Java Script

  • Masukkan kode Marquee nya
Masukkan kode Marquee nya

  • Silahkan klik Simpan  
  • Kemudian silahkan cek apakah kode sudah bekerja. 

      Nah, setelah membahas cara memasang kode marquee, sekarang yang kita butuhkan adalah modifikasinya. Untuk dijadikan penompangnya, mari kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Kode dasarnya adalah
style="font-family: Arial; font-size:20px; color:#003cff;"
Merah adalah jenis font
Biru adalah ukuran font
Hijau adalah warna font


Contoh kode :
<marquee bgcolor="purple" style="font-family: Arial; font-size:20px; color:#E6E6FA;">Teks Marqueee</marquee>

Teks Marqueee

Purple adalah background


Kode Marquee untuk mengatur lebar kolom teks

        Kode width="angka lebar" berguna untuk mengatur lebar dari kode teks yang yang akan berjalan. Bisa  kalian atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja.
Contoh kode:
<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG</marquee> 

LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG

Kode Marquee untuk memberhentikan teks link saat mouse berada pada teks

Kode dasar :
onmouseover="this.stop()" onmouseout="this.start()"
Contoh kode:
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://artikelnip.blogspot.com/">CARA MEMBUAT KODE MARQUEE</a></marquee>


CARA MEMBUAT KODE MARQUEE



Kode Marquee untuk mengatur kecepatan jeda

        Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik.
Contoh kode:
<marquee scrolldelay="250">TEKS BERJALAN DALAM JEDA 0,25 DETIK</marquee>
 Catatan: Angka 250 itu untuk jeda dalam 0,25 detik. Jadi silahkan ganti 1000 untuk 1 detik, 2000 untuk 2 detik, dan seterusnya


TEKS BERJALAN DALAM JEDA 0,25 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 kode:
<marquee title="TEKS YANG AKAN MUNCUL JIKA KURSOR DIARAHKAN KE AREA TEKS BERJALAN">TEKS YANG BERJALAN DENGAN PESAN</marquee>


TEKS YANG BERJALAN DENGAN PESAN


Kode Marquee untuk mengatur kecepatan teks berjalan 

         Kode scrollamount="angka" berguna untuk mengatur kecepatan laju teks yang berjalan.
Contoh kode:
<marquee scrollamount="12">KECEPATAN TEKS YANG BERJALAN 15</marquee>
 Keterangan: angka 15 bisa kalian ganti sesuai kecepatan yang kalian sukai. Semakin besar angka maka akan semakin cepat.

KECEPATAN TEKS YANG BERJALAN 15



       Ya, gimana berminat untuk mencoba salah satu variasi teks marquee diatas? atau ingin membuat model baru? selamat mencoba sobat :> .. sekian artikel nip. Nip Out~ Pai

Cara Menyembunyikan tulisan Diberdayakan oleh Blogger

Cara Menyembunyikan tulisan Diberdayakan oleh Blogger

       Mempunyai blog yang berbasis blogspot , perlu sekali dilakukan pengeditan terhadap template blogspot versi default, seperti munculnya tulisan diberdayakan oleh blogger. Tulisan Diberdayakan oleh Blogger / Powered by Blogger yang ada di footer pada blog barumerupakan gadget attribution bawaan dari blogspot itu sendiri dan tidak bisa di hapus begitu saja. Banyak para blogger yang tidak menginginkan tulisan ini ada pada blognya dan biasanya mau menghilangkannya karena merasa cukup menggangu tampilan blognya apalagi yang sudah ganti template maka tulisan tersebut kadang berpindah ke sidebar blog. 
       Nah, kenapa harus disembunyiin sih? kenapa ga diapus aja sekalian? ya.. buat jaga jaga aja sih sebenernya, sayapun masih ragu apakan boleh menghapus total atribute bawaan dari blogger. jadi untuk "nyari aman" mending kita sembunyiin aja. :g

yuk langsung aja

  • Login Ke Blogger
  • Kemudian sobat masuk ke Template -> Klik Edit HTML
  • Setelah itu cari kode ]]></b:skin (tekan Ctrl+f untuk mempermudah pencarian)
  • Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin :
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

  • Lalu,  Simpan template.

         Dengan menggunakan kode di atas, widget attribution tidak hilang, melainkan hanya disembunyikan. Apabila sobat lihat Tata Letak, widget itu masih ada. Sekian artikel nip. Nip Out~Pai