Powered by Blogger.
RSS
Showing posts with label Layanan Situs FREE. Show all posts
Showing posts with label Layanan Situs FREE. Show all posts

Five Great Ideas how to diversify content website blog


Website Membosankan!

Jika website atau blog Anda membosankan, maka pengunjung pun ikut merasakan, maka diperlukan perubahan-perubahan signifikan dalam pembuatan content. Banyak blogger dan webmaster terpaku pada style monoton sajian content sehingga membosankan diri mereka dan pembaca website.

writing content website design

Komunitas Blogosphere Indonesia semakin banyak anggotanya. Mereka merasa berbakat menulis dan bersemangat membangun website. Namun sayang!. Mereka cenderung mengabaikan Style of Article, terjebak target jumlah post dengan style tulisan selalu berulang. Sebagus apapun isi content jika tersaji tanpa variasi tentu membosankan.

Content menjadi prioritas dan akan selalu demikian, terutama bagi Blogger yang mencari nafkah dengan menyediakan informasi berharga. Content adalah hal pertama yang mendapat perhatian tamu dan satu-satunya alasan utama kembali. Teks memang sangat penting tapi tidak berarti segalanya. Lakukan diversifikasi sajian content dengan sesuatu yang baru untuk memberi kejutan-kejutan baru agar pembaca selalu kembali dan kembali.

“Jangan takut bereksperimen.”
Just to say - “I will do my best to make it always interesting for you.”


5 Ideas How to Diversify Blog Content

Part 1 of 3 series of Web Content Development



Berikut ini 5 ide diversifikasi content blog dan tools apa saja yang bisa digunakan :

1.     INFOGRAPHIC

Jika Anda terlibat marketing-online, tentu Anda tahu tentang infographics atau pernah melihatnya saat browsing di web. Infographics populer karena dianggap sebagai aspek content yang baik

Infographic adalah cara sangat mengagumkan untuk menyebarkan informasi kompleks dalam dataset menarik secara visual.

Tampilan Infografik bisa dilengkapi anotasi  Charts, grafik, diagram, circles, visualized maps (peta divisualisasikan), diagram, timelines (jadwal) et cetera. Seperti contoh ini :

Infographics in website free download

Infographic membuat posting Anda lebih eye-catching sehingga menarik perhatian reader dan mudah mendapatkan cakupan lebih besar di Internet. Bagaimanapun juga topik yang dipilih untuk ditampilkan dalam bentuk Infographic harus mengenai sesuatu yang baru, menarik dan cukup beralasan untuk ditampilkan. Akan lebih baik jika selain menyajikan “in-house stats” Infographic  juga menyertakan jejak statistik kecenderungan global.

Pengembangan Infographic membutuhkan banyak waktu dan usaha tapi hasilnya bisa mencengangkan. Jadi cobalah Anda membuat Infographic. Di internet tersedia banyak sumber informasi gratis untuk membantu pembuatan Infographic seperti contoh gambar diatas.

Silahkan lihat Google Public Data, ManyEyes dan Stat Planet.

Mereka beri akses Library data publik, fasilitas Upload dataset dan mengubahnya menjadi Infographics menarik. Alternatifnya, Anda bisa Re-Post Infographics yang sudah ready di situs layanan gratis Visual.ly beserta interpretasi Anda sendiri.


BERSAMBUNG ke :
PART 2 : SLIDESHOW PHOTO and LIST.

Post terkait :

Part II : 5 Great ideas how to diversify content website

Great ideas how to diversify content of website blog - 3


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Part II : 5 Great ideas how to diversify content website


Perlu dilakukan variasi untuk penampilan blog  atau website - terutama pada cara penulisan dan penyajian content. Karena Content adalah Prioritas Utama Indeed Content of website is the king – akan selalu demikian, terutama bagi blogger yang mencari nafkah dengan menyediakan informasi berharga. Content adalah hal pertama mendapat perhatian reader - satu-satunya alasan utama mereka kembali.


5 Ide Bagaimana Melakukan Diversifikasi Content

Part 2 of 3 series of Web Content Development



2.     SLIDESHOW PHOTO

Slideshows dibagi 2 jenis yaitu Educational Presentation dan SlideShow Foto. Keduanya menampilkan serangkaian informasi bermakna dan melibatkan Reader. Jika Anda berpengalaman membuat riset sendiri, maka PowerPoint pilihan terbaik untuk memulai membuat Slideshow.

Jagalah agar slideshow tetap simple, jelas dan informatif, menggunakan Bullet lists, grafik diagram dan tentu saja tidak menyalahgunakan efek animasi (jangan berlebihan).

Mengapa? Karena efek animasi berlebihan akan mengalihkan perhatian pengunjung.

Slideshare sumber sangat baik untuk host presentasi sebab dilengkapi kemampuan  mendapatkan kode embed untuk ditaruh di situs. Dengan slideShow, Anda bisa  segera menginformasikan events bermakna.

Untuk buat slideshow format  web-ready, gunakan free Freemake Video Converter  yang memungkinkan user mengubah sejumlah besar foto ke Flash video dengan code embed yang disediakan atau upload  slide foto untuk saluran YouTube. Anda bisa menambahkan background musik dan mengalihkan (switch on) ke efek panorama. Keseluruhan proses memakan waktu beberapa menit saja.

3.     LIST

Orang suka memilih untuk mendapat pilihan terbaik menurut mereka. Mulai ungkapan "Top-10", "Best-100" atau “A to Z.”  yang  bisa digunakan untuk membuat struktur Posting  menjadi lebih baik. Selanjutnya biarkan pembaca membandingkan item-item dalam LIST.

Anda bisa membuat LIST apapun mengenai niche blog.  Misalnya sumber-daya bermanfaat, tool, video, tips atau cara-cara  untuk melakukan sesuatu.

Orang sering melakukan scan posting – yang memberi mereka alasan kuat untuk melihat item yang  menarik perhatiannya. Maka dalam membuat LIST gunakan bullet atau nomor, sisipkan gambar dan selalu tempatkan nama dalam huruf tebal.

