Minggu, 04 Oktober 2009

tips utak-atik template blogspot

  1. backup
    berikut ini yang harus diperhatikan saat melakukan backup template
    • usahakan melakukan backup setiap kita mengadakan perubahan yg signifikan pada template.
    • taruh di folder tersendiri jangan dicampur dgn file2 lain. ini penting. apa gunanya gunanya kita membackup template jika susah dicari.
    • namai template seunik mungkin hingga mudah diingat dan dikenali jenis perubahannya serta waktunya. tidak disarankan menyimpan template dengan nama yang diberikan/digenerate oleh blogger. selain susah diidentifikasi jenis perubahannya, juga tidak diketahui mana yang backup yang pertama, kedua, ketiga dan seterusnya. yang pada akhirnya membingungkan kita sendiri ketika hendak memasangnya kembali.

      contoh nama template :
      template-denim-filemku-header-02102009.xml

      kelihatannya panjang memang. tapi dengan begitu bisa saya identifikasikan, yaitu nama template denim, dari blog saya yang bernama filemku, perubahan yang saya lakukan adalah header, tanggal saya melakukan perubahan adalah 2 oktober 2009.

  1. backup semua widget html dan javascript ke dalam file.txt. beri judul setiap script dengan jelas.
    ini juga penting. biasanya, setiap kita ganti template ada widget yang minta dihapus. dengan membackupnya dalam bentuk file.txt kita bisa memasangnya kembali dengan mudah dengan cara copy paste.

  2. dalam mengedit template blogger, kecuali tag <br>, semua sintax html harus punya tag penutup. bahkan untuk tag html yang tidak memerlukan penutup seperti <hr> untuk horizontal line harus ditutup dengan </hr>
    jadi jika kita ingin membuat garis yang harus kita sisipkan adalah : <hr></hr> bukan hanya <hr>

  3. pada blogger, setiap value/nilai dari semua attribut harus berada dalam tanda kutip tunggal ‘ ‘ bahkan untuk nilai warna yang dimulai dengan # tetap harus diapit tanda kutip. yang dalam html biasa ini tidak diperlukan kecuali nilai warna didefinisikan dengan nama.

    contoh :
    pada halaman html biasa tiga sintax ini bekerja dengan baik dan menghasilkan tampilan yang sama:
    1. <font color="red">master</font>
    2. <font color=#ff0000>master</font>
    3. <font color="#ff0000">master</font>
    4. <font color='#ff0000'>master</font>

    pada template blogger hanya no.4 yang bisa digunakan :
    <font color='#ff0000'>master</font>

to be continue...

(Baca Lengkap)

menghindari error saat ganti template

ada orang bernasib malang yang entah kenapa sering error saat dia mengganti template blogspot. dia browsing di internet, ngeliat template cakep-cakep. dia donlotin. eh begitu dia pasang, pesan cantik yang dia terima adalah, error galat. udah gitu diomelin blogger, dengan nada ketus ditanya, “sebaiknya anda menjelaskan apa yang anda telah lakukan hingga galat ini muncul?”

damn!

apakah ini karena dia dilahirkan dengan bintang hitam, atau garis tangannya yang kembang-kembang…hehehe. eh jadi ngaco nih sorry… ok friend lets to the point

untuk urusan otak-atik template sebaiknya gunakan browser chrome terbaru atau opera. hindari chrome 2.xx.

kenapa?

karna kita akan sering menggunakan fungsi find di browser (control f). sedangkan chrome 2.xx tidak mampu melakukan pencarian di dalam frame, tempat template diletakkan. namun chrome baru (versi 3.0.195.24) dan opera bisa.

caranya gini :
  1. jangan lupa cawang expand template widget
  2. hapus semua cookies
  3. ubah semua indeks atau nomor "id widget" diatas 100. contoh :

    <b:widget id='header1' menjadi <b:widget id='header101'
    <b:widget id='blog1' menjadi <b:widget id='blog101'

  4. simpan dan selesai

sebagai alternatif dari cara diatas, template dapat diedit sebelum diupload dengan editor text seperti notepad++. Pakai find untuk mengganti semua index/nomor id widget menjadi diatas 100.

