Pustaka Flash

Showing posts with label Blogger. Show all posts

http://4.bp.blogspot.com/--eRTyvIbYgQ/URe8R2Z2H8I/AAAAAAAAG2Q/B5SBUZuhGpg/s1600/tortoise-svn_settings.png

Selama ini kita biasa menggunakan Google Code untuk menyimpan maksimal hanya tiga jenis berkas/file saja. Yaitu JavaScript, ZIP dan gambar. Selain itu tidak pernah. Alasannya, saat file selain JavaScript, ZIP dan gambar yang tersimpan di Google Code dibuka maka akan gagal bekerja. Misalnya file CSS atau HTML. Saat dibuka malah hanya muncul sebagai teks biasa dan tidak bisa digunakan sebagaimana file CSS dan HTML pada normalnya.

Biasanya kita mengunggah file melalui situs Google Code secara langsung, atau bisa juga melalui aplikasi subversi seperti TortoiseSVN. Kabar baiknya, dengan cara mengatur MIME yang beragam pada aplikasi tersebut, maka itu akan memungkinkan kita untuk mengunggah berbagai file dengan format yang berbeda-beda. Sehingga direktori Google Code tidak lagi tampak sebagai ruang penyimpanan file berupa kode saja, tetapi juga bisa kita gunakan untuk menyimpan berbagai macam file seperti halnya situs-situs penyedia layanan hosting file pada umumnya.

Saya masih belum begitu berani untuk mengungkapkan apa itu pengertian MIME. Tapi kalau kamu ingin mencari tahu lebih jauh, kamu bisa membacanya di Wikipedia - MIME

Dengan mendefinisikan properti otomatis pada aplikasi, maka kita bisa mengunggah beberapa file yang bisa dibilang sama sekali tidak ada hubungannya dengan kode seperti PDF, DOC, SWF (Flash), WAV dan lain-lain.

Untuk mengubah masukan berkas Google Code menjadi lebih luas, maka ada dua buah pekerjaan yang harus kita lakukan. Pertama adalah menginstal aplikasi TortoiseSVN dan ke dua adalah membuat sebuah halaman proyek baru.

Pekerjaan I: Menginstal TortoiseSVN

Kunjungi situs ini ⇒ http://tortoisesvn.net/downloads.html. Unduh aplikasi tersebut lalu instal. Setelah terinstal, komputer harus di-restart karena aplikasi ini akan terintegrasi dengan menu konteks/menu klik kanan (shell command).

Setelah itu klik kanan pada desktop. Pilih menu TortoiseSVN » Settings: http://4.bp.blogspot.com/--eRTyvIbYgQ/URe8R2Z2H8I/AAAAAAAAG2Q/B5SBUZuhGpg/s1600/tortoise-svn_settings.png

Akan muncul kotak dialog seperti ini. Klik General dan klik tombol Edit:

http://3.bp.blogspot.com/-TbQ2aQxBGqo/URe8Wl5BYqI/AAAAAAAAG2g/0jTmGqgxn0o/s400/tortoise-svn_edit-mime-type.png

Setelah file config terbuka, salin kode ini dan letakkan di bawah komentar # Makefile = svn:eol-style=native

[miscellany]
enable-auto-props = yes

[auto-props]
# Scriptish formats
*.bat        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.bsh        = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-beanshell
*.cgi        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.cmd        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.js         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/javascript
*.php        = svn:eol-style=native; svn:keywords=Id Rev Date; svn:mime-type=text/x-php
*.pl         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl; svn:executable
*.pm         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl
*.py         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-python; svn:executable
*.sh         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-sh; svn:executable

# Image formats
*.bmp        = svn:mime-type=image/bmp
*.gif        = svn:mime-type=image/gif
*.ico        = svn:mime-type=image/ico
*.jpeg       = svn:mime-type=image/jpeg
*.jpg        = svn:mime-type=image/jpeg
*.png        = svn:mime-type=image/png
*.tif        = svn:mime-type=image/tiff
*.tiff       = svn:mime-type=image/tiff