Penggunaan LIST bukan merupakan pengganti content relevan. Jika Anda terlalu menarik perhatian dengan LIST yang tidak relevan dengan fokus utama blog, mereka tidak akan kembali, sama seperti ketika mereka mendapati posting terlalu panjang untuk dibaca.


Berikan saja  hanya informasi relevan tentang item tersebut, misalnya menghitung pro dan kontra tentang suatu hal dan memberikan saran bagaimana mendapatkan keuntungan dari itu.

BERSAMBUNG ke PART 3 : VIDEO INTERVIEW      and     Q&A

Post terkait :

Five Great Ideas how to diversify content website blog (bagian 1)
Great ideas how to diversify content of website blog - 3


Tag Technorati: {grup-tag}

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Great ideas how to diversify content of website blog - 3


Banyak pengorbanan untuk maintenance website profesional. Membangun blog juga dibutuhkan banyak waktu dan pikiran. Sementara tamu mengutamakan content situs - menjadi prioritas dan akan selalu demikian. Content selalu menjadi alasan utama mereka kembali dan kembali.

Ketika membuat content teks kadang ada perasaan bosan karena Anda seperti menulis untuk Hantu – seolah tidak ada orang yang mau membaca. Atau merasa tenggelam yang tidak diketahui kedalamannya. Hanya menyisakan rasa bosan, jenuh dan jumud.

Kebosanan membunuh kreatifitas, Kebosanan terjadi karena mengabaikan penyebabnya yaitu style monoton sajian content. Jika isi blog bikin bosan Anda, reader akan merasa lebih bosan lagi.

Solusinya lakukan sesuatu yang berbeda dan gunakan beberapa variasi style content. Pada Part 1 dan Part 2  dibicarakan (1). Infographic, (2). SlideShow Photo dan  (3).  List.    Maka Part 3 menjadi bagian terakhir dari 3 session membahas Video Interview dan Question & Answer untuk content blog.


5 Ideas How to Diversify Blog Content

Part 3 of 3 series of Web Content Development



4.     VIDEO INTERVIEW

Kekuatan video sering diremehkan. Blogger sering lupa bahwa video dapat menyampaikan pesan lebih efektif, poin penting dapat lebih ditekankan dan emosi dikontrol dengan baik atau  diobservasi dengan baik sehingga bisa lebih men-support pesan yang ingin disampaikan. Video dapat menghindarkan tamu dari keharusan membaca baris-baris text panjang.

Video Interview dapat menjadi konten website. Untuk membuat Video Interview bisa dilakukan dengan bantuan Skype dan software Video Recording seperti SnagIt atau CamStudio .

Tantangannya adalah bagaimana menemukan figur tepat untuk diwawancarai, ahli dalam niche Anda, memberi opini segar dan iklas berbagi keahlian.  Anda harus mempersiapkan semua masalah teknis dan merancang pertanyaan dengan seksama.

Selama interview, tetap dijaga dialog interaktif. Jangan lupa, Anda yang mengatur semua untuk VISITOR yang mungkin tidak akrab sama sekali dengan topiknya. Dengan Wawancara dipastikan menambah kredibilitas sumber daya Anda sebab publik menghargai aransemen tersebut untuk content website.

Jika kemampuan dan sumber-daya terbatas untuk membuat Video Interview, maka buat saja  video monolog atau gunakan video yang relevan.

5.     QUESTION AND ANSWER (Q & A)

Jika blog Anda sangat niche-oriented dan menerima banyak email dan komentar, maka siapkan Q & A Posts  untuk pertanyaan yang sering diajukan (Frequently Asked Question /FAQ). Keuntungannya,    Anda berkesempatan membicarakan beberapa topik kecil tetapi signifikan.

Q&A posts memberi kesempatan sempurna untuk membangun Internal Link : dengan hanya menyebutkan URL Posting lainnya dalam blog terkait dengan pertanyaan dan membuat Anchor-Text dengan keyword yang ditargetkan.

variasi content website Question and Answer
Jangan lupa memuat semua pertanyaan dalam huruf tebal  sehingga Reader bisa menggulir ke bawah (scroll-down) dan membaca pertanyaan paling menarik. Bersikaplah terbuka kepada Public Reader - Terbitkan pertanyaan-pertanyaan mereka tentang hobi Anda, minat dan lainnya untuk membina kedekatan.

 
Post terkait :
Five Great Ideas how to diversify content website blog (bagian 1)
Part II : 5 Great ideas how to diversify content website


Tag Technorati: {grup-tag}

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Menimbang Faktor Load Time dan Size Website

Loading time, SEO Blog dan Google PageRank

Google     memasukkan FAKTOR KECEPATAN LOADING (membuka) halaman blog sebagai penentu PageRank pada SERPs (Search Engine Result Pages) Google. Kebanyakan Webmaster / blogger mengabaikan Load Time dan size website. Mereka lebih mementingkan unsur-unsur yang membangun struktur halaman website  daripada memikirkan kecepatan membuka halaman blog. Padahal faktor ini sangat terpenting!

Now as Google has included the Page load factor while determining SEO of a site, Bloggers have started paying more attention on reducing their site load.
Source : http://www.dailyblogging.org


website design-PageLoadStats

Mengukur Loading Time

Bayangkan!  Jika loading blog sangat lambat – seperti jalannya seekor siput yang memiliki penyakit Asam Urat (Gout atau Arthritis) – karena banyak banner ukuran besar, slideshow foto, video, animasi, widget yang sebenarnya tidak perlu dan terlalu banyak warna. Load time habis dan “CLOSE” sebelum halaman web ditampilkan karena size blog terlalu besar. Jika Anda kesal, pengunjung blog akan lebih kesal dan pergi.

Size blog terlalu besar menyebabkan Loading time terlalu berat atau Close Webpage sehingga visitors pun pergi dan tidak ingin kembali lagi. Implikasi lain PageRank Google juga turun.

