Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector
aboutus website design services

Willkommen auf mein web blog

Best regard. I will do my best to make it interesting and useful. Greeting to toko online Prestashop!
Tampilkan postingan dengan label Flash. Tampilkan semua postingan
Tampilkan postingan dengan label Flash. Tampilkan semua postingan

10 Maret 2014

Flash di website platform Blogger, baik atau buruk?


Flash itu baik ataukah buruk?

Penambahan Flash pada website tentu menarik perhatian mata. Asal tidak berlebihan maka tidak masalah, meskipun Googlebots atau robots search engine lain tidak akan mengindeks script Flash.

Baik buruknya pemasangan Flash dalam website

Isu kritisnya adalah masalah penempatan. Prinsipnya Flash bisa diletakkan dimana saja untuk meningkatkan daya tarik. Tetapi jika sembarangan tanpa memperhatikan layout akan mengganggu keserasian (keindahan). Demikian juga jika terlalu banyak atau ukuran flash terlalu besar tentu akan membebani Loading halaman. Pemuatan halaman website menjadi lambat, pengunjung pergi dan berpengaruh negatif pada Google PageRank atau search engine lain.

Bagaimana Cara Menggunakan File .swf atau Flash pada website?

Caranya mudah. Untuk latihan kita gunakan script sederhana. Postingan ini dimaksudkan untuk mengenal bentuk dasar script Flash. Silahkan modifikasi dengan Flash Anda. Ini script-nya :

Code dasar Flash di website blog Blogger
script code

Anda hanya perlu mengedit text yang berwarna merah untuk mengatur ukuran sesuai dengan yang Anda inginkan dan ganti saja

URL untuk “src” dengan URL address penyimpanan file tipe .swf milik Anda. Script tersebut bisa diletakkan pada Edit HTML blog platform blogspot atau ditambahkan pada element halaman atau widget di sidebar.

Contoh 1 Flash untuk website

simbol-download-website-design