# Data formats
*.pdf        = svn:mime-type=application/pdf
*.avi        = svn:mime-type=video/avi
*.doc        = svn:mime-type=application/msword
*.eps        = svn:mime-type=application/postscript
*.gz         = svn:mime-type=application/gzip
*.mov        = svn:mime-type=video/quicktime
*.mp3        = svn:mime-type=audio/mpeg
*.ppt        = svn:mime-type=application/vnd.ms-powerpoint
*.ps         = svn:mime-type=application/postscript
*.psd        = svn:mime-type=application/photoshop
*.rtf        = svn:mime-type=text/rtf
*.swf        = svn:mime-type=application/x-shockwave-flash
*.tgz        = svn:mime-type=application/gzip
*.wav        = svn:mime-type=audio/wav
*.xls        = svn:mime-type=application/vnd.ms-excel
*.zip        = svn:mime-type=application/zip

# Text formats
.htaccess    = svn:mime-type=text/plain
*.css        = svn:mime-type=text/css
*.dtd        = svn:mime-type=text/xml
*.html       = svn:mime-type=text/html
*.ini        = svn:mime-type=text/plain
*.sql        = svn:mime-type=text/x-sql
*.txt        = svn:mime-type=text/plain
*.xhtml      = svn:mime-type=text/xhtml+xml
*.xml        = svn:mime-type=text/xml
*.xsd        = svn:mime-type=text/xml
*.xsl        = svn:mime-type=text/xml
*.xslt       = svn:mime-type=text/xml
*.xul        = svn:mime-type=text/xul
*.yml        = svn:mime-type=text/plain
CHANGES      = svn:mime-type=text/plain
COPYING      = svn:mime-type=text/plain
INSTALL      = svn:mime-type=text/plain
Makefile*    = svn:mime-type=text/plain
README       = svn:mime-type=text/plain
TODO         = svn:mime-type=text/plain

# Code formats
*.c          = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.cpp        = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.h          = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.java       = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.as         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.mxml       = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain

# Webfonts
*.eot        = svn:mime-type=application/vnd.ms-fontobject
*.woff       = svn:mime-type=application/x-font-woff
*.ttf        = svn:mime-type=application/x-font-truetype
*.svg        = svn:mime-type=image/svg+xml

Simpan perubahan yang kamu lakukan. Biarkan sampai di sini dulu.

Pekerjaan II: Membuat Halaman Proyek Baru

Jika belum punya akun Google, buat terlebih dahulu agar bisa mendapatkan akses ke Google Code. Kunjungi http://code.google.com, lalu klik Create A New Project:

http://2.bp.blogspot.com/-AEg1k24-H9w/URebrWqy1pI/AAAAAAAAG0A/RGRuNMBOQUw/s1600/google-code_create-a-new-project.png

Isi formulirnya, atur pilihan version control system ke Subversion, lalu pilih lisensi yang kamu kehendaki untuk file-file yang diunggah di situ:

http://2.bp.blogspot.com/-_mGU-eXbHPU/URebsKNdoFI/AAAAAAAAG0I/M_C7jS_Q64A/s400/google-code_filling-the-project-form.png

Klik Create Project. Kamu akan dibawa menuju halaman dasbor proyek barumu jika sudah berhasil. Klik tab Source lalu klik tautan googlecode.com password untuk membuat password. Ini digunakan untuk menghubungkan aplikasi dengan proyek Google kamu:

http://2.bp.blogspot.com/-8Dn0pcw4Dow/URecykjWosI/AAAAAAAAG0Q/As5ilb9QIq4/s1600/google-code_generate-password.png

Catat password yang tampil:

http://1.bp.blogspot.com/-77MbQQRzouY/UReczlEqX6I/AAAAAAAAG0Y/rN6x9TngUyg/s1600/google-code_generating-password.png

Mulai Mengunggah

Buka aplikasi TortoiseSVN dengan cara mengeklik kanan pada desktop lalu pilih TortoiseSVN » Repo Browser:

http://4.bp.blogspot.com/-0zk3CrqdmJk/URfGgXT-86I/AAAAAAAAG4o/tygfWFPiwL8/s1600/tortoise-svn_repo-browser.png

Akan muncul kotak dialog untuk memasukkan URL proyek:

http://1.bp.blogspot.com/-ZiP7S1JF4E8/URfGQeKV9KI/AAAAAAAAG4Y/Hb1eXkD3Wz4/s1600/tortoise-svn_input-project-url-with-https.png

Pola URL selalu berbentuk seperti ini:

https://nama_proyek.googlecode.com/svn/trunk/

Yang harus diingat dan yang paling sering membuat gagal dalam pengunggahan file: Saat menuliskan URL proyek di aplikasi, gunakan https, tapi saat ingin melihat hasilnya atau mengakses hasil kerjanya secara online, gunakan http

Klik OK. Tunggu sampai proses memuat selesai.

Buka folder dimana terdapat file yang ingin diunggah. Seret file yang diinginkan ke area daftar file unggahan:

http://4.bp.blogspot.com/-npUQwlBB2Cc/URfGVAXKqCI/AAAAAAAAG4g/ib0WsaGNvf0/s400/tortoise-svn_uploading.png

Tunggu beberapa saat, maka kamu akan diminta untuk mengautentikasikan akun Google Code kamu seperti ini:

http://1.bp.blogspot.com/-yanKZVMiY1I/URe8TQGdZmI/AAAAAAAAG2Y/FEYK7FEH4sk/s1600/tortoise-svn_authentication.png

Isi alamat email dan password yang sebelumnya sudah kamu catat. Centang Save authentication agar kita tidak perlu berkali-kali login pada saat pengunggahan file di masa mendatang.

Dengan menggunakan aplikasi subversi, selain bisa mengunggah berbagai file yang tidak biasa, kita juga bisa mengedit file yang sudah kita unggah. Sehingga kita tidak perlu menghapus file lama dan mengunggah file yang baru berulang kali seperti saat menggunakan akun Google Code pada umumnya.

Untuk memeriksa hasil kerja satu per satu secara online, akses pola URL ini:

http://nama_proyek.googlecode.com/svn/trunk/

Kita juga bisa mengedit (hanya mengedit) file melalui situs Google Code secara langsung (jika kita memberikan izin pada pengaturan pengeditan secara online). Kunjungi pola URL ini:

http://code.google.com/p/nama_proyek/source/browse/trunk/

By Ricko nada di Pustaka Flash terima kasih telah membaca :) Hosting File dengan Google Code dan TortoiseSVN

Cara membuat background berbeda sesuai kategori

Sudah lama tidak posting mengenai blogger, biar sedikit mengobati rasa rindu mereka yang menantikan postingan lagi mengenai blogger, ini ada tutorial mengenai Cara membuat background berbeda sesuai kategori/label.

Perlu diketahui bahwa blogger mempunyai if conditional label yang bisa mengontrol apapun sesuai dengan label, misal bisa mengubah-ubah tampilan blog anda secara keseluruhan (konsep blogazine), bisa mengontrol tampilan iklan (iklan ingin tampil/tidak ingin tampil pada kategori tertentu), menampilkan/tidak menampilkan sidebar dan lain-lain. Intinya, anda bisa berbuat banyak dengan label bila anda mengetahui triknya.

OK, biar tidak terlalu melebar kemana-mana sementara ini kita fokus membahas bagaimana membuat background berbeda sesuai kategori. Kode dasarnya seperti ini :


<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;nama kategori&quot;'>
<style type='text/css'>
Kode CSS
</style>
</b:if>
</b:loop>

Yang harus diperhatikan adalah dimana background tersebut ingin di tempatkan? Bila merujuk kepada code diatas, background ditempatkan pada bagian body posting

Sumber: KR TUTORPLUS

Convert thema Facebook Blogger indonesia dapat denda : ini mungkin sebuah pelajaran buat kita, jangan asal convert thema blogger apa lagi tanpa se ijin pemiliknya,....

coba lihat nasib teman kita Ainun Nazieb yang menerima nasib malang terkena denda dari pihak facebook sebesar 2 milyar dikarenakan membuat blog yang menyerupai Facebook yang dia namai "Smells Like Facebook",

selengkapnya :

http://techno.okezone.com/read/2011/11/17/55/530670/facebook-tuntut-bloger-tanah-air-hingga-rp2-miliar