Beberapa penyebab Loading Page sangat berat :
  1. Penggunaan widget yang terlalu banyak dan yang dirasa tidak begitu diperlukan.
  2. Memasukkan banner yang berukuran besar.
  3. Penggunaan template yang terlalu banyak warna (idealnya Black and White).
  4. Terlalu banyak slide show berupa video ataupun foto
  5. Terlalu banyak animasi dan flash dan lain sebagainya.
Ingin tahu load page blog Anda?  Silahkan klik link :

Berapa lama website (blog) membuka halamannya?

Masukkan saja URL (minus http://) pada area yang tersedia (maksimal 10 URL ).

Powered by iWEBTOOL[/tpcolor]

Saya ukur blog ini website-download.blogspot.com dan muncul jendela seperti ini :

Faktor Loadtime dan Size Website

Hasilnya size dan load page blog ini (Website Design) diatas standar 309,6 KB dan 0.16 second. Standar  size 100KB dan load page 0,10 second akan terpenuhi jika content blog hanya teks saja -  tanpa gambar, widget sedikit , animasi, video dan banner.  Nilai load page dan ukuran (size) file website atau blog dapat  saja berubah-ubah, tergantung update content blog.  

Solusi

Kurangi penyebab size blog menjadi besar seperti widget yang tidak diperlukan, banner, image, animasi, slideshow, video dan variasi warna.

Anda harus mengkompres template blog dengan tool  dari layanan situs CSSdrive.com untuk kompres kode CSS.

Anda berminat memasangnya di blog atau website Anda? Caranya pun sangat mudah. Silahkan ikuti saja tutorial install Speed Test di Blogger dengan melakukan klik judul posting dibawah ini.

Related Post  :
Power Tool : Install Widget Speed Test di Blogspot


Happy Blogging!


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

jStrip : Software aplikasi pengecilan image website blog


Mengenal jStrip

jStrip adalah free software aplikasi untuk mengurangi size file image JPEG tanpa harus mengorbankan  mutu gambar sebelum di-upload ke website hanya dengan satu klik. Dengan tampilan simple jStrip memberi kenyamanan kemudahan penggunaan. Anda bisa kompres ratusan gambar di web blog sekaligus dengan sekali klik.

Cara kerja

jStrip bisa kompres gambar JPEG hingga ke size 93,4% dari aslinya dengan tetap terjaga kualitas gambar. Bagaimana cara kerja aplikasi ini dalam mengkompres setiap gambar?
  • jStrip mengurangi ukuran file dari gambar dengan menghapus komentar dari gambar seperti meta data EXIF, profil warna, thumbnail etc. Data yang dihapus ini tidak digunakan web browser dan image viewing software (software pelacak gambar).
Free download jStrip website design

jStrip juga melakukan General Cleanup Task seperti, menghapus ekstra bytes di awal dan akhir file, ruang diantara data blocks dan ekstra bytes lain yang tidak diperlukan. Anda bisa lakukan setting dengan klik menu file kemudian pilih Options.

Sebelum menggunakan jStrip, pastikan gambar yang akan dikompres sudah dicopy, karena hasil dari jStrip akan langsung menimpa gambar asli. Dengan kinerja super cepat, Anda akan merasa mudah setiap kali kompres gambar menggunakan jStrip.  Ada memang software alternatif  untuk kompress gambar seperti ImageResize, TinyPic atau FileOptimizer. Tapi sebaiknya coba dulu jStrip.

FREE download : DISINI jStript

Mengapa Software ini penting?

Pengurangan size file gambar berdampak bagus terhadap Round-trip time (RTT) website.
  • Round-trip time (RTT) : Waktu yang dibutuhkan client untuk mengirim permintaan dan server untuk mengirim respon via jaringan internet, tidak termasuk waktu dibutuhkan untuk transfer data.

Artinya, tidak termasuk waktu untuk download byte yang ditransfer (karena itu tidak berhubungan dengan bandwidth).

Misal, suatu browser koneksi untuk pertamakalinya ke server web, maka harus ada minimal 3 RTT :

1 RTT untuk resolusi nama DNS
1 RTT untuk setup koneksi TCP
1 RTT untuk permintaan HTTP dan byte pertama dari respon HTTP.

Jika ada banyak halaman web (webpage) tentu membutuhkan puluhan RTT.

Untuk download file ukuran kecil, misalnya gambar yang sudah dimampatkan ukurannya dengan jStript, RTT menjadi faktor utama untuk latency pada "cepatnya" koneksi (broadband).
 
  • Karena itu, strategi penting mempercepat kinerja webpage adalah dengan meminimalkan jumlah Round-trip time (RTT).

Karena mayoritas RTT terdiri permintaan HTTP dan respon, maka sangat penting meminimalkan jumlah permintaan yang perlu client buat dengan cara :

  1. Memparalelkan gambar sebanyak mungkin dengan Combine images using CSS sprites
  2. Memperkecil ukuran file gambar dengan jStrip.

Memilih Gambar yang akan diperkecil ukuran filenya

Untuk mengetahui gambar mana yang harus dikompress dengan jStript, buka URL :
ketik URL website Anda dan kliK ANALIZE.

Analisa performance website

Pada halaman OVERVIEW  akan ditampilkan list URL gambar di website Anda yang perlu dicompress.

Memilih gambar website untuk di-compress
OK. Selamat mencoba!



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Tip Internet : How to delete cookies from Browser


Anda mungkin memiliki Adobe Local Shared Objects, dikenal juga sebagai LSOs atau Flash cookies di computer Anda. Biasanya internet user tidak dapat menghapus (delete) cookies ini dengan browsers controls yang ada. Tetapi jangan khawatir, website resmi Adobe menawarkan tools untuk control Flash cookies di computer Anda, Bagi para user browser Firefox juga dapat memanfaatkan add-on untuk mendeteksi dan delete Flash cookies.

Menghapus Cookies browser internet di computer

Pada dasarnya, sebagian besar cookies itu mudah dihapus (delete). Pada artikel posting blog website design ini Anda hanya perlu memilih yang sesuai dengan browser Anda pada pilihan-pilihan browser dibawah ini dan mengikuti instruksinya :

Google Chrome

Click on the "Tools" menu and,
select "Options".
Click the "Under the Bonnet" tab, locate the "Privacy" section and,
click the "Clear browsing data" button.
Select "Delete cookies and other site data" to delete all cookies from the list (alternatively, you can remove all cookies created within a specific time period by selecting the period you want from the dropdown list).
Select "Clear browsing history" to delete traces of which websites you've visited.
Select "Clear download history" to delete records of which files and programs you've downloaded.
Select "Empty the cache" to delete cached website pages.
You can also delete saved passwords (which log you into websites) and saved form data (such as your name and address).
Then click on the "Clear browsing data" button.
Click on the Close button when you've finished.

Mozilla Firefox

Click on Tools  >> Options (or Edit | Preferences on Linux)
Select Privacy
In the Cookies panel, click on Show Cookies
To remove a single cookie click on the entry in the list and click on the Remove Cookie button
To remove all cookies click on the Remove All Cookies button

Mozilla

Choose Cookie Manager from the Tools menu.
Choose Manage Stored Cookies.
Remove any cookie from the list, or remove all cookies.

Mozilla Firebird

Click on Tools, then Options
Select the Privacy icon in the left-hand panel
Click on Cookies
Click on Stored Cookies
To remove a single cookie click on the entry in the list and click on the Remove Cookie button
To remove all cookies click on the Remove All Cookies button.

Internet Explorer 9

Open Internet explorer window
Click the “Tools” button
Point to “safety” and then click “delete browsing history”
Tick the “cookies” box, then click “delete”

Internet Explorer 8

Click "Safety" on the Command bar
Select "Delete Browsing History"
Select the option for cookies and click Delete

Alternatively, Internet Explorer 8's new InPrivate browsing feature allows users to browse the internet without recording information from visited sites (including cookies). To use InPrivate mode:

Click "Safety" on the Command bar
Select "InPrivate Browsing"

Internet Explorer 7.x

Exit Internet Explorer 7, and then exit any instances of Windows Explorer
Click Start, click Run, type inetcpl.cpl, and then press ENTER
On the General tab, click Delete under Browsing History in the Internet Properties dialog box
In the Delete Browsing History dialog box, click Delete Cookies
In the Delete Cookies dialog box, click Yes.

Internet Explorer (all other versions)

Internet Explorer saves cookies in more than one location, depending on the version of the browser and the version of Microsoft Windows being used.

The best way to find and delete them is to close Internet Explorer then use your file management software (such as Windows Explorer) and search for a folder called 'cookies'.

AOL 8 and 9

Sign on and select Settings from the toolbar.
Version 9.0 users should select the By Category tab and click the Internet [Web] Options link, while for Version 8.0 and below click Internet Properties (WWW).
Click Settings.
Note: Windows Vista will see more than one Settings button. Click the button in the Browsing history section.
Click View Files. Your list of cookies (plus your other temporary internet files) will be displayed.
If you wish to delete any of the cookies or files, right-click on them and choose Delete.

Netscape Navigator 7.x

Choose Cookie Manager from the Tools menu.
Choose Manage Stored Cookies.
Remove any cookie from the list, or remove all cookies.

Netscape Navigator 6.x

Choose Cookie Manager from the Tools menu.
Choose Manage Stored Cookies.
Remove any cookie from the list, or remove all cookies.

Netscape Navigator 4.x

In Netscape, all cookies are stored into one file, called Cookies.txt, in the user preferences folder, making them easy to find and delete. The folder can be located by using your file management software to search your hard disk drive for "cookies.txt".

Users of Netscape Navigator 4.x may also stop cookies from being written to the hard drive, by making the cookies file read only. However, even if the browser can't "write" cookies to the hard drive, it can still cache them, and it may create a new cookie file.

Opera

To delete all cookies at the end of every session, select it in the privacy settings under Tools > Preferences.
Click on Manage cookies to delete specific cookies or cookies from specific domains.

To delete all cookies immediately, go to Delete private data on the Tools menu.

Deepnet Explorer 1.1+

Choose Tools and then Internet Options
Click the Privacy tab
Move the slider to choose your preferred settings.

Apple Macintosh

Microsoft Internet Explorer 5 (MacOS X)

Choose Preferences from Explorer menu
Select Receiving Files options
Select Cookies
Select the Cookies to be deleted from the list
Press Delete button

Microsoft Internet Explorer 5 (MacOS 9)

Choose Preferences from Edit menu
Select Receiving Files options
Select Cookies
Select the Cookies to be deleted from the list
Press Delete button

Netscape Navigator 7.x

Choose Cookie Manager from the Tools menu.
Choose Manage Stored Cookies.
Remove any cookie from the list, or remove all cookies.

Netscape Navigator 6.x

Choose Cookie Manager from the Tools menu.
Choose Manage Stored Cookies.
Remove any cookie from the list, or remove all cookies.

Safari 1.0 (MacOS X)

Choose Preferences from Safari menu
Select Security icon
Press Show Cookies button
Select the Cookies to be deleted from the list
Press Delete button

Opera

To delete all cookies at the end of every session, select it in the privacy settings under Opera > Preferences
Click on Manage cookies to delete specific cookies or cookies from specific domains.

To delete all cookies immediately, go to Delete private data on the Tools menu.

Other

WebTV

From the Home page, select Help
Select Utilities Tool
Select Reset Cookies
Power off the WebTV for 60 seconds
Cookies should be deleted when you turn the WebTV back on again

MSNTV2

From the Home page, select Settings
Select Web Appearance and Security
Select Delete Cookies

Source : http://www.aboutcookies.org/page-2


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Edit and Posting Website using Windows Live Writer



Knowing What the website Editor Tools is

Membuat website sangat mudah dan cepat. Tetapi selanjutnya daftar tugas yang panjang sudah menanti dengan prioritas utama membuat dan meng-update content. Saya rekomendasikan tools bagus Windows Live Writer - It’s a nice “What You See Is What You Go” product - untuk  UPDATE content (mengetik teks, pasang gambar, video, peta, tabel dan lainnya) meskipun koneksi Offline. Halaman pengeditan dalam format webpage.  Editing sementara bisa dilihat dengan klik PREVIEWhasil tampilan akan seperti webpage sebenarnya.   Editing mudah hasil seketika.

halaman edit windows live writerUntuk memasang gambar cukup dengan Menu Tata-Letak terbagi sub-Menu Pembungkusan Teks dan Margin. Menu SISIP ada di pojok kanan bawah. Semuanya tampak dalam satu halaman.

Tools ini juga digunakan untuk mengelola berbagai software CMS, Terutama berbasis blog (Blogger atau WordPress).
Windows Live Writer mensyaratkan sistem operasi Windows XP Service Pack 2 keatas. Tapi tidak support dengan Windows XP Professional x64 Edition. Pastikan computer ter-Install Microsoft.NET Framework 2.0 atau yang lebih baru.

Download Gratis

Microsoft menawarkan download gratis Windows Live Writer atau klik gambar dibawah ini :
icon download iframe image
SIGN-UP menggunakan Gmail atau MSN Hotmail Anda, selanjutnya ikuti saja prosesnya.
Kemudian klik 2x pada ICON FILE wlsetup-web.exe (hasil download). Proses instalasi diawali dengan jendela persiapan instalasi. Terpampang teks Welcome to WINDOWS LIVE … Preparing The Instller. Sampai disini pastikan koneksi ONLINE karena instalasi membutuhkan beberapa file dari internet. Maka tunggu sampai Jendela Persiapan Instalasi hilang dari layar monitor.

Selanjutnya ada opsi program yang hendak di-Instalasi bersama Windows Live Writer. Jika tidak menginginkan, hilangkan tanda CHECK di opsi program. Klik OK dan tekan tombol INSTALL. Instalasi dijalankan setelah tidak ada program yang crash dengan Windows Live Writer. Prosesnya lama, tunggu sampai kotak baris OVERALL PROGRESS menunjuk 100% sehingga muncul text  You are almost Done

Dan HILANGKAN SAJA SEMUA TANDA CHECK pada kotak opsi dan klik CONTINUE. Maka muncul teks : WELCOME TO WINDOWS LIVE! Jika belum memiliki Account Windows Live klik SIGN-UP. Jika sudah punya klik tombol CLOSE.

Selanjutnya operasikan menu START > PROGRAMS > Windows Live –> Windows Live Writer. Maka tampak halaman Windows Live Writer.  Untuk mendaftarkan blog, silahkan klik MENU BLOGS. Lalu Klik ADD BLOG ACCOUNT.

mendaftarkan blog di windows live writer

Untuk platform WordPress dan Blogspot pilih opsi  OTHER BLOG SERVICE. Tekan NEXT. Muncul teks  “Add a Blog Account,  masukkan saja URL Blog, gmail dan Password. Tekan NEXT. Berikutnya muncul jendela proses deteksi blog. Tunggu sampai selesai.

deteksi blog proses submit di WLW proses submit blog di windows live writer

Allowing this will let you see what your posts will look like online while you are editing?”  pilih YES.

konfigurasi blog di windows live writer selesai

Muncul text “Page Weblog Configuration Complete klik FINISH untuk mengakhiri proses. Saatnya membuat artikel perdana dan SAVE DRAFT untuk sementara tidak di-Upload atau pilih PUBLISH. Beri tanda CHECK pada jendela “View in Browser After Publishing?”

Anda diminta LOGIN ke PICASA WEB untuk penyimpanan gambar, tekan YES. Masukkan password yang digunakan untuk LOGIN ke blog. Proses login Picasa Web hanya sekali yaitu saat account blog dibuat dan didaftarkan ke WLW. Kemudian tekan PUBLISH sekali lagi untuk mengulang proses UPLOAD.



Tag Technorati: {grup-tag},

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

XAMPP : Build Web Server, FTP and Database Server



Xampp 1.7.7 untuk Localhost Server


Windows XP punya banyak kelemahan dalam hal web server. Windows XP memang tidak diperuntukkan untuk computer server. Jangan khawatir, banyak software pihak ketiga dapat menambah kemampuan Windows XP di bidang web server. Salah satunya XAMPP.

Dengan XAMPP 1.7.7, Anda dapat membangun sebuah jaringan layaknya internet namun dalam lingkup lokal (localhost atau intranet). Kita lanjutkan dengan anggapan Anda punya pengetahuan dasar web server, FTP server, dan database server atau silahkan cari referensinya di Google search engine. Dengan XAMPP juga, bagi Anda yang berminat belajar web design, web programming dan semacamnya, Anda dapat dengan mudah mengelolanya terlebih dulu di server lokal (localhost) sebelum di-upload ke publik. Dengan kata lain belajar dalam lingkungan kerja offline dulu, baru kemudian online.
  • Xampp  adalah aplikasi free open source yang bersisi modul-modul yang dibutuhkan untuk membangun sebuah server yang bekerja dengan baik dalam lingkungan Windows. Dengan XAMPP, kita dapat membangun sebuah web server, FTP server, dan database server sekaligus dalam lingkungan Operating System (OS) Windows.

Persiapan yang Dibutuhkan

Instalasi XAMPP 

  1. Setelah sukses download XAMPP, jalankan dengan mengklik 2x file tersebut. Lalu klik Next.

  2. Tentukan lokasi folder yang diinginkan untuk menaruh file hasil instalasi nantinya. Klik Next.

  3. Selanjutnya beri tanda check semua opsi yang diberikan. Klik Install.

  4. Tunggu beberapa saat, proses instalasi running.

  5. Setelah proses selesai silahkan klik Finish.

    pemasangan XAMPP di Windows XP

  6. Anda akan disuguhkan beberapa pertanyaan. Jawab saja "Yes" dengan menekan tombol "y" lalu tekan enter. Setelah itu muncul kotak XAMPP Control Panel seperti gambar diatas dan sebuah ikon kecil bergambar tulang berwarna orange di kotak tray.

Untuk menguji apakah instalasi sukses atau tidak. Di server, buka browser Anda, lalu :
  • ketik  http://localhost/ pada address bar.
Lakukan juga di client dengan mengetikkan ip address server di browser. Misalnya, IP address yang digunakan 192.168.2.30, jadi di browser saya ketikkan http://192.168.2.30/.

Konfigurasi isi direktori XAMPPKonfigurasi folder pada direktori XAMPP

Selamat mencoba!     

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Teen tools should support SEO for blog and website


SEO tools for website download

Salah satu tugas utama Admin website atau web designer adalah melakukan SEO (Search Engine Optimization). Owner website komersial atau blogger narsis pasti menginginkan website banyak  pengunjung.. Sementara semua orang menggunakan mesin pencari -  Google search engine, Yahoo, Bing etc. - untuk menemukan informasi di internet.

Dibawah ini tools website yang bisa digunakan untuk keperluan SEO:
 
1. SEO.COM
http://www.seo.com
Tool ini ditawarkan oleh SEO firm berbasis di SALT LAKE CITY — Utah, USA. Free Instant Website Report pada toolbar akan memberikan review website – seperti Overall score 0 up to 100, Alexa Rank, Google PageRank, jumlah Inbound links, Indexed pages pada search engine Google, Yahoo dan BING, penilaian 5 keyword utama dan site matrics.
Evaluasi Site matrics (Poor atau Average atau Good), contohnya:
Sitemap------------------------>yes--Good Indicator
Robot.txt Restrictions---->yes--Good Indicator
Page Errors------------------>0------Good Indicator
Unreachable Pages------->0------Good Indicator
Domain Age---->11 years,1 month-----Good Indicator
Domain Expiration->07/31/2012--------Poor Indicator

2. SEO Tools
http://www.seochat.com/seo-tools/
Menawarkan daftar tool web yang membantu anda dalam mengoptimisasi website untuk search engine. Beberapa tool diantaranya Keyword Optimizer, Meta Analyzer, Robots.txt Generator dan banyak lagi.

3. WebCEO
http://www.webceo.com/index.htm?source=adwords&kwd=seo+tools 
Tools gratis untuk SEO ini memberi bantuan untuk mengoptimisasi situs secara total, mempromosikan, menganalisis dan mengurus website anda.

4. SEO Quake
http://ff.seoquake.com/?sln=en
Toolbar untuk firefox ini dapat membantu anda untuk menampilkan jumlah ekstensif hasil pencarian dari parameter search engine.

5. SEO Company
http://www.seocompany.ca/tool/seo-tools.html
Menawarkan 136 direktori tool web untuk SEO dari berbagai provider. Segala hal tentang SEO dapat ditemukan disini.

6. SEOmoz
Menawarkan tool bantuan gratis untuk mengoptimisasi website. Anda dapat menemukan bantuan untuk mengecek backlink, keyword populer dan banyak lagi.

7. WebConfs
http://www.webconfs.com
Menawarkan tool gratis seperti Domain Suggestion Tool, Reciprocal Link Checker, Similar Page checker dan banyak lagi.

8. iWebTools
http://www.iwebtool.com/tools
Menawarkan daftar tool gratis untuk mengoptimisasi website anda. Beberapa tool diantaranya spider simulator, website speed test, keyword density checker dan banyak lagi.

9. RankQuest
http://www.rankquest.com/download-toolbar.html
Toolbar gratis ini memberikan lebih 30 tools dalam 1 tempat, toolbar ini tersedia untuk IE dan Firefox. Anda bisa mengakses validasi, meta, popularitas website dan banyak lagi.

10. Webmaster Toolkit
http://www.webmaster-toolkit.com
Database toolnya sangat besar sebagai sumber bantuan untuk website desainer. Anda dapat menemukan tool untuk SEO, domain, html dan direktori link ke situs lain yang membantu anda membangun website.




  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Related Post under post website by OutBrain


Navigasi cepat sangat penting bagi reader agar segera dapat menemukan content yang diinginkan dan membantu Search Engine memahami content web blog, gunakan Amazing Related Post by Outbrain untuk navigasi di Homepage website

Semua website dan Blog atau web blog punya "root" halaman yang disebut homepage (beranda) atau Halaman Utama. Misalnya http://breakdown-cover-cheap.blogspot.com. Homepage menjadi halaman paling sering dikunjungi dan tempat memulai navigasi kecuali jika website hanya ada beberapa halaman.

Jika punya blog baru, Anda harus memikirkan :
"Bagaimana pengunjung akan pergi dari homepage ke halaman lain (halaman dalam atau INNER PAGES) yang berisi content lebih spesifik?”

Atau sebaliknya, bagaimana navigasi cepat dari INNER PAGE (halaman selain Homepage) kembali ke Homepage?." Untuk membuat link homepage, gunakan saja widget HOME dari www.blogger.com untuk blog Blogspot Anda.

Make your site easier to navigate

Navigasi sangat penting bagi reader agar cepat menemukan informasi yang dicari. Hal ini juga membantu Search Engine memahami dengan lebih baik content apa yang menjadikan Webmaster Tools (Google) berpikir dan menganggapnya penting. Meskipun hasil pencarian Google disediakan pada tingkat halaman, Google suka memiliki sense :
Peranan apa yang dimainkan halaman dalam gambaran yang lebih besar.
Apakah Anda punya cukup halaman web dan relevan dengan topik spesifik sehingga halaman web (webpage) tersebut mampu menjabarkan Homepage, dan yang menjelaskan halaman-halaman terkait (Homepage - ->daftar topik terkait --> topik tertentu)? Apakah Anda memiliki ratusan posting berbeda yang perlu diklasifikasikan dalam beberapa kategori dan halaman sub-kategori?

Fitur Related Post adalah baris internal link biasanya ada dibawah area posting content website yang memungkinkan reader bernavigasi dengan cepat atau kembali ke bagian sebelumnya atau ke Homepage (halaman "root,"). Fungsi navigasi Related Post membantu peranan Navigasi Utama – umumnya berupa Menu-menu Tab horizontal terletak di bagian atas halaman situs.

Semua situs punya HOMEPAGE (halaman paling Utama / halaman root). Sebagai link untuk navigasi pengunjung, biasanya HOMEPAGE ditaruh pada urutan pertama paling kiri dengan judul di menu tab HOME atau Beranda. Kemudian diikuti daftar bagian yang lebih spesifik ke kanan dan seterusnya. Bentuk navigasi untuk READER selain tersebut diatas adalah Daftar Label, Headline, Post Populer atau link-link lain yang tersebar di halaman website (webpage).

Kemudahan navigasi (navigable) penting bagi Search Engine dan harus ada untuk mendukung Search Engine Optimalization (SEO). Berikut ini cara instant membuat RELATED POSTED dengan OUTBRAIN
  1. Daftar ke official site Outbrain.com. Mengisi nama dan password yang selanjutnya akan dipakai LOGIN, lalu klik Add Blog
  2. Install Widget? "YES"   Klik GET BLOG WIDGETS. pilih Platform, misalnya  www.blogger.com
  3. Untuk penampilan, Silahkan pilih bentuk text atau Thumbnail (deretan image tersusun horizontal)
  4. Pilih Add Feedback, dengan opsi Pemberian tanda bintang atau Recommend This? atau abaikan. Seperti dibawah ini
Widget Preview (Widget will inherit your site's CSS styles and colors)

widget preview in website design

Contoh tampilan Related Post  blog saya http://breakdown-cover-cheap.blogspot.com/2011/03/cheap-extended-all-risks-car-insurance.html terlihat seperti dibawah ini
You might like :
Contoh lain :

widget preview
       Choose Your Platform :
  • WordPressWordPress
  • TypePadTypePad
  • BloggerBlogger
  • DrupalDrupal
  • JavascriptSquarespace
  • JavascriptJavascript any platform

             5.   Klik “I agree to the Outbrain” Term Of Services and Privacy Policy   Lalu klik INSTALL
Setelah klik "Install", tab baru akan membuka dashboard Blogger. Masuk ke account Blogger Anda, beri tanda check pada blog yang ingin ditambahkan dan klik "Tambah Widget" yang otomatis sudah diberi title widget - Ratings and Recommendations by outbrain. Pilihan script ada 3 tergantung pilihan paltform dan opsi widget preview (Text, Thumbnail atau None). Script ini tinggal di Copy Paste untuk blog Anda lainnya.

Post terkait langsung :  Navigation Blog : Use Widget Related Post in Website

Happy Blogging!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Skype : Interface Online support kunjungan ulang ke Blog dan Website



Komunikasi Interface interactive Skype dengan tamu web blog atau website lebih berkesan dan personal. Interaksi efektif untuk memancing kunjungan ulang ke blog

Instalasi Skype     di laptop (computer) atau di web blog atau website merupakan salah satu cara mempermudah Anda berinteraksi dengan orang-orang. Meski banyak orang telah memanfaatkan layanan Skype namun tidak sedikit dari kita kesulitan menginstalasi tool utilitas Skype. Anda pun bisa menambahkan utilitas ini di blog atau website ketika mengerjakan design website (web design atau website design). Alangkah bagus jika website publisher memanfaatkan Skype untuk interaksi tatap-muka.

Pertama, tentu saja Anda harus download software tools Skype. Dapat download gratis di URL website resmi : http://www.skype.com/de/download-skype/skype-for-windows/

Ada banyak hal yang dapat dilakukan dengan Skype – presentasi jarak jauh, berbagi cerita pengantar tidur, meeting, atau mengikuti kelas bahasa atau interaksi tatap muka dengan pengunjung website Anda. Berikut ini hanya sedikit dari hal hebat yang dapat Anda lakukan :

  • Panggilan antar-Skype gratis.
  • Panggilan berbiaya rendah ke mobile phone dan telepon kabel dan pesan SMS berbiaya rendah.
  • Panggilan video di Skype dan Facebook.
  • Pesan instan gratis dengan teman, keluarga, dan kolega Anda.
  • Untuk akun Skype berbayar, Anda dapat menggunakan saat perlu melakukan panggilan ke ponsel dan telepon kabel di seluruh dunia dengan sistem prabayar dengan kredit Skype.
Satu akun Skype di seluruh perangkat Anda
Untuk memulai hanya diperlukan OS Windows 7 atau XP atau Vista dan kamera web untuk video call dan mikrofon. Instalasi skype secara garis besar terbagi 3 tahap dasar seperti gambar ini :


tiga langkah dasar instalasi Sype
Berikut ini prosedur instalasi Skype dengan bantuan gambar : (sumber : http://www.christinarwen.com)

1. Download Software skype dengan klik disini, jika sudah ada software skype, langsung ke langkah no. 2
2. Untuk memulai instalasi klik 2 kali pada software skype

memulai instalasi software skype

3. Setelah mengklik 2 kali pada software, kotak dialog akan muncul untuk mengubah pilihan bahasa, pilih bahasa yang digunakan lalu klik I agree – next

memulai instalasi software skype

4. Setelah selesai akan muncul kotak dialog lainnya, klik next dan proses installasi akan berjalan. Tunggu instalasi sampai mencapai 100% dan skype dapat digunakan

kotak dialog skype software progress proses instalasi Skype

5. Setelah semua proses selesai, tinggal mengisikan skype name dan password untuk login.
(5.1).   Anda harus punya akun skype terlebih dahulu di sini.
(5.2).   Jika sudah punya akun skype, kunjungi di sini untuk mendapatkan code.
(5.3).   Masukkan nama skype Anda.

welcome to skype software
Selamat Mencoba!

Klik untuk Menelepon Skype

  • Klik untuk Menelepon
Berhenti membuang waktu mengetik ulang nomor dari web ke ponsel atau telepon kabel Anda. Anda dapat meramban internet hingga melakukan panggilan hanya dengan satu klik.

Juga menghemat uang. Mitra bisnis setempat kami membayar biaya untuk panggilan yang Anda lakukan ke mereka, sehingga banyak nomor sekarang gratis Anda hubungi dengan Klik untuk Menelepon Skype terinstal. Cari nomor di seluruh web yang ditandai gratis.

CATATAN :
Skype bukan pengganti telepon Anda dan tidak dapat digunakan untuk panggilan darurat.




  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Navigation Blog : Use Related Post in your Website



Thumbnail dibawah Artikel web blog atau website support SEO friendly dan eye-chatching  

“Everyone likes image”

Gambar mengungkap lebih banyak pesan dibanding rangkaian teks pada website atau web blog. Salah satu cara terbaik meningkatkan tampilan blog, sekaligus memudahkan navigasi web blog adalah penggunaan plugin related posts. Pasang saja Related Post dalam kerja website design. Ini membantu meningkatkan tampilan website atau blog blogger sekaligus meningkatkan traffic.

Related Posts untuk blog Blogger & WordPress

Prinsip Related Post akan menambahkan link yang mengarah ke content web blog dengan gambar. Widget ini mudah di-instal dan otomatis mewarisi tampilan & nuansa blog. Kurang 60 detik, reader bisa melihat gambar thumbnail link mengarah ke halaman website.

Kami presentasikan 2 macam Related Posts, versi Outbrain dan versi Aneesh.

Related Post widget versi OUTBRAIN

Saya pernah bikin posting berjudul Related Post under posting by using OutBrain : Easy navigable. Namun pada tulis ulang kali ini saya  tambahkan hal yang baru. Bagaimana memasang Related Post ke website atau blog? Caranya mudah! 
  1. Kunjungi official site Outbrain
  2. Sign-Up (Sign-In, jika Anda pernah registrasi)
  3. Go to bottom of Outbrain Dashboard.
  4. Klik “THE OUTBRAIN WIDGET” menuju halaman "Get Blog Widgets
  5. Pilih Recommendation Type (TEXT atau THUMBNAIL)
  6. Pilih paltform blog (Blogger, WordPress, TypePad, Squarespace, Javascript - “any Platform”)
  7. Isikan URL blog (diawali http://…..), pilih bahasa & centang “I agree.” 
  8. Klik  “INSTALL” atau "Install widget?" jawab YES.

    • After clicking "Install," a new tab will open with your Blogger dashboard. Sign into Blogger account, check the blogs you want to add the widget to. Click "Add widget"


Related Post Widget dengan Thumbnail versi Aneesh

FREE for platform Blogger / Wordpress dan alternatif bagus selain Outbrain related post widget plugin. Aneesh mengembangkan widget yang sama, tapi kode custom Aneesh lebih handal dan customizable. Dengan mudah bisa ditampilkan Related Posts with thumbnail dibawah setiap artikel blog atau website.

Install Related Posts with thumbnail

STEP SATU
  • Login Blogger >> Layout >> Edit HTML. Pilih "The tick-box Expand Widget Templates"
  • Temukan </head>
  • </head> DIHAPUS dan GANTI dengan script berikut

Snippet STEP SATU-Aneesh Related Post

I am Sorry!  Script saya tampilkan berupa image untuk mengurangi load time blog ini. Jika Anda tidak ingin mengetikkan sendiri script seperti terlihat pada gambar, silahkan download dengan klik link :
 

STEP DUA
Temukan kode berikut dalam .
 
<div class='post-footer-line post-footer-line-1'/>

Atau temukan di bawah ini.

<p class='post-footer-line post-footer-line-1'/>

Sekarang letakkan potongan kode dibawah ini tepat dibawah baris kode yang disebutkan diatas (yang mana saja yang Anda temukan).
 
Snippet STEP DUA-Aneesh Related Post
Jika tidak mau mengetik sendiri script seperti terlihat pada gambar, silahkan download dengan klik link :


SAVE TEMPLATE 

SELESAI

NOTE :
Saya kebingungan ketika pertama memasang Related Posts versi Aneesh di blog Website Design yang sedang Anda baca. Karena saya temukan potongan kode

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

ada baris ke 651 editor HTML template blog dan baris ke 762 seperti berikut :

    <div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'>

Opsi pertama GAGAL. Opsi ke-2 sukses, yaitu setelah meletakkan snippet tepat dibawah <div class='post-footer-line post-footer-line-1'/>  atau tepat diatas <div class='post-footer-line post-footer-line-2'/>

Modifikasi Related Posts versi Aneesh di website atau blog

Anda boleh memodifikasi kode. Misalnya

Mengubah jumlah "5" Related Posts yang ingin ditampilkan, edit baris berikut (ada pada snippet STEP 1)

var maxresults=5;

Edit judul "Related Posts" dengan teks sendiri, misalnya frase "Artikel Terkait," ubah saja baris berikut

var relatedpoststitle="Related Posts";

Edit warna "#d4eaf2" pada Splitter Line, lakukan edit baris berikut 

var splittercolor="#d4eaf2";

Edit default thumbnail atau URL gambar disini


Jika tidak ada gambar yang ditampilkan, maka lakukan edit baris berikut


Catatan Related post di blog Blogger

Related Posts versi Aneesh di semua page (Homepage & post pages)

Anda hanya perlu menghapus baris berwarna merah baris kedua

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>

dan hapus ini  <!-- remove --></b:if>

Happy blogging!

Kedua script diatas juga bisa diperoleh dari [Source]


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS