Cara Memasukkan Flash ke dalam Blog

This item was filled under Blogspot Tutorials, HTML Tutorials

Cara memasukkan flash ke dalam blog sebenarnya sudah kita contohkan melalui beberapa tutorial memasukkan menu flash ke dalam blog. Namun, postingan ini sengaja dibuat sebagai panduan general bagaimana memasukkan flash ke dalam blog atau web lainnya. Agar file flash bisa ditampilkan pada halaman web, perlu struktur HTML yang berfungsi untuk menjalankan perintah agar file flash tersebut bisa terlihat pada browser. Salah satu cara untuk mengetahui struktur HTML itu bisa dengan memanfaatkan Dreamweaver, dimana diawal kita memasukkan file flash melalui layar design, baru kemudian melihat source kode/stuktur HTML-nya melalui layar code. Berikut struktur HTML untuk menampilkan flash pada halaman web:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="147" height="34">
<param name="movie" value="URL FILE FLASH.SWF" />
<param name="quality" value="high" />
<embed src="URL FILE FLASH.SWF" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="147" height="34" ></embed>
</object>

• Ganti tulisan "URL FILE FLASH.SWF" yang berwarna merah dengan URL dari file flash yang ingin Anda masukkan ke dalam halaman web.
  
• Tulisan yang berwarna biru pada stuktur HTML tersebut merupakan kode untuk mengatur ukuran tampilan dari file flash pada halaman web tersebut

Struktur HTML tersebutlah yang Anda letakkan pada bagian dimana flash tersebut ingin dimunculkan pada halaman web.
Sebagai contoh kita akan memasukkan file flash menu yang kita dapatkan dari software Flash Menu Factory. Adapaun postingan cara mendapatkan menu flash menggunakan software Flash Menu Factory tersebut bisa pembaca lihat di sini. Berikut langkah-langkahnya:

1. Setelah mendesain menu menggunakan software Flash Menu Factory tersebut selesai, jangan lupa mengekspor hasil desain ke dalam bentuk .swf, karena ekstensi flash yang bisa dimasukkan ke dalam halaman web adalah berbentuk .swf. Sebagai contoh kita ekspor dengan nama "menu.swf".
2. Simpanlah file flash tersebut ke dalam internet dengan cara menghostingkannya ke web server.
3. Sekarang buka www.blogger.com, kemudian login untuk masuk ke dalam akun blogspot Anda.

Membuat Efek Cinema pada Foto

Saya suka banget bikin efek foto dengan campur tangan si Blur bukan Brur..  .. Nah efek cinema ini sudah dipastikan pake blur.. hasil nya nanti mungkin jadi seperti ini :

Ayoo.. gimana? Mantep tho.. enak tho.. daripada naek busway kesasar.. hehehe
Pengen tau cara bikinnya ? ya udah langsung Action aja
Buka foto yang mau diedit..
saya gak pake foto diatas.. tapi pake foto anak saya lagi berenang..

Duplikat layer dengan menekan CTRL + J ..

Tool-tool lain yang penting di Adobe Photoshop

Masih ada beberapa tool yang mungkin berguna