(Baca Lengkap)

Jumat, 27 Maret 2009

script memasukan transtv di blog

oke, let's to the point, ini dia scriptnya :


keterangan nilai yang bisa disesuaikan:

allowfullscreen, isi true agar bisa fullscreen, sebaliknya false
autostart, jika diisi true akan play otomatis ketika halaman blog dibuka, sebaliknya false
width dan height adalah dimensi yang dapat disesuaikan

hasilnya bisa dilihat di sini


(Baca Lengkap)

Senin, 23 Maret 2009

cara mudah mendapatkan kode warna html

Photobucketbuat yang senang ngutak-atik template blog saya yakin butuh banget tool ini namanya : html color v1.4 (mungkin sudah banyak yang pake. tapi mungkin juga banyak yang belum tau). soalnya saya merasakan sendiri manfaatnya. biasanya saya menggunakan color picker dari photoshop buat mencari kode hexa dari warna. cukup merepotkan kan buka photoshop yang gede hanya untuk tau kode warna. nah dengan tool yang kecil, praktis dan ringan ini, saya tak perlu lagi buka photoshop yang berat, hanya untuk sekedar pick up color.

penggunaan tools ini sangat mudah. tak perlu diinstal. cukup dijalankan saja. atau jika ingin praktis dibuatkan shortcutnya di taskbar. begitu di jalankan, maka kemanapun ujung mouse berada, maka kita dapat melihat kode warnanya.

cara penggunaannya juga cukup praktis, yaitu cukup dengan shortcut

f1 untuk mengcopy kode hexa yang dicapture
f2 untuk mengcopy nama warna
f3 untuk mengcopy nilai rgb warna
f4 untuk mengcopy tcolor value f5 untuk mengcopy posisi cursor

untuk info lebih lengkap beserta downloadnya silahkan ke halaman download software di sini


(Baca Lengkap)

Minggu, 22 Maret 2009

trik pasang tv di blog

mau nonton tv di blog sendiri? nah tempo hari saya nemuin suatu web yang menayangkann siaran televisi di http://www.imediabiz.tv. tiba-tiba langsung aja timbul pikiran iseng saya. rasanya enak kalo nih tv saya masukin blog, eh ternyata bisa. hasilnya bisa anda lihat di sini.

baiklah, karena ini blog temanya tutorial maka nggak perlu basa-basi kepanjangan yang malah bisa membuat basi beneran. langsung saja kita ke pokok permasalahan. gimana cara ngambil script tv biar bisa kita tayangkan di blog kita.

masuk alamat ini : http://www.imediabiz.tv.

Photobucket

kemudian klik view source atau cari sumber kode halaman di menu browser (jangan klik kanan. Karna klik kanannya untuk halaman kosong didisable)

olala semrawut. dimana nyarinya, pak?

tenang aja, pusingnya simpen belakangan buat hal-hal yang penting. scriptnya pasti script flash. jadi cari aja pake find trus ketik kata kunci param atau embed, nah langsung ketemu kan?

Photobucket

trus blok kode mulai dari tag <param sampai tag sebelum </object> kemudian copy

Photobucket

hasilnya seperti ini :

<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="SeamlessTabbing" value="false"/>
<param name="movie" value="ImediabizTV.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="bgcolor" value="#ffffff" />
<embed src="ImediabizTV.swf" quality="high" scale="noscale" bgcolor="#ffffff" width="100%" height="100%" name="ImediabizTV.swf" align="top" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

catatan :
perhatikan alamat relatif ImediabizTV.swf harus kita ganti menjadi alamat fixed, sebab kita memanggilnya dari blog kita bukan dari servernya sana. maka alamat ImediabizTV.swf dirubah/ditambahi menjadi http://www.imediabiz.tv/ImediabizTV.swf

jangan lupa untuk menutup tag <embed> yang belum ditutup dengan tag </embed> pada akhir kode (sebab jika tidak ditutup blogger versi baru akan menolak untuk menyimpan)

hingga kode secara keseluruhan menjadi :

<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="SeamlessTabbing" value="false"/>
<param name="movie" value="http://www.imediabiz.tv/ImediabizTV.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://www.imediabiz.tv/ImediabizTV.swf" quality="high" scale="noscale" bgcolor="#000000" width="100%" height="70%" name="ImediabizTV" align="center" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>

catatan :
yang saya beri warna hijau nilainya bisa anda sesuaikan,
bgcolor adalah warna untuk latar. allowfullscreen jika diisi "true" maka tv bisa fullscreen jika diklik pada panel fullscreen, untuk menonaktifkan beri nilai "false". align untuk posisi tv player. height dan width adalah ukuran tinggi dan lebar

sayangnya iklan tak bisa dihilangkan, karna sudah disatukan dengan playernya.

jika anda tak ingin pusing dengan prosesnya, copy saja script yang kedua langsung taruh diblog. selamat nonton tivi di blog (halah...)

(Baca Lengkap)

Kamis, 19 Maret 2009

trik mendownload lagu dari playlist.com

playlist.com penyedia lagu yang kontroversial di internet, musuhnya artis dan industri rekaman, siapa yang tak kenal? nah trik ini untuk anda yang belum tau bagaimana caranya mengambil lagu yang anda suka tersebut dari sana.

sebenarnya banyak cara mendownload dari playlist.com. yang paling mudah ya dengan internet download manager, begitu diklik play lagu langsung terdownload. atau dengan cara memutarnya hingga selesai, kemudian mencarinya di folder cache browser seperti trik mendownload via browser, yang saya posting sebelumnya. nah cara ini merupakan alternatif lain buat download lagu dari playlist.com yang baik hati jujur dan suka menolong itu hehehe... (halah ngaco deh). baik langsung aja nggak usah basa-basi...
  1. masuk playlist.com

  2. cari lagu yang hendak anda download dikotak search. oh iya, agar tutorial akur dengan yang saya berikan, sebaiknya anda pakai browser selain opera *). sebagai contoh, lihat gambar.

    Photobucket

  3. perhatikan hasil pencarian, disudut bawah ada tulisan visit site, klik link ini.

    Photobucket

  4. maka kita akan dibawa pada lokasi file berasal

    Photobucket

  5. untuk mendownloadnya, copy alamat ini, kemudian pastekan dibrowser lalu tekan enter, selesai

Ada kalanya link yang diberikan playlist.com tidak merujuk pada alamat langsung file tersebut. namun merupakan halaman web yang memuat file tersebut, seperti contoh berikut ini.
  • Photobucket

    atau seperti ini

    Photobucket

  • nggak usah bingung. copy saja alamat tersebut, dan pastekan dibrowser (jangan lupa dienter) maka kita akan dibawa pada halaman tempat file tersebut berasal. pada contoh ini, saya menemukan lagu "le voyage de sahar" di halaman ini bersama lagu lainnya.

    Photobucket

  • untuk mendownloadnya cukup klik kanan di judul lagu dan pilih "save target as" maka lagu pun terdownload.

    Photobucket

*) bila anda menggunakan browser opera, tiap kali anda melakukan pencarian lagu, maka anda akan dilempar pada search engine versi 1.0 yang akan memberikan hasil berbeda dengan pencarian dengan searchbeta.

Selamat mencoba.

(Baca Lengkap)

Selasa, 17 Maret 2009

cara cepat download video youtube via keepvid.com

ini untuk menjawab pertanyaan n4fl ditutorial sebelumnya :

  1. masuk ke youtube.com

  2. search file yang akan didownload, setelah ketemu, klik hingga tampil video yang dimaksud.

  3. copy alamat (url) video, lihat contoh

  4. Photobucket
  1. masuk ke http://www.keepvid.com, perhatikan disana ada tempat memasukan alamat video

  2. Photobucket
  3. pastekan alamat video yang tadi dicopy dari youtube.com di kolom url yang akan didownload

  4. Photobucket
  5. muncul pilihan, sebaiknya pilih yang formatnya flv, klik kanan dan pilih "choose download link file as..."

  6. Photobucket
    klik save untuk melakukan dowload
    Photobucket
  7. selesai


selamat mencoba.

(Baca Lengkap)
 
© Copyright by tutorial dan tiptriks komputer karangsati  |  Template by Blogspot tutorial