Sedikit saran

Biasakan untuk design template sendiri tanpa harus mengkonversi dari template milik pihak lain. Kebiasaan mengkonversi (convert) template adalah kebiasaan yang membunuh secara perlahan-lahan kreatifitas anda dalam hal design.
Jika anda ingin melakukan konversi template, sebaiknya mintailah terlebih izin dari pemilik template yang bersangkutan karena convert secara sepihak adalah melanggar etika terlebih hak cipta intelektual.
Berhentilah mengkonversi template/theme yang nyata-nyata secara aslinya template/theme mereka adalah premium atau berbayar. Terlebih jika yang dikonversi adalah template milik perusahaan besar seperti Google, Yahoo, Facebook, Twitter dan lain sebagainya.

itulah sedikit ulasan Convert thema Facebook Blogger indonesia dapat denda semoga menjadi bahan pertimbangan bagi blogger indonesia

5 Halaman yang sering dikunjungi:

Cara Membuat Navigasi Breadcrumb Seo: ini adalah artikel selingan yang dibuat Penulis Pustaka Flash yang alasan dan tujuannya adalah agar nantinya Penulis tidak lupa ketika mengedit template Pustaka Flash ini
ockey langsung aja

Login di Blogger
Pilih Design
Pilih Edit Html
Centang pada Expand Widget Templates
Cari kode ]]></b:skin>
Copy paste kode dibawah ini tepat diatas kode ]]></b:skin>

.breadcrumb {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; 
font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

Kemudian cari kode seperti di bawah ini dan copy dibawahnya

<div class='post hentry uncustomized-post-template'>

Kalau kode diatas tidak ada, coba sobat cari kode yang seperti dibawah ini

<div class='post hentry'>

dan copy scrip dibawah ini tepat dibawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Your Are Here</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpFeX0wx-tjWYqmWLg7pKbSMPTMqQIQmk4obiStichc-1jt4VW2VYYKr1qpz50jjSF-zXBER43FUpPDB4gcABmGgLWhJr-DnAyTpCgKwK6trRPF6fnS1SgZruqNkSbjQx8hIjo3abdf8/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
&#187;
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Browse</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpFeX0wx-tjWYqmWLg7pKbSMPTMqQIQmk4obiStichc-1jt4VW2VYYKr1qpz50jjSF-zXBER43FUpPDB4gcABmGgLWhJr-DnAyTpCgKwK6trRPF6fnS1SgZruqNkSbjQx8hIjo3abdf8/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
&#187; Archives for <data:blog.pageName/>
</div>
</b:if>

itulah sedikit ulasan tentang Cara Membuat Navigasi Breadcrumb Seo semoga bisa membantu

5 Halaman yang sering dikunjungi:

Alt dan title tag Image otomatis :Baiklah langsung saja ke pokok tutorial kali ini sesuai judul di atas, maka kali ini saya akan membahas cara memasang "alt" dan "title" pada foto secara otomatis. Mengapa foto atau gambar memerlukan "alt" dan "title" karena robot google tidak bisa melihat dan membaca gambar oleh karena itu "alt" dan "title" digunakan untuk deskripsi agar si robot google atau googlebot bisa mengenali gambar tersebut. Selain itu pemasangan "alt" dan "title" juga merupakan suatu optimasi SEO. Mungkin segitu saja penjelasan tentang "alt" dan "title" selebihnya sudah banyak artikel di luar sana yang membahasnya. Bagaimana cara menggunakannya

copy script Auto Alt and Title Generator for Image berikut.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

Setelah selesai itu paste di atas kode .</body>.

Simpan template sobat. Cara Penggunaan: Script ini akan langsung membuat alt dan title tags untuk foto yang sobat unggah secara otomatis, maka dari itu pastikan terlebih dahulu nama file foto sebelum di upload.
Semoga artikel Alt dan title tag Image otomatis bisa membantu

5 Halaman yang sering dikunjungi:

Pustaka Flash

Pekerjaan I: Menginstal TortoiseSVN

Pekerjaan II: Membuat Halaman Proyek Baru

Mulai Mengunggah

Labels