1. FILL
Edit > fill
Berfungsi untuk memberi warna di dalam area seleksi atau warna keseluruhan kalau tidak ada seleksi. Warna bisa diatur didalam windows option nya.
2. STROKE
Edit > stroke
Berfungsi untuk mewarnai garis di area seleksi. Ketebalan dan warna bisa diatur di dalam window option nya.
3. TRANSFORM
Edit > Transform
Tool ini untuk mentransformasi gambar di dalam layer tertentu.
Scale : untuk merubah besar kecilnya suatu gambar
Rotate : untuk memutar gambar
Skew, distorsi, perspektif, warp : untuk merubah bentuk gambar sesuai keinginan kita.
Rotate 180 : untuk memutar gambar sebesar 180 derajat.
Rotate 90 CW : untuk memutar gambar sebesar 90 derajat searah jarum jam
Rotate 90 CCW : untuk memutar gambar sebesar 90 derajat berlawanan arah jarum jam.
Flip horizontal : untuk memirror gambar kearah Horizontal
Flip Vertikal : untuk memirror gambar kearah Vertikal.
4. MODE
Image > Mode
Untuk merubah system pewarnaan, diantaranya :
- RGB : Red, Green, Blue
- CMYK : Cyan Magenta Yellow Black
- Grayscale : untuk warna Hitam Putih.
5. ADJUSTMENT
Image > adjustment
Untuk menentukan terang gelapnya gambar ( Brightness/Contrast. Dan bisa pula untuk menentukan warna ( Hue/Saturation )
6. IMAGE SIZE
Image > image size
Untuk merubah besar kecilnya suatu gambar. Bedanya dengan di tool transform adalah seluruh image berubah nilai besar kecilnya.
7. CANVAS SIZE
Image > canvas size
Untuk merubah besar kecilnya background. Dan ini akan membuat gambar di layer menjadi terpotong.
8. ROTATE CANVAS
Image > Rotate Canvas
Untuk memutar background beserta gambar yang ada didalam area gambar.
9. INVERSE
Select > inverse
Untuk menyeleksi yang bukan area seleksi sebelumnya. Tool ini berfungsi hanya jika ada image atau layer yang terseleksi.
10. FEATHER
Select > feather
Untuk memperhalus atau membuat blur suatu gambar yang sudah terseleksi. Ini biasanya digunakan pada saat pemisahan suatu objek gambar dengan background nya.
11. EFFECT
Tool untuk membuat effect ini ada semua di dalam toolbar filter.
12. RULER
View > ruler
Untuk menampilkan ukuran di area gambar. Ukuran bisa disetting dengan cara klik kanan di ruler area gambar maka akan muncul satuan ukuran yang akan digunakan. Seperti pixel, cm , inches, dll.
Kalau kita drag ruler ke dalam area gambar maka akan muncul suatu garis bantu berwarna biru terang. Dan garis bantu ini tidak akan tercetak kalau kita print.
13. SNAP
View > snap
Untuk menempatkan gambar dengan pas sesuai dengan keinginan kita. Kalau kita drag suatu objek gambar dan kita sudah mengaktifkan tool snap ini maka kita tidak perlu susah-susah untuk menempatkan gambar. Kita bisa menempatkan gambar pas ditengah, di pinggir atau pada garis bantu.
14. MENAMPILAKAN TOOL
Untuk menampilan tool kita cukup dengan mengklik toolbar windows maka akan muncul tool yang akan kita pakai. Seperti layer, color, history, brush dll.
Kalau ada yang masih kurang dan mau tanya tool yang belom dimengerti silahkan tanya aja langsung melalui komentar.. Insya Allah akan saya jelasin.

sumber : http://ilmuphotoshop.com/2008/03/21/tool-tool-lain-yang-penting-di-adobe-photoshop/

Tool-tool photoshop..sambungan

Sambungan dari tool-tool photoshop yang pertama, sekarang ke area ToolBox. Toolbox fungsinya sangat penting karena memudahkan kita. Berikut ini akan dijelaskan mengenai fungsi dari masing-masing tools yang terdapat pada toolbox Adobe Photoshop . Untuk cara penggunaan lebih detil masing-masing tools akan dijelaskan secara terpisah.

A. SELECTION TOOL

• A.1. Marquee Tool
  Saat kita klik Marquee Tool kita bisa melihat ada 4 jenis marquee tool
  1. Rectangular Marquee (Shortcut keyboard: M, atau Shift + M)
  Digunakan untuk membuat area selection berbentuk segi empat pada image.
  2. Elliptical Marquee (Shortcut keyboard: M, atau Shift + M)
  Digunakan untuk membuat area selection berbentuk elips atau lingkaran pada image.
  3. Single Row Marquee
  Digunakan untuk membuat area selection satu baris pada image (ukuran tinggi selection adalah 1 pixel)
  4. Single Column Marquee
  Digunakan untuk membuat area selection satu kolom pada image (ukuran lebar selection adalah 1 pixel).
• A.2. Move Tool
  Shortcut keyboard: V
  Digunakan untuk menggeser/memindah selection, layers, dan guides.
• A.3. Lasoo Tool
  (Shortcut keyboard: L, atau Shift + L untuk mengubah jenis Lasoo) Terdiri dari 3 jenis yaitu:
  1. Lasoo
  Digunakan untuk membuat area selection dengan bentuk bebas
  2. Polygonal Lasoo
  Digunakan untuk membuat area selection berbentuk polygon
  3. Magnetic Lasoo
  Digunakan untuk membuat area selection dengan cara menempelkan
  tepi selection pada area tertentu pada image.
• A.4. Magic Wand Tool
  Shortcut keyboard: W
  Digunakan untuk membuat area selection yang memiliki warna serupa.Perbedaan toleransi warna dapat diatur pada tool option bar.

B. CROP & SLICE TOOL

• B.1. Crop Tool
  Shortcut keyboard: C
  Digunakan untuk memangkas image (memotong dan membuang area tertentu dari image)
  B.2. Slice Tool
  (Shortcut keyboard: K, atau Shift + K untuk mengubah slice)
  Terdiri dari 2 jenis yaitu:
  1. Slice Tool
  Digunakan untuk membuat potongan-potongan dari suatu image
  2. Slice Select Tool
  Digunakan untuk memilih potongan pada suatu image

C. RETOUCHING TOOL

• C.1. Patch/Healing Brush Tool
  (Shortcut keyboard: J, atau Shift + J mengubah tool)
  1. Patch Tool
  Digunakan untuk mengecat/melukis pada area tertentu image dengan pola (pattern) atau sample tertentu. Cocok untuk memberbaiki image yang rusak.
  2. Healing Brush Tool
  Digunakan untuk mengecat/melukis image dengan pola atau sample tertentu. Cocok untuk memperbaiki image yang agak rusak.
• C.2. Stamp Tool
  (Shortcut keyboard: S, atau Shift + S untuk mengubah tool) terdiri dari 2 jenis yaitu:
  1. Clone Stamp Tool
  Digunakan untuk melukis image dengan sample image tertentu
  2. Pattern Stamp Tool
  Digunakan untuk melukis image dengan menggunakan pola tertentu
  
• C.3. Eraser Tool
  (Shortcut keyboard: E, atau Shift + E untuk mengubah jenis eraser)
  Terdiri dari 3 jenis yaitu:
  1. Eraser
  Digunakan untuk menghapus pixel image dan mengembalikannya ke state tertentu.
  2. Background Eraser
  Digunakan untuk menghapus area tertentu image menjadi transparan.
  3. Magic Eraser
  Digunakan untuk menghapus area tertentu image yang memiliki warna yang serupa menjadi transparan dengan satu kali klik.
• C.4. Sharpen, Blur, Smudge Tool
  (Shortcut keyboard: R, atau Shift + R)
  1. Sharpen Tool
  Digunakan untuk menajamkan area tertentu pada image.
  2. Blur Tool
  Digunakan untuk menghaluskan/mengaburkan area tertentu pada image.
  3. Smudge Tool
  Digunakan untuk menggosok/mencoreng area tertentu pada image
• C.5. Dodge, Burn, Sponge Tool
  (Shortcut keyboard: O, atau Shift + O)
  1. Dodge Tool
  Digunakan untuk menerangkan warna di area tertentu pada image
  2. Burn Tool
  Digunakan untuk menggelapkan warna di area tertentu pada image
  3. Sponge Tool
  Digunakan untuk mengubah saturation di area tertentu pada image.

D. PAINTING TOOL

• D.1. Brush Tool
  (Shortcut keyboard: B, atau Shift + B untuk mengubah tool) Terdiri dari 2 jenis yaitu:
  1. Brush Tool
  Digunakan untuk melukis image dengan goresan kuas
  2. Pencil Tool
  Digunakan untuk melukis image dengan goresan pencil
• D.2. History Brush Tool
  (Shortcut keyboard: Y, atau Shift + Y untuk mengubah jenis)
  Terdiri dari 2 jenis yaitu:
  1. History Brush Tool
  Digunakan untuk melukis image menggunakan snapshot atau state history dari Image
  2. Art History Tool
  Digunakan untuk melukis image menggunakan snapshot atau state
  history dari image, dengan model artistik tertentu.
• D.3. Gradient, Paint Bucket Tool
  (Shortcut keyboard: G, atau Shift + G)
  1. Gradient Tool
  Digunakan untuk mengecat area yang dipilih (selected area) dengan
  perpaduan banyak warna.
  2. Paint Bucket Tool
  Digunakan untuk mengecat area yang dipilih dengan warna foreground
  atau pola tertentu.

E. DRAWING AND TYPE TOOL

1. E.1. Selection Tool
   (Shortcut keyboard: A, atau Shift + A untuk mengubah jenis) Terdiri dari 2 jenis yaitu:
   1. Path Selection Tool
   Digunakan untuk melakukan selection path
   2. Direct Selection Tool
   Digunakan untuk mengubah anchor dan direction point dari path.
   E.2. Type Tool
   (Shortcut keyboard: T, atau Shift + T untuk mengubah jenis) Terdiri dari 4 jenis yaitu:
   1. Horizontal Type Tool
   Digunakan untuk membuat tulisan secara horizontal
   2. Vertical Type Tool
   Digunakan untuk membuat tulisan secara vertikal
   3. Horizontal Type Mask Tool
   Digunakan untuk membuat selection berbentuk tulisan secara horizontal
   4. Vertical Type Mask Tool
   Digunakan untuk membuat selection berbentuk tulisan secara vertikal
2. E.3. Pen Tool
   1. Pen Tool
   (Shortcut keyboard: P, atau Shift + P)
   Digunakan untuk membuat path dengan lengkung-lengkung yang halus
   2. Freeform Pen Tool
   (Shortcut keyboard: P, atau Shift + P)
   Digunakan untuk membuat path berbentuk bebas (sesuka kita )
   3. Add Anchor Point Tool
   Digunakan untuk menambah anchor point atau titik editor pada path
   4. Delete Anchor Point Tool
   Digunakan untuk menghapus anchor point tertentu pada path

5. Convert Point Tool
Digunakan untuk mengubah anchor dan direction point tertentu pada path

• E.4. Shape Tool
  (Shortcut keyboard: U, atau Shift + U untuk mengubah jenis)
  1. Rectangle Tool
  Digunakan untuk menggambar bentuk segi empat
  2. Rounded Rectangle Tool
  Digunakan untuk menggambar segi empat melengkung
  3. Ellipse Tool
  Digunakan untuk menggambar ellipse
  4. Polygon Tool
  Digunakan untuk menggambar polygon
  5. Line Tool
  Digunakan untuk menggambar garis lurus
  6. Custom Shape Tool
  Digunakan untuk menggambar bentuk tertentu dari daftar bentuk yang ada

F. ANNOTATION, MEASURING & NAVIGATION TOOL

• F.1. Notes Tool
  (Shortcut keyboard: N, atau Shift + N untuk mengubah jenis)
  1. Notes Tool
  Digunakan untuk membuat catatan pada image seperti copyright.
  2. Audio AnnotationTool
  Digunakan untuk membuat suara/audio pada image
• F.2. Eyedropper, Measure Tool
  (Shortcut keyboard: I, atau Shift + I)
  1. Eyedropper Tool
  Digunakan untuk mengambil sample warna pada image untuk warna
  foreground
  2. Color Sampler Tool
  Digunakan untuk mengambil berbagai sample warna pada image
  3. Measure Tool
  Digunakan untuk mengukur jarak atau sudut pada image
• F.3. Hand Tool
  Shortcut keyboard: H
  Digunakan untuk menggeser/memindah bidang pandang image di dalam window view area.
• F.4. Zoom Tool
  Shortcut keyboard: Z
  Digunakan untuk memperbesar atau memperkecil tampilan image.
• F.5. Background and foreground color
  Supaya default tekan tombol D maka warna foreground dan background menjadi putih dan hitam. Untuk menukar warna background dan foreground tekan tombol X.
• F.6. Normal and Quickmask Mode
  Normal Mode : Semua fungsi seperti brush akan berjalan seperti biasanya. Quickmask Mode : fungsi brush bisa dipakai untuk seleksi cuman jika setelah proses quickmask maka yang diseleksi malah dibagian luar nya.
• F.7. Screen Mode
  Untuk melihat tampilan area kerja windows.

Huaa.. lumayan pegel juga bapak-bapak, ibu-ibu… hehehe.. (masih Bersambung)

sumber : http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/

Tool-tool photoshop

Menu

1. File
Berkaitan dengan file seperti menyimpan, membuka, export, import, dan cetak.

2. Edit
Menu editing secara umum seperti cut, copy, paste, transform image, serta untuk mengatur preferences Adobe Photoshop.

3. Image
Berisi editing image untuk mengatur warna, hue/saturation, brightness/contrast, ukuran.

4. Layer
Berkaitan dengan manajemen layer pada image, seperti menambah layer, menghapus, menambah efek pada layer, serta masking.

5. Select
Berkaitan dengan selection image.

6. Filter
Berhubungan dengan pada Photoshop yang dapat digunakan untuk memberi Efek tertentu pada image.

7. View
Digunakan untuk pengaturan view seperti zooming image, menampilkan skala, dan sebagainya.

8. Window
Digunakan untuk mengatur / menampilkan window

9. Help
Untuk menampilkan help dan tutorial Adobe Photoshop.

2. Tool Option Bar

Hampir semua tool pada Toolbox memiliki options, yang ditampilkan pada Tool Option bar. Options tersebut digunakan untuk mengatur nilai parameter atau

option dari tool yang sedang aktif/dipilih. Sebagai contoh :

Setelah nilai parameter pada tool option bar diubah-ubah , (kita dapat mengembalikannya lagi menjadi nilai default (nilai semula). Yaitu dengan memilih icon tool yang ada di sebelah kiri, kemudian klik tombol . Pada context menu yang muncul, pilih Reset Tool untuk mengembalikan nilai default dari tool yang sedang dipilih. Apabila ingin mengembalikan nilai default semua tools, pilih Reset All Tools.

Moga-moga penjelasan saya jelas ( bersambung….)

sumber : http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshop/

Beauty Butterfly Girl

Ada banyak email isinya minta dibuatin tutorial tentang gimana cara nempelin sayap kupu-kupu/burung pada foto?Saya kasih tutorial ini karena setelah saya perhatiin ternyata lebih banyak penyuka Edit foto daripada kreasi lain seperti gambar 3D atau effect yang lain.

Prinsipnya sama aja sama tutorial menggabungkan 2 foto.. tapi untuk tutorial yang ini banyak menggunakan teknik seleksi.

Action aja ya..
Buka foto yang mau dikasih sayap.. (catatan : posisi objek di foto harus sesuai , jangan maksain, bisa-bisa jadinya nanti malah aneh)
Saya pake foto Nadya ( Adik Ipar saya) .. kalo ada yang minat pake nadya jadi model pemotretan atau model iklan kontak ilmuphotoshop saja.. Fofogenik kok anaknya.. hehehhe.. malah promosi.. :p .. pinter nyanyi lagi.. yee. .. apaan si.. :p

Seleksi bagian badan yang nanti mau dikasih sayap… seleksi bagian leher sampe pinggang.

Tekan Ctrl+ C untuk Copy Lalu CTRL+V untuk Paste.. nanti akan terbentuk layer baru otomatis

Menambahkan TV Online Pada Blog

Mau lihat TV sekarang tidak sulit lagi. Sudah banyak stasius televisi yang membuat TVnya menjadi streaming yang bisa dinikmati secara online. Sehingga jangkauannya akan semakin luas.Dengan internet orang dibelahan negara lain bisa menikmati acara-acara TV Indonesia. Mau menambahkan TV online di blog kita? Siapa tahu akan membuat pengunjung bisa menikmati siaran TV-TV yang sudah streaming. Mungkin dengan menambahkan TV Online ini akan membuat blog kita semakin berat. Jadi perhitungkan kembali. Juga koneksi internet yang ada di Indonesia masih terkenal sangat lambat, siarannya pun tak bisa dinikmati secara nyaman. Tapi jika koneksi internet kita cepat sekali bisa jadi kita bisa menikmati TV onlinedengan enak.

Cara Menambahkan TV Online Pada Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><style>#wb_fs_tvinternetplayers{display:none;visibility:hidden;}</style><a id="wb_fs_tvinternetplayers" href="http://www.warungbebas.com/2010/12/nonton-banyak-channel-tv-online.html">TV Streaming Indonesia</a><script type="text/javascript" src="http://dns.warungbebas.com/4you/wb_fs_scriptwidget.js"></script><script type="text/javascript">wbwidget('loadtvcodeinternetplayers','calltvcodeonlineindonesia',4,2,10)</script><script type="text/javascript">fsCallListTVOnline(255,200,35,1);</script>

5. Simpan jika sudah selesai.

Kita dapat mengganti ukuran TV online yang kita tambahkan, yaitu dengan mengubah (255,200,35,0). 255 adalah lebarnya, 200 adalah tingginya 35 adalah ukuran logo TV. 



sumber : http://kurniasepta.blogspot.com/2011/01/menambahkan-tv-online-pada-blog.html

Membuat Chat Room Di Blog Kita

Banyak sekali alasan orang pergi ke warnet, karena saat iniperkembangan di dunia ini sangat pesat. Ada yang berselanjar di dunia maya untukmengupdate blog, friendster, atau situs jejaring sosial yang sekarang ini semakin marak. Yang sekarang naik daun mungkin face book dan masih ada lagi my space. Itu salah satu tujuan orang berselanjar di dunia maya, mengupdate ada lagi yaitu untukchatting.

Nah, sekarang bagaimana agar blog kita juga dapat menyediakan ruang untuk chatting ( chat room ) agar orang menjadi betah di blog kita. Ada penyedia jasa bagi kita untuk berkreasi membuatchat room, kita tinggal datang ke Meebo disana kita dapat membuat chat room secara gratis.

Semakin banyak yang mengunakan ( menambahkan ke blog mereka ) maka akan semakin ramai yang chatting di chat room kita. Saya sudah membuat chat room di Meebo yang kamu bisa lihat di MUSIK-RADIO dan ONLINE-MAJALAH. Jika kamu tertarik untuk menambahkan ke blog kamu, silahkan copy-paste kode html berikut ini.

<div style="width:300px"><style>.mcrmeebo { display: block; background:url("http://widget.meebo.com/images/r.gif") no-repeat top right; } .mcrmeebo:hover { background:url("http://widget.meebo.com/images/ro.gif") no-repeat top right; } </style><object width="300" height="350"><param value="http://widget.meebo.com/mcr.swf?id=IkJeoXiwiU" name="movie"/><embed width="300" src="http://widget.meebo.com/mcr.swf?id=IkJeoXiwiU" height="350" type="application/x-shockwave-flash"/></embed></object></div>

"width:300px" dan width="300"
angka 300 dapat kamu ubah sesuai lebar yang kamu inginkan
height="350" dan height="350"
angka 350 dapat kamu ubah sesuai tinggi yang kamu inginkan

sumber : http://kurniasepta.blogspot.com/2008/12/membuat-chat-room-di-blog-kita.html

Menambahkan Google Translate Ke Blog

Tahukah kamu raksasa di bisnis internet?google adalah raksasa yang berusaha untuk terus menjadi nomor satu di dunia maya ini. Banyak sekali fitur-fitur atau kemudahan yang diberikan google untuk mendapat simpati pengguna internet. Mulai dari search engine yang paling banyak digunakan orang sampai Translator untuk menerjemahkan bahasa dari berbagai negara.

Sebenarnya tulisan ini pernah saya tulis di sini sebelum saya pindah rumah baru di sini. Tapi tidak apa-apakan kalau saya tulis kembali, karena ilmu yang baik itu harus di sebar luaskan. Kembali kegoogle trasnlate, dengan widget atau gadget ini akan mempermudah jika ada pengunjung blog kita yang berasal dari luar negeri.

Memang dengan google translate, tidak ada lagi yang namanya batas negara, semua dapat mudah dipahami dengan bahasa mereka sendiri dan bahasa kita sendiri. Betapa senangnya jika teknologi dapat mempermudah manusia, tapi jangan sampai terlalu bergantung dengan teknologi, kita juga harus belajar bahasa asing juga.

Langsung saja, setelah sedikit membahas google translate, kita tambahkan saja widget atau gadget ini ke blog anda, jika anda anggap perlu. Caranya yaitu dengan mencopy paste kode java script berikut ini ke blog anda.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

Nanti jika sudah kamu tambahkan ke blog kamu, maka google translate akan berbentuk seperti ini.

	Gadgets powered by Google

sumber : http://kurniasepta.blogspot.com/2008/12/menambahkan-google-translate-ke-blog.html

Membuat Label Menjadi Flash Animasi

Ini berawal dari saya melihat flash animasi yaitu di dalam kotak da tulisan-tulisan yang bergerak-gerak, lalu dengan sengaja saya cari cari cara membuatnya, Label yang di fitur blogger standart menjadi tidak standart.

Kalau biasanya seperti ini:
Kucing (12)
Bunga (45)
Buku (8)
Maka dengan fitur widget yang baru ini maka label akan berubah menjadi bentuk flash animasi, seperti punya saya tu! :) Tahu gak? 

Caranya Gimana?
Pertama, pilih Tata Letak > Edit HTML
Kedua, centang Expand Template Widget
Ketiga, cari kode di bawah ini

<b:section class='sidebar' id='sidebar' preferred='yes'>

Keeempat, Kalau sudah ketemu taruh script berikut ini di bawahnya.


<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://twitter.com/kurniasepta'>@kurniasepta</a> Distributed by <a href='http://kurniasepta.blogspot.com'>Belajar Ngeblog di Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "245", "180", "7", "#333333");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Nah sekarang yang bisa kamu ubah adalah:

"240", "300"

240 adalah lebar flash animasi
300 adalah tinggi flash animasi

Pengetahuan ini saya peroleh dari tante amanda dengan rumahnya dapat kamu jumpai di sini. Ya semoga kamu juga berhasil mempraktekannya. 

sumber : http://kurniasepta.blogspot.com/2008/12/membuat-label-menjadi-flash-animasi.html

Blogger Luncurkan Template Versi Mobile

Kita tahu bahwa pengguna internet di Indonesia dan negara-negara lain begitu pesat. Hadirnya situs-situs jejaring sosial menjadi magnet kuat tumbuhnya internet di dunia ini. Di tahun ini (2010) saja pengguna facebook di Indonesia naik 200%. Dan juga twitter tidak mau kalah, dengan mudah membuat trending topik dari Indonesia karena penggunanya yang besar di Indonesia. Salah satu penyebabnya adalah kemudahan untuk mengakses situs itu. Kita bisa dengan mudah mengaksesnya lewat handphone kita.

Setidaknya ada perubahan besar atau pangsa baru, yaitu berinternet lewat handphone atau mobile. Oleh sebab itu situs jejaring sosial yang menyediakan blog pun juga menyediakantemplate untuk versi mobile. Untuk wordpress bisa kita nikmati sudah lama, begitu juga dengan penyedia blog lokal sepertiblogdetik. Kita bisa melihat blog kita di handphone atau mobiledalam versi yang berbeda yang memang disesuaikan dengan mobileitu, yaitu sederhana dan ringan.

Dan kini blogger.com telah meluncurkan fitur baru template untuk versi mobile. Memang kelihatannya blogger selalu tertinggal dengan wordpress dalam memberikan fitur-fitur baru yang disesuaikan dengan zaman. Masih ingat saya ketika dulu kita diblogspot sulit belum ada kotak komentar di bawah postingan dan juga tidak bisa menampilkan avatar, padahal di wordpress sudah bisa dinikmati. Fitur template versi mobile ini akan lebih membuat blog kita ramah dengan internet mobile. Saat orang mengakses blog kita via handphone atau mobile maka mereka akan diarahkan (ditampilkan) blog kita dalam versi mobile yang berbeda jika diakses dari PC.

Cara Mengaktifkan Template Versi Mobile di Blogger
1. Login ke http://draft.blogger.com
2. Pilih Settings (pengaturan) >> Email & Mobile lalu pilih Ya
3. Jika kita ingin melihatnya hasilnya seperti apa, kita klik buttonMobile Preview atau Pratinjau Seluler

4. Jangan lupa disimpan dengan mengklik Save Settings atau Simpan Setelan

Bagi kita yang menampilkan google adsense, maka tetap akan tampil dan tampilanya pun akan disesuaikan dengan tampilan versi mobile. Dan mungkin juga bagi kita yang tidak langsung menggunakan template bawaan dari blogger.com tampilannya kurang sempurna. Dan alamat versi mobile bisa kita lihat seperti ini http://kurniasepta.blogspot.com/?m=1

sumber : http://kurniasepta.blogspot.com/2011/01/blogger-luncurkan-template-versi-mobile.html

Menampilkan Widget Pada Halaman Tertentu

x

Blog kamu penuh dengan widget, bagaimana mengaturnya agar terlihat rapi? Ini salah satu jawabannya, Menampilkan Widget Pada Halaman Tertentu. Kita bisa memilih menampilkan pada halaman awal (homepage) saja atau menampilkan widget pada halaman posting saja.

Cara Menampilkan Widget Pada Halaman Tertentu
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget.

Cara menampilkan widget pada halaman awal (homepage) saja.

Sisipkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>
Contoh:

<b:widget id='HTML4' locked='false' title='TULISAN TERPOPULER' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Widget yang berupa HTML dengan id HTML4 yang judulnya TULISAN TERPOPULER akan hanya tampil di halaman awal (homepage) dan tidak tampil di halaman postingan.

Cara menampilkan widget pada halaman postingan saja

Sisipkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> di bawah kode <b:includable id='main'>
Dan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>
Contoh:

<b:widget id='HTML7' locked='false' title='TULISAN TERBARU' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Widget yang berupa HTML dengan id HTML7 yang judulnya TULISAN TERBARU akan hanya tampil di halaman postingan saja dan tidak tampil di halaman awal. 

sumber : http://kurniasepta.blogspot.com/2010/12/menampilkan-widget-pada-halaman.html

Membuat Running Teks Berita dari Blog Kita

Pernah melihat televisikan? :D pastinya pernah. Saat ini Televisi yang ada sudah banyak menyertakan running teks yang berisi headline berita. Kita dapat mengetahui headline atau berita terbaru secara singkat. Sekarang kita akan membuat running teks yaitu tulisan berjalanyang isinya judul tulisan-tulisan terbaru blog kita.

Akan semakin menarik pembaca untuk mengetahui headline yang kita tulis di blog kita, judul-judul tulisan kita akan berjalanlayaknya running teks yang ada di TV. Dan pengunjung dapat mengklik judul untuk melihat isinya secara lengkap. 

Cara Membuat Running Teks Berita dari Blog Kita
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript">
var hn_url_blog = "http://kurniasepta.blogspot.com/";
var hn_jumlah_post = 10;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#FF0000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script>
<script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js">
</script>                                                                                           

Ganti http://kurniasepta.blogspot.com/  dengan url blog kita sendiri-sendiri, Selain itu kita juga bisa mengganti jumlah post, warna latar belakang, warna garis dan posisi sesuai dengan selera kita.

5. Simpan jika sudah selesai. 


sumber : http://kurniasepta.blogspot.com/2011/01/membuat-running-teks-berita-dari-blog.html

Cara Membuat Judul Blog Berjalan

Membuat tulisan berjalan sudah pernah kita pelajari bersama, yaitu dengan menambahkan sedikit menambahkan kode html, mungkin untuk lebih jelanya kamu dapat baca di sini. Sekarang kita juga akan belajar untuk membuat blog kita lebih menarik lagi dengan hal yang sama, tetapi yang berjalan kali ini dalah judul blog kita.

Mungkin belum tahu yang mana judul blog itu? kalo judul blog saya ini adalah Belajar Ngeblog di BLOG, Oh ya,,,, ada sedikit tips yang berkenaan dengan judul blog kita, yaitu kita dapat mengganti judul blog kita dengan judul postingan kita agar blog kita lebih ramah dengan SEO.

Cara Membuat Judul Blog Berjalan 
1. Pilih tata letak kemudian edit html
2. Jangan lupa beri tanda centang pada Expand Template Widget
3. Cari kode berikut <title><data:blog.pageTitle/></title>
4. Jika sudah ketemu, ganti kode tersebut dengan kode berikut ini

<b:include data='blog' name='all-head-content'/>


<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. Lihat apakah berhasil dengan (PRATINJAU) jika berhasil SIMPAN

SUMBER : http://kurniasepta.blogspot.com/2009/08/cara-membuat-judul-blog-berjalan.html

Menambahkan AddThis Untuk Membagikan Tulisan Kita

Addthis merupakan layanan yang memudahkan pengujung untuk menyimpan, berbagi dan mempromosikan konten anda keberbagai macam jaringan sosial. Sama halnya dengan layanan sosial bookmark lainnya.Selain itu layanan Addthis juga menyediakan fasilitas one button one content yang sudah terintegrasi dengan beberapa platform, termasuk blogger tentunya.

Kenapa kita harus menambahkan addthis pada blog kita? Salah satu alasan kenapa kita memasang widget bookmark & share adalah sebagai salah satu upaya untuk meningkatkan traffic (pengunjung). Widget bookmark & share Addthis ini setelah Anda “instal” nanti akan terpajang di bawah setiap postingan yang efeknya memudahkan pengunjung blog Anda untuk membookmark atau menyebarluaskan content blog Anda pada berbagai directory yang tergabung dalam bookmark & share Addthis.

Cara Menambahkan AddThis di Bawah Postingan
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <div class='post-footer'>
6. Setelah itu taruh kde berikut ini di bawahnya

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a8b947c53d5c175"></script></div>
<!-- AddThis Button END -->

7. Simpan Template

Cara Menambahkan AddThis di Sidebar
1. Pilih Tata Letak kemudian Tambah Gadget
2. Pilih HTML/JavaScript
3. Masukan kode-kode (script) diatas. 

sumber : http://kurniasepta.blogspot.com/2009/09/menambahkan-addthis-untuk-membagikan.html

Agar Banyak yang Berlangganan Tulisan Blog Kita

Orang yang berlangganan tulisan blog kita (subscriber) tentunya sangat kita harapkan, dengan banyak yang berlangganan ke tulisan kita yang kita posting ke blog berarti kita dianggapnya bermanfaat. Tulisan yang menjadi langganan orang-orang adalah tulisan yang dianggapnya menarik.

Dengan semakin banyak yang berlangganan pada tulisan kita, akan memberiakan banyak manfaat bagi pemilik blog, salah satunya adalah membuat blog kita meningkat traffiknya. Dan pelanggan (subscribe) tulisan kita merupakan pembaca setia blog kita. Mereka berlangganan tulisan-tulisan kita. Lalu tentu ada pertanyaan, bagaimana agar banyak yang berlangganan tulisan blog kita?Berikut ini tips untuk mendatangkan banyak pelanngan (subscribe) yang dikutip dari bloggingly.

• Permudah cara belangganan feed

Jika sudah memiliki konten yang baik maka buatlah semudah mungkin agar pembaca bisa berlangganan feed anda. Bisa dengan icon feed yang besar dan mencolok di halaman utama atau disela-sela setiap halaman post. Tujuannya tak lain agar pembaca yang sudah tertarik tak susah untuk belangganan. Sebab sangat tidak diharapkan ketika pembaca sudah tertarik dengan konten blog tapi ketika mencari cara untuk berlangganan sangat susah sekali.

Jika perlu buat page khusus didedikasikan untuk berlangganan feed anda ketika sang pembaca mengklik salah satu link feed. Disana anda bisa menuliskan kata-kata mutiara anda agar pembaca segera berlangganan sebelum berubah pikiran. Promosi itu penting.

• Tulis konten yang baik dan bermutu

Inti dari sebuah blog adalah kontennya. Walaupun disain tampilan sudah menjadi perhatian dari para pembaca, namun tanpa konten yang bagus maka tidaklah ada keuntungan yang diberikan kepada pembaca. Blog adalah penyampaian pesan dua arah kepada pembaca, jadi tambahkanlah sedikit hal personal ke dalam konten blog anda agar pembaca mendapat feeling blognya. Berikan pembaca konten yang bernilai dan berarti agar terbentuk komunikasi yang baik dengan pembaca. Dari sinilah pembaca yang setia bisa anda peroleh.

• Promosikan jumlah subscriber blog

Tidak bermaksud untuk riya *halah, tapi dengan menampilkan seberapa banyak jumlah subscriber anda tentu sangat membantu meningkatkan subscriber selanjutnya. Kenapa? Karena dengan jumlah yang di generate dari Feedburner stats misalnya, pembaca bisa melihat seberapa banyak subscriber dari blog tersebut. Diharapkan tercipta pemikiran “Wah kalo subscribernya banyak gini, sepertinya saya juga harus berlangganan feed blog ini nih  ” ketika pembaca melihatnya. Meskipun sedikit lebih baik daripada tidak menampilkannya sama sekali, sebab pembaca bisa mengukur seberapa baiknya konten suatu blog salah satunya dari jumlah subscribernya.

• Minta pembaca untuk berlangganan

Tidaklah terlalu agresif jika anda meminta para pembaca menjadi subscriber blog anda. Suatu kewajaran bagi anda setelah memberi konten yang bernilai bagi pembaca dan meminta mereka menjadi subscriber blog anda. Misalnya selipkan “Sudahkah anda berlangganan feed Bloggingly? Jika belum klik lah RSS kami” di setiap akhir dari post anda. dan silahkan berlangganan dengan tulisan saya 

sumber : http://kurniasepta.wordpress.com/2010/07/06/agar-banyak-yang-berlangganan-tulisan-blog-kita/