Snippet kode tampilan FLASH (saya tampilkan hanya sebagai image “download” dengan bagian yang berbentuk “panah” bergerak naik turun dengan cepat. Berikut ini potongan kodenya :

Contoh-kode-flash-di-website-design

Dengan snippet (code) Flash diatas, di halaman website akan ditampilkan Flash seperti gambar flash “Download” dengan cakram selalu berputar dan tanda panah bergerak naik-turun. Anda bisa melihat tampilan Flash dengan membuka url seperti yang tercantum pada code diatas (dalam src="...").

Contoh 2 Flash untuk website

Variasi lain dari contoh diatas adalah dengan disisipkan bgcolor=’green’ untuk menghasilkan tayangan Flash yang sama dengan background hijau. Potongan kodenya seperti ini :

Contoh snippet code flash website

Hasil tampilan Flash dengan background warna hijau seperti gambar dibawah ini (tulisan di dalamnya berkilap-kilap dan bergerak dinamis).

flash-background-hijau-website-design


That's all we know

read more website design

18 Juli 2013

Do not have entire website designed in Flash


Elemen Flash dan SEO Friendly

  • Bagilah content flash berbeda-beda ke file-file terpisah, bukan sebagai satu file besar
  • Bingkailah elemen flash dalam HTML, sisipkan teks deskriptif untuk SEO website (blog) dan agar diindeks oleh search engine
Pedulikah dengan SEO Friendly? OK. Jangan membuat keseluruhan bangunan website berbasis Flash, saat melakukan kerja website design. Karena menyulitkan website SEO Friendly – bahkan robot crawler Googlebots (terkenal paling canggih) sulit mengindeks content flash. Padahal elemen flash support “eye-chatching” untuk menarik perhatian (mata) pengunjung.

Tujuan utama artikel : untuk mengetahui bagaimana mengoptimalkan website berbasis flash terkait SEO blog. Sementara penggunaan faktor lain - terutama elemen teks - harus ditempatkan pada bagian lebih tinggi dalam daftar prioritas saat membangun website berbasis flash. Artinya tempatkan elemen flash pada prioritas terendah!!!

Siasat penggunaan elemen Flash di website

Bagi content flash berbeda dalam file terpisah, bukan sebagai satu file besar
Anda juga dapat melakukan beberapa tindakan dibawah ini.

website tip : Add HTML Element to Flash Files

Search engine selalu mencari content teks dan elemen teks di dokumen HTML.karena lebih mudah dibaca oleh robot (Googlebots, Bingbots) daripada elemen flash. Elemen flash tidak menampilkan link eksternal seperti yang HTML lakukan. Ini alasan utama menambahkan content format HTML ke file flash agar bisa diindeks crawler.

Seperti saran diatas (membagi content flash yang berbeda dalam file terpisah), dalam pandangan SEO, file flash akan lebih baik tersajikan ketika dipisahkan dalam file terpisah. Setiap file flash harus punya halaman HTML sendiri. Anda juga harus menanamkan file flash ke HTML, menambahkan data deskriptif ke halaman web (web page) seperti judul halaman, header, tag alt gambar, anchor text and meta data.
  • Aturan umum :
    Pastikan menggunakan HTML untuk elemen paling penting website, sekaligus hindari sebanyak mungkin elemen flash
  • Jika memang tidak diperlukan jangan gunakan elemen flash. Sebaliknya sedapat mungkin dan sebanyak mungkin gunakan link teks biasa.

Berikut ini dua objek flash tertanam di HTML agar memudahkan pengindeksan search engine.

screenshot elemen flash dalam HTML

Tips SEO-friendly untuk file flash pada website atau blog :
  • Tambahkan teks HTML untuk file Flash.
  • Tambahkan Meta data untuk flash movies yang menggunakan  FLV MetaData Injector.
  • Sisipkan tag <noembed> dan teks deskriptif di dalamnya, seperti ditunjukkan berikut :
contoh penggunaan tag noembed untuk website

Optimize flash website blog for all browsers

Pengalaman user (visitor) yang ditingkatkan akhirnya akan mengarah ke optimasi mesin pencari (SEO) blog (website)

Mengoptimalkan web berbasis flash untuk semua browser bertujuan memastikan kegunaan ditingkatkan. Gunakan Scalable Inman Flash Replacement method (slFR) atau Metode SWFObject untuk mengubah content flash dalam kasus browser tidak support flash.

Avoid using flash for blog navigation

Dua alasan utama Flash tidak seharusnya digunakan untuk navigasi pada website :
  1. Alasan Pertama
    Hindari penggunaan navigasi membingungkan yang dilengkapi flash  karena mengganggu kegunaan website
  2. Alasan kedua
    Dengan keberadaan flash, analisa web untuk melacak dan mengukur kinerja website tidak bisa memberikan data akurat.
Why?
Karena sulit mengukur data web blog berbasis Flash, seperti halaman dikunjungi, bagian mana dari website yang dilihat dan di tahap mana tamu meninggalkan website.

Use proper sitemap for website blog

Sitemap memudahkan search engine mengindeks  webpage. Untuk website (blog) pengguna Flash, file XML sitemaps bisa dibuat dan ditaruh di root directory. Namun harus dihindari penggunaan “completely flash-based web designs” karena sulit diindeks search engine.

Jika tetap mau pakai elemen Flash, kaitkan saja dengan content HTML agar diindeks (dimunculkan) di halaman hasil pencarian search engine (SERP) untuk keyword Anda. Gunakan Google Analytics untuk pelacakan kinerja blog dan tingkatkan pelacakan elemen flash dengan menetapkan setting special case goals and funnels.

[Source]

That's all we know - Happy blog blogger

read more website design

30 Maret 2013

Navigasi website blog : Flash Based Animated label


WP Cumulus plugin support SEO, memudahkan tamu bernavigasi di website blog.

Tag Cloud support SEO website blog

Animasi Label Awan aslinya bernama WP Cumulus plugin sebagai plugin WordPress yang menampilkan label content web blog (e.g. blog blogger) dalam format 3-D (Tiga Dimensi). Awalnya dibuat untuk website enhanced WordPress, sebagai WP Cumulus Plugin. Dan kini bisa dipasang di blog platform Blogger (blogspot).

Tag cloud comulus untuk blog website design

WordPress Cumulus Plugin dipasang di website blog Blogger

Bertentangan dengan apa yang pertama dipikirkan penciptanya – Roy Tanck dari Huizen, Netherlands. Dalam website pribadi (blog pribadi) Roy Tanck berkata :

"Contrary to what I originally thought when I released WP-Cumulus, it seems most people prefer to use it on their blog’s sidebar. I estimate that at least 80% of users use the widget. But the plugin still has two other ways to embed the movie into your blog, and version 1.20 greatly improves the most important of those. Shortcodes can be incredibly useful, and version 1.20 of my plugin now properly supports them."

Bagaimana user blog platform blogger mendapatkan WP tag Cloud Cumulus?

  1. Masuk ke dashboard Blogger | >>>  Desain  >>>  Edit HTML.
    Untuk jaga-jaga, klik dulu Backup/Restore Template (bikin backup file template ASLI).

  2. Tekan CTRL-F untuk mencari snippet kode atau yang mirip dengan kode ini :

    • <b:section class='sidebar' id='sidebar' preferred='yes'>
      ATAU
      <b:section-contents id='sidebar-right-1'>

  3. Download file “tag cloud Cumulus” dari salah satu link berikut :

    1. WP-TAG-CLOUD-CUMULUS.html (4share), atau
    2. WP-TAG-CLOUD-CUMULUS.txt.html (Ziddu)

    NOTE :
    Jika Antivirus di PC menghambat download, matikan dulu, lalu coba download lagi. Penyebabnya : File download dari Ziddu dianggap ancaman virus meski sebenarnya aman.

  4. Buka file hasil download. COPY seluruh isi. PASTE tepat di bawah potongan code berikut : <b:section class='sidebar' id='sidebar' preferred='yes'> atau yang mirip dengan itu.

    Hasilnya akan terlihat seperti gambar berikut :

    tag cloud cumulus untuk blogger

  5. Kustomisasi
    Anda leluasa melakukan perubahan parameter plugin/widget diatas. Perhatikan!
    Angka 240  dan 300 menunjukkan lebar dan tinggi flash film di webpage dan bisa disesuaikan dengan keinginan Anda. Kode warna ffffff, mewakili warna background dan 333333 mewakili warna text. Saat didekati kursor warna text menjadi hitam.

    Angka 100 menunjukkan speed pergerakan text dan bisa di-set dibawah 100. dan angka 12 menunjukkan ukuran karakter.

    Untuk mendapatkan kode warna buka http://www.colorpicker.com/

CATATAN
Sesudah COPY – PASTE, hasil copian diperiksa dengan cermat, agar identik dengan ASLI. Karena berulang-ulang saya mengalami duplikasi copy-an (tanpa tahu penyebabnya dan harus hati-hati menghapus duplikatnya).

<b:includable id='main'><b:includable id='main'>
<b:if cond='data:title'><b:if cond='data:title'>


seharusnya :

<b:includable id='main'>
<b:if cond='data:title'>

Contoh :

Cumulus Wordpress Label ada di blog saya http://yusufzulkarnain.blogspot.com. Anda bisa memindahkan posisi melalui jendela Layout. Jika berhasil tampilan seperti gambar diatas.

Referensi tentang Blogger : Blogger Blogspot



----------oooooo00 That's all we know - Happy be Blogger 00oooooo----------


read more website design
Penelusuran topik khusus di blog ini
Loading