Kumpulan Tips Dan Trik Blog : Maret 2012

Sabtu, 31 Maret 2012

3 Template Blogger dengan Desain Unik & Canggih

Posting ini agak special menurut saya, karena untuk pertama kalinya saya me-review dan share beberapa template Blogger unik, menarik, dan sangat modern dalam hal desain blog.

Banyak sekali template Blogger yang dishare secara gratis oleh para pembuatnya. Tentunya ada kekurangan dan kelebihan, tapi saat ini secara umum semua template Blogger memiliki karakteristik yg khas serta telah

Selasa, 27 Maret 2012

Contact Me

For all of LB Lovers, you can use this contact form to send me a message. I will replay your message as soon as possible. Type your Name, Email, subject, and your Message. I'll not publish your Email.

EMF Form Builder

Report Abuse

Senin, 26 Maret 2012

Google Play - Layanan Baru Google

google play, aplikasi android, layanan google, fitur google, update google

Tentang Google Play

Sekarang anda dapat menikmati layanan baru dari Google, Google Play. Google Play memungkinkan anda untuk menikmati musik, buku, film, aplikasi dan games favorit anda dalam satu tempat, dimana bisa diakses lewat website atau perangkat android anda.

Play Anywhere

Dengan lebih dari 450.000 aplikasi, jutaan musik dan buku, dan ribuan film, Google play memberikan sesuatu yang baru untuk anda. Sebelum anda memutuskan apa yang anda inginkan, ambil sampel musik dan buku secara gratis, lihat rating, review dan screenshotnya.

Pengembang Aplikasi akan selalu mengupdate aplikasi-aplikasi yang menakjubkan dengan fitur terbaru, peralatan dan perbaikan. Google Playmemberikan kemudahan dalam mengupdate aplikasi anda. Pilih "update automatically" di setting aplikasi anda dan dengan itu aplikasi anda akan update secara mudah.

::: KLIK DISINI :::

Incoming Search :

kemeja, tutorial, busana, wanita, investasi, entry, software full version, wanita hamil, utama, obat tradisional, wifi, perseroan, komputer, senilai, rok mini, accesories, gaun, peluang bisnis, twitter, naik, bisnis sampingan, gratis, finance, informasi, elektronik, barang, video, versi, online, paket, bisnis online, gratis, kerja, agen, komunitas, menerima, kaya, lowongan, lowongan kerja, indonesia, website, bisnis internet, cerita lucu, usaha, peluang usaha, rumah audisi, gratisan, forum, gitar, android, olahraga, musim, ringan, audio,keyboard, pulsa, promo blog, herbal, pesta, software, drama, korea, puluhan, laris, foto, lagu, pegawai negeri sipil, lucu banget, ban mobil, artikel, lembaga pendidikan, high heels, download, uang, berita, perusahaan, arab, laptop, dress, kehamilan, handphone, pengalaman, data, lowongan kerja, bisnis modal kecil, berteman, akun, facebook, akun facebook, sosial media, murah,bisnis, cctv, web design, terbaru, kisah nyata, duit, ebook gratis, menerima, kaya, lowongan, hamil, video, barang, wanita, acara, olahraga, acara olahraga, hiburan, acara hiburan

Cara Menambahkan Pinterest Pin It Button

Seperti yang sudah saya posting pada posting sebelumnya [ Baca : What is Pinterest ? ]. Kali ini saya ingin menjelaskan tentang Pinterest Pin It Button. Pin It Button ini berfungsi untuk mem-posting gambar pada posting blog anda secara otomatis ke account Pinterest anda. Tekan Pin It Button, Pilih gambar yang ingin anda posting ke account Pinterest anda, maka secara otomatis gambar tersebut akan tampil di account Pinterest anda.

Langkah-langkahnya cukup mudah, yaitu :

1. Buka Tata Letak pada Blog anda

2. Pilih Tambah Widget

3. Pilih Tambahkan Javascript / Kode HTML

4. Masukkan kode dibawah ini :

Judul Spoiler:

5. Kemudian Save

Maka Pin It Button anda akan tampil pada setiap posting blog anda.

Incoming Search :

Jumat, 23 Maret 2012

What is Pinterest ?

Pinterest is a Virtual Pinboard.
Pinterest lets you organize and share all the beautiful things you find on the web. People use pinboards to plan their weddings, decorate their homes, and organize their favorite recipes. Best of all, you can browse pinboards created by other people. Browsing pinboards is a fun way to discover new things and get inspiration from people who share your interests. To get started, request an invite.

Redecorate your Home !

You can use Pinterest to save decorating ideas for her new home in LA. She saves patterns, furniture, and accessories that catch her eye.

Plan a Wedding !
You can use Pinterest to plan their wedding. Their Moms can leave comments about the dresses, flowers, and ties they pin up.

Find your Style !
You can use Pinterest to share his personal style. He pins clothing, shoes and accessories he finds while browsing stores and fashion blogs.

Save your Inspirations !
You can use Pinterest to save design inspirations for his job. He can reference inspiring design work to share with his team at Trulia.

Pinterest Mission

Pinterest goal is to connect everyone in the world through the 'things' they find interesting. We think that a favorite book, toy, or recipe can reveal a common link between two people. With millions of new pins added every week, Pinterest is connecting people all over the world based on shared tastes and interests.

Incoming Search :

Rabu, 21 Maret 2012

Cara Buat Link di blogger.com

link,tautan,link internal,link external,cara buat link

Link dalam bahasa Indonesia berarti "Hubungan atau Tautan". Link atau Tautan sesuai dengan namanya berfungsi untuk mentautkan atau menghubungkan antara satu halaman dari suatu blog dengan halaman lainnya.

Link di bagi menjadi dua jenis yaitu :

Link Internal : Link Internal digunakan untuk menghubungkan satu posting dengan posting lainnya (Masih dalam lingkup satu blog).
Link External : Link External digunakan untuk menghubungkan satu blog dengan blog lainnya. Link External ini sering juga digunakan untuk menghubungkan posting dari halaman suatu blog dengan blog lainnya. Misalnya posting dari blog A dengan posting dari blog B.

Cara Buat Link di blogger.com :
Ada banyak cara yang yang bisa sobat blogger lakukan untuk membuat link pada teks :

Cara pertama dengan menambahkan tag seperti di bawah ini :

<a href="http://www.blogger.com">Blogger</a>

Teks yang berwarna merah adalah URL dan yang berwarna biru adalah teks yang akan ditampilkan. Tag dari contoh di atas akan terlihat seperti ini : Blogger

Cara kedua adalah dengan menggunakan Tombol link yang sudah disediakan oleh blogger.com.

Cara ini adalah cara yang paling mudah untuk membuat link. Kita hanya mem-blok kata teks yang akan kita buat link kemudian kita klik tombol Link yang ada pada menu bar dan terakhir kita masukkan URL-nya.

Coba perhatikan gambar dan petunjuk di bawah ini sambil di ikuti!

Blok teks atau kata yang akan di buat menjadi link

Klik tombol link yang ada pada menu bar

Jendela baru akan muncul

Kolom "Text to display" adalah teks yang akan ditampilkan
Kemudian Kolom "Web address" adalah URL yang akan di tuju
Jangan lupa untuk mengisi kolom "Web address" tersebut, setelah itu klik "OK".
Maka link yang sudah kita buat tadi terlihat seperti ini : Google

Kalau sobat blogger kasih tanda centang pada "Open this link in a new window", maka link yang sudah kita buat akan terbuka pada jedela baru atau tab baru.

Selamat Mencoba and Good Luck...!!!

Selasa, 20 Maret 2012

Free Link Exchange: Get 1 Million Visitors

English

This is a great way to exchange links. Because we put a link that will help promoted by 1 million people over just by referring 2 people only. Easy enough to invite two people to the list, as all promotional needs, everyone wants the link spread quickly. Especially if more than 2 people ... how will we be able to link the free n again ..

Okay, like what and how to do .. my friend lives just a list, not hurt to try, free of this, here we stick to keep the link, link which can be included his post title and URL for each page had a pagerank as well .. our PR's usually only on the front page, while on post pages not have a PR.

Sign up if you are interested enough. After that please check the password sent to your email, login and then immediately put the article title, description and URL links to be promoted on this website. O Yeah ... we will get our website to promote a replica you know .. For example, I dedicate a post about Free Link Exchange, Get 1 Million Visitors, one easy way to increase traffic and Pegerank our blog.

Next live to make a post like this or just copy and paste this article to the blog and feel the benefits.

To register please click the link Free here, then scroll down and click "Sign Up Now Free" or Click To Sign Up.

Good luck with tips Free Link Exchange: Get 1 Million Visitors this.

When my friend also has other tips .. please share in comments..!!

Bahasa Indonesia

Ini adalah cara dahsyat untuk tukar link. Karena satu link yang kita pasang akan dibantu dipromosikan oleh 1 juta orang lebih hanya dengan mengajak 2 orang saja. Cukup mudah mengajak 2 orang untuk daftar, karena semua butuh promosi, setiap orang ingin linknya tersebar dengan cepat. Apalagi kalau lebih dari 2 orang… berapa link yang akan kita dapat n gratis lagi..

Oke kayak apa dan gimana caranya.. sobat tinggal daftar saja , tak ada ruginya untuk dicoba , gratis ini, disini link kita bisa nempel terus, link yg dimasukan bisa judul postingan dan URL nya agar tiap page punya pagerank juga.. kan biasanya PR kita hanya di halaman depan saja, sementara di halaman posting gak punya PR.

Kalau berminat cukup Mendaftar. Setelah itu silahkan cek password yang dikirim ke email anda, kemudian langsung login dan pasang judul artikel, keterangan dan URL link yang ingin dipromosikan pada Website ini. Oh ya … kita juga akan mendapatkan web replikanya untuk kita promosikan lho.. Sebagai contoh saya persembahkan postingan tentang Free Link Exchange: Get 1 Million Visitors, salah satu Cara mudah meningkatkan Traffic dan Pegerank blog kita.

Selanjutnya tinggal bikin sebuah postingan seperti ini atau silahkan copy paste artikel ini untuk di blog sobat dan rasakan manfaatnya.

Untuk mendaftar silahkan klik Link Gratis disini , kemudian scroll kebawah lalu klik “ Sign Up Now Free “ atau Klik Untuk Mendaftar.

Selamat mencoba tips Free Link Exchange: Get 1 Million Visitors ini.

Bila sobat juga punya Tips lain.. tolong share di komentar.. yaa..!!

Tips Menulis Artikel Blog Berkualitas dan Penuh Ide

Beberapa hari yang lalu, saya mendapatkan pesan pribadi di Facebook dari seorang sobat Blogger. Begini isinya:Gimana biar postingan kita itu bisa panjang dan berisi kaya di blog agan rata-rata di blog agan postingannya panjang panjang dan emang harus semua di baca karena itu informasi penting, nah gimana tipsnya gitu biar kalimatnya itu banyak, saya selalu kehabisan ide kalo buat postingan ?

Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog

Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob,

maklumlah pemula,, heheheheee,,,,

Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,,

]

bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,,

] silakan ikuti lankah-langkah berikut ini ya sobat:

1. Silahkan Login ke akun blogger sobat.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget

4. Kemudian cari kode berikut </body>

5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode </body>

<script type='text/javascript'>var tujuan ='http://Alamat Url Feeds Sobat'</script>

<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

Keterangan:

Kode warna hijau: ganti dengan URL Feeds sobat
Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.

Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.

1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.

2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:

http://petir-project.googlecode.com/files/fedkcl.png

(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)

3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:

http://petir-project.googlecode.com/files/feed.png

4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.

Selamat mencoba ya sobat,,

Sumber Script: http://santaiselalu.blogspot.com

http://ardiyafardhanprayoga.blogspot.com

Senin, 19 Maret 2012

Membuat Teks Link Berkedap Kedip

link berkedip,teks berkedip,cara buat link berkedip,cara buat teks berkedip

Apakah sobat blogger pernah berkunjung ke suatu blog, kemudian salah satu atau beberapa teksnya berkedip? Misalnya seperti ini : Blogger Tutorial Blog. Apakah sobat blogger penasaran dan bertanya-tanya bagaimana cara membuat teks teks berkedip seperti itu? Ternyata, untuk membuat efek berkedip pada teks sangatlah mudah. Sobat blogger hanya menambahkan sedikit tag sebelum teks yang akan di tampilkan.

Sebagai contoh :

<blink>Free Widget</blink>

Maka hasilnya jadi seperti ini :
Free Widget

Intinya, untuk membuat teks berkedap kedip, sebelum teks kita harus meletakkan tag <blink> dan tag </blink> setelah teks. Bingung...??? Baca keterangan di atas berulang-ulang dan pelan-pelan, lama-lama sobat blogger pasti ngerti.

Bagimana kalau kita terapkan efek berkedip ini pada link? Bisa apa tidak? Ya jelas bisa dong. Caranya sama dengan di atas seperti ini :

<blink><a href="http://bloggertutorialblog.blogspot.com" target="_blank">Blogger Tutorial Blog</a></blink>

Berikut ini hasilnya :
Blogger Tutorial Blog

Blinking text atau blinking link ini terlihat bagus kalau kita menggunakan media browser Firefox, bagaimana dengan Internet Explorer atau Google Chrome? Sobat blogger akan menemukan jawabanyya kalau sudah membuka postingan ini dengan kedua media browser tersebut.

Saya rasa, tutorialnya sudah cukup. Saya sangat yakin kalau sobat blogger sudah bisa membuatnya. Semoga tips trik blogspot yang singkat tentang Cara Membuat Teks Dan Link Berkedap Kedip ini bermfaat buat sobat blogger. Terima kasih sudah mengunjungi Blogger Tutorial Blog.

Sabtu, 17 Maret 2012

Cara Buat Tombol Hide and Show (Spoiler)

Tomblo Hide and show lebih populer dengan sebutan Spoiler. Mungkin, dari namanya saja "Hide and Show" sobat blogger sudah tau fungsi dari tombol ini. Tidak tau? Ya sudah, saya jelaskan sedikit. Hide dalam bahasa Indonesia berarti menyebunyikan dan Show dalam bahasa Indonesia berarti menunjukkan. Jadi, tombol Spoiler berfungsi untuk menyembunyikan teks, Link atau gambar. Spoiler ini sangat bermamfaat buat blog karena dengan adanya spoiler, kita bisa mengemat tempat kalau kita gunakan saat menulis artikel dan bisa menghemat tempat juga kalau kita gunakan sebagai Widget atau Gadget. Tempatkan kode Hide and Show atau spoiler pada tempat yang diinginkan (Kolom Postingan atau Kolom HTML/Java Script)

<div><div style="margin-bottom: 2px;"><i><b><small>Coba di Klik</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'show'; }" type="button"></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
TULISAN, LINK ATAU URL GAMBAR BISA DILETTAKKAN DISINI
</div></div></div>

Hasilnya akan terlihat seperti di bawah ini

Coba di Klik

Tambahan :
Jangan lupa mengganti "TULISAN, LINK ATAU URL GAMBAR BISA DILETTAKKAN DISINI" dengan gambar, link atau tulisan yang akan disembunyikan

Cara Membuat Text Area Dengan Tombol Pilih Semua

Text area merupakan salah satu hal penting untuk meperingkas sebuah posting dalam blog, apalagi text kode yang begitu panjang apabila tidak dimuat dalam text area maka akan memanjang kebawah, dan pastinya membuat susah pengunjung blog untuk mecopy text tersebut.

Kali ini saya sedikit memberikan tips untuk sobat blogger yang ingin membuat text area yang keren,, heheheheeeee,,,

Tips ini saya dapat dari illtorro.blogspot.com. Kronologinya, pada saat lagi jalan-jalan di blog para master yang sudah ber PR tinggi saya melihat text area yang saya anggap keren, saya cari-cari akhirbya ketemu juga nih kode HTML untuk membuat text area dengan tombol pilih semua / Select all,

Nah bagi sobat yang berminat untuk membuat text area dengan tombol pilih semua / Select all silakan copy paste code dibawah ini:

<code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">

~~Masukan text / kode sobat di sini~~

</textarea></form></div></span></code>

Keterangan:

Text warna hijau: bisa sobat ganti dengan select all / block all / tandai semua dan lain-lain sesuai selera sobat.
Text warna kuning: adalah ketinggian text area tersebut, silakan sobat sesuaikan sendiri.
Text warna biru: adalah panjang kolom text area tersebut, silakan sobat sesuaikan sendiri.
text warna merah: merupakan tempat untuk kode yang inggin sobat taruh di dalam text area tersebut.

Berikut ini saya berikan contoh text area pilih semua / select all:

Selamat mencoba dan semoga bermanfaat ya sob,,!!

Sumber: http://illtorro.blogspot.com

Mamfaat Alexa Site Audit

Alexa adalah sebuah situs yang sering di kupas atau di bahas oleh hampir semua blog. Ada yang mengupas tentang Cara membuat widget Alexa, Cara Memasang Widget Alexa, Cara optimasi blog di Alexa, Cara Claim blog di Alexa, dan banyak lagi topik lain yang di bahas tentang Alexa. Supaya sedikit berbeda dengan blog-blog yang lain dan supaya tidak di kira tulisan ini hasil kutipan, saya pun akan membahas topik yang lain tentang Alexa yaitu Mamfaat Alexa Site Audit. Walaupun informasi yang akan saya sajikan atau kupas hari ini sangat sedikit, saya sangat berharap, semua ini dapat menambah pengetahuan kita tentang Alexa.

Seperti yang tertulis di background di situs tersebut, dengan Alexa Site Audit, You can grow your web traffic and improve your user experience. Artinya dengan melakukan site audit di situs Alexa, sobat blogger dapat meningkatkan traffik blog sobat dan dapat mengembangkan pengalaman sobat sebagai pengguna

Apa mamfaat dari Alexa Site Audit? Mungkin sobat blogger pernah bertanya tentang hal tersebut Jadi saya akan gambarkan sedikit tentang semua itu. Ada empat point penting yang kita bisa dapatkan kalau melakukan Site Audit di Alexa yaitu :

Increased Traffic
Extensive Insights
Peace of Mind
Complete Control

Increased Traffic (Lalu lintas meningkat)

Alexa Site Audit menyediakan analisis SEO yang paling lengkap di mana saja. Setiap audit memeriksa hingga 10.000 halaman di situs atau blog kita dan memberi kita rekomendasi terinci untuk meningkatkan lalu lintas pencarian kita.

Extensive Insights (Wawasan yang luas)

Lebih dari sekedar Tool SEO, Alexa Site Audit juga meliputi laporan pada kegunaan dan analisis Web cakupan tag di situs web atau blog kita.

Peace of Mind (Ketenangan Pikiran)

Dengan laporan berjalan secara otomatis dua kali setiap bulan, Alexa Site Audit memonitor situs atau blog kita sehingga kita dapat berkonsentrasi pada pengembangan bisnis kita.

Complete Control (Kontrol yang lengkap)

Kita dapat membatalkan langganan kita setiap saat, kita tidak akan ditagih lagi. Atau membeli sebuah laporan Alexa Site Audit tunggal dan menerima laporan tindak lanjut gratis.

Sebenarnya masih banyak lagi informasi yang bermamfaat atau berguna tentang Alexa Site Audit. Tapi cukup itu saja yang bisa saya gambarkan. Untuk lebih lengkapnya, silahkan sobat blogger langsung mengunjungi situs Alexa tentang Alexa Site Audit.

Jumat, 16 Maret 2012

Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog

Kemarin ada salah satu teman blogger yang bertanya kepada saya lewat komentar spam

pada salah satu blog saya yang tidak tampil diposting tentang Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.

Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari hackerzpro.blogspot.com nah silakan anda ikuti cara-cara berikut ini,,

Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>

~~Masukkan tulisanmu di sini~~

</div></div></div>

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.

Klik show untuk melihat

Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.

Sumber : http://www.thecyber.co.cc

Memperbaiki Gambar & Deskripsi Posting/Blog di Facebook

Ketika share atau post link blog/web, Facebook akan menarik snippet yang diambil dari halaman sesuai link tersebut. Fitur ini memungkinkan kita para blogger dapat mempublikasikan artikel dengan ringkasan isi serta gambar yang dapat menarik perhatian pengunjung/pembaca.
Nah, masalahnya, dalam beberapa kasus tertentu, Facebook gagal mengidentifikasi dan merender snippet-snippet tersebut, sehingga

Kamis, 15 Maret 2012

Informasi Seputar W3C

The World Wide Web Consortium (W3C) adalah komunitas internasional yang berkembang dengan standar terbuka untuk memastikan pertumbuhan jangka panjang dari suatu Web.

W3C Misi :

Misi W3C adalah memimpin World Wide Web secara maksimal dengan mengembangkan protokol dan pedoman yang memastikan pertumbuhan jangka panjang dari Web. Di bawah ini kami membahas aspek penting dari misi ini, yang semuanya visi W3C lebih lanjut tentang Satu Web.

Prinsip

Berikut prinsip-prinsip kerja Pedoman W3C.

Web untuk Semuanya

Nilai sosial dari Web adalah bahwa hal itu memungkinkan komunikasi manusia, perdagangan, dan kesempatan untuk berbagi pengetahuan. Salah satu tujuan utama W3C adalah untuk membuat manfaat ini tersedia bagi semua orang, apapun perangkat keras mereka, perangkat lunak, infrastruktur jaringan, bahasa asli, budaya, lokasi geografis, atau kemampuan fisik atau mental.

Web untuk Segalanya

Jumlah berbagai jenis perangkat yang dapat mengakses Web telah berkembang dengan sangat pesat. Mobile phones, smart phones, personal digital assistants, interactive television systems, voice response systems, kiosks dan bahkan peralatan domestik tertentu bisa mengakses Web.

Visi W3C

Visi W3C untuk Web melibatkan partisipasi, berbagi pengetahuan, dan dengan demikian membangun kepercayaan dalam skala global.

Web untuk interaksi yang beraneka Ragam

Web ini diciptakan sebagai alat komunikasi dimaksudkan untuk memungkinkan siapapun, dimanapun untuk berbagi informasi. Selama bertahun-tahun, Web adalah "read-only" alat bagi banyak orang. Blog dan wiki membawa penulis lebih ke Web, dan jaringan sosial muncul dari pasar berkembang untuk konten Web dan pengalaman pribadi. Standar W3C telah mendukung evolusi ini untuk arsitektur yang kuat dan prinsip-prinsip desain.

Web Data dan Layanan

Beberapa orang melihat Web sebagai repositori raksasa data terkait sementara yang lain sebagai satu set raksasa layanan yang bertukar pesan. Dua pandangan saling melengkapi, dan yang menggunakan sering tergantung pada aplikasi.

Web of Trust

Web telah mengubah cara kita berkomunikasi satu sama lain. Dalam melakukannya, itu juga memodifikasi sifat hubungan sosial kita. Orang-orang sekarang "bertemu di Web" dan melaksanakan hubungan komersial dan pribadi, dalam beberapa kasus tanpa pernah bertemu secara pribadi. W3C mengakui bahwa kepercayaan adalah sebuah fenomena sosial, tapi desain teknologi dapat menumbuhkan kepercayaan dan keyakinan. Sebagai gerak lebih banyak aktivitas on-line, maka akan menjadi lebih penting untuk mendukung interaksi yang kompleks antara pihak di seluruh dunia.

Rabu, 14 Maret 2012

Membuat Google Translate Bendera Berbayang

Membuat Google Translate Bendera, Icon Bendera, Google Terjemahan, Widget

Widget Google Translate yang saya tawarkan hari ini adalah widget Google Translate ke empat setelah Widget Google Translate Sederhana, Widget Google Translate Bendera Bergerak, Widget Google Translate Pin Bendera. Widget ini terlihat indah pada blog yang mempunyai background cerah atau terang. Nah... kalau blog sobat mempunyai background cerah, apa yang di tunggu? Langsung pasang widget ini di blog sobat.

Cara buat Widget Google Translate Bendera Berbayang

Sign In di http://www.blogger.com
Pada Dashbor klik Design
Klik Add a Gadget dan HTML Java Script
Copy kode di bawah ini dan paste pada kolom yang tersedia

<style>
.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; }
</style> <div><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI5EFApD1-RqwkGRIthLSB1CAL3aK1nICcORLSlnR3WrqNgt4W0_0ZHP68QI13Xipc5m_Q8-kzrAkRRibAJFGMN6q44hYJ2Ff417ix00pwcQ2qC2wBBthSJUyeWFMxalA8EQvF-Xl9QcY/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZVILvfV5TB7lb9Gfu_C9gJFBp5TwmvA7syu8e6h9yjqeXhdphEkFlBXzJxFjG4ZF3WTV7DH7CJh0Rfxm_HWzfjP2ldMq8YzwYXa96yhZX1Ykc8sRlI7VkJsW-vfScr-gYqwj8X7qkim8Q/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkkhB8z80ptOhOJgdXN9k1dpETSbKH-jPTnswgLMJfKLQWG7QCZ3EAPWjeFaCKaTgGgnYf2zRkP0Zp-hVCdiOsFvrbnXwbRj6aNmMs4uEnwPxhDYuoPPjSFTY2sVNTIqyEM4J4Px1fB_n7/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha4eIKmOB7JdQ0MvDtLBNnlvdMVaIZwLxhu-BE5mb08lktQgndYy8R7xZEsUtWfYmUJV8CrN1OST_sqh1T1Gm1DTzTdCECcW_j14X_xJZBR_BxrzFmztuPLzq4FHJljA6JeV7aOvcr7Gw/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Italian" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgypQkIWW0H-J0oKHZK2_-hL85Ze4G-dp82v0QgXr4iD10I4qPiAfHAnYf0EIFucvu3ZdiplmYfLDwPppik-aXAWANLzEDQCblHc1D7HiQ99T28WlG4bQPQ50i8NPL3RUOt6ZZdal8Dxu0/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Dutch" width="30"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwC88qUqW3z54dNWTEgok04mxVR4rzhxD_Mzg0nij5YMDbX4ieL6-8xIw0iYB4l5sW8YobSs5pTt4S-a78zz9dFsccR23JGbiKFz3tI0duE0iFDsoF-iPicvAz9j_ngGBo52KdYNP30A8/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU1oFTkhWpmtIjxYuKUiUSjRBkux7V-WpOmXiD5Gwc04MP1xqiN_oNE2NpPwn0l_NZGI5qglaj8UABApZdFH1KUgm3Vl8aUmU6kcRXIn1liMkBzUPQsGpo47kdMDyxjSpSBMsu9_BB3gz5/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqA06DyJ8GJeFW7RPKgTF1_JvP_-rXWLf7tPDFdPjzfshUwbgPFNAfSODOa9gj5yug2007v8P7yLnajIrXLGqXUmhuX5l1EwkvrF9uis6Jy6Sz7Ud517Jdltp4L6lk7VzJo_s-8wiK3Bg/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Korean" width="30"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_RXSa9aC-7UaJBUudThVAI3V-xNHWcCYdjxpL1DoqV5aU6FzYxmLL2OYJ6jTZdogvE52J_L9wstbUSpcm8NUY_WFGXcsJDL7n-I5CQMTTR3VAbpTUCaKAJJScyHhxKBBZIz1Mq32HLKk/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiay99W9DGTy6JJ5dmZxAff8pjegvtxsTyP7gnw7HzlgBwBPg1oDQsgnyvsSWPKauKjcz9jDvQhlXnZ6dWRDJgprou14nw1pLncn18ljPO5FoZhzr8dZayAUlzh-NHfgpim9eQRQg2Oio/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="27">

Klik Simpan

Hasilnya akan terlihat seperti di bawah ini

Selasa, 13 Maret 2012

Mengaktifkan Threaded Comments Pada Custom Templates Blogger

Alhamdulillah belum lama ini blogger/blogspot hadir dengan fitur baru threaded comments, sehingga memudahkan pengunjung atau pembaca dan pemilik blog saling berbalas komentar dengan tampilan daftar komentar berurutan kebawah sesuai yang ditanggapi. Kalau sebelumnya kita hanya menggunakan simbol @ untuk membalas komentar seseorang, juga harus menggunakan cara manual menambahkan tombol reply komentar dan menambahkan fungsi reply komentar seperti yang pernah saya ketengahkan triknya pada kesempatan sebelumnya.

Namun saat ini fitur threaded comment hanya aktif di template resmi blogger sedangkan pada custom templates atau template template yang disediakan oleh pihak ketiga kebanyakannya fitur ini belum berfungsi sehingga harus kita aktifkan dulu. Nah berikut tutorial cara mengaktifkan threaded comments pada custom templates blogger.

1. Sign in ke account blogger anda

2. Pilih rancangan>> Perancangan template>> Edit HTML>> Centang Expand Template Widget

Untuk anda dengan antar muka baru blogger pilih template>> Edit HTML>> Lanjutkan>> Centang Expand Template Widget

Kemudian cari kode berikut

<b:include data='post' name='comments'/>

*Untuk memudahkan pencarian silahkan gunakan Ctrl F kemudian masukkan pada kolom search kode tadi

3. Setelah anda menemukan kode diatas yang bisa jadi terdapat 3 atau 4 kode yang sama, kemudian ganti semua kode itu dengan kode berikut

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

4. Setelah semua kode no 2 diganti dengan kode nomor 3, silahkan save atau simpan template anda!

Mudah bukan. Semoga bermanfaat. InsyaAllah untuk custumize threaded comment dengan CSS akan saya posting pada kesempatan yang lain.

Cara Membuat Salam Pembuka Blog

cara buat salam pembuka di blog, salam pembuka, cara memasang salam pembuka di blog

Apakah sobat blogger pernah berkunjung ke suatu blog, kemudian muncul sebuah salam pembuka atau ucapan salam dari blog tersebut? Kalau pernah, apakah sobat blogger tertarik untuk memasang fitur seperti itu? Kalau sobat blogger tertarik, berarti kebetulan banget karena itulah tutorial blog yang akan saya berikan buat sobat blogger hari ini, yaitu tentang cara Membuat Salam Pembuka Di Blog. Apa mamfaat dari memasang salam pembuka ini di blog, sepertinya tidak perlu saya sebutkan. So, let's make it.

Cara Membuat Salam Pembuka Di Blog :

Sobat masuk dulu ke akun Blogger sobat
Klik Design
Klik Add a Gadget dan HTML JavaScript
Copy dan paste kode berikut pada kolom yang tersedia

<script type='text/javascript'>
var name = prompt("Selamat Datang...!! Nama kamu siapa?", "Nama Kamu");
alert("Salam Kenal Ya..."+name)
alert("Selamat menikmati artikel yang kami suguhkan")
</script>

Klik Save

Tambahan :

Teks prompt yang berwarna merah bisa sobat blogger sesuaikan dengan keinginan sobat blogger. Tapi ingat ya, jangan gunakan bahasa yang kurang sopan, bisa-bisa pengunjung yang akan mencari artikel di blog sobat pada kabur semua.

Senin, 12 Maret 2012

Membuat Gambar di setiap Artikel Secara Otomatis SEO

SEO Images, SEO Picture, Automatic SEO for Images, Optimasi Gambar, Gambar Seo Friendly, Gambar Blog, Gambar artikel

Untuk membuat blog kita menjadi blog yang SEO Friendly (Search Engine Optimization), banyak hal yang harus kita lakukan, salah satunya adalah dengan menambahkan ALT Tag pada setiap gambar yang menyertai postingan kita. Tapi bukan merupakan suatu hal yang mudah untuk melakukan optimasi setiap gambar yang dipublikasikan untuk Search Engine. Jadi, disini saya sudah menyiapkan kode JavaScript yang gunanya untuk menambahkan ALT Tag untuk semua gambar lalu mengoptimalkan semua gambar tersebut untuk Search Engine (Mesin Pencari). Cara ini merupakan cara yang paling mudah untuk proses optimasi gambar untuk setiap blog post sobat blogger. Untuk menerapkan teknik ini, sobat blogger hanya membutuhkan waktu tidak lebih dari satu menit.

Cara Buat Gambar Otomatis SEO:

Log In di http://www.blogger.com
Di bagian Dashbour, klik Design lalu klik Layout
Selanjutnya klik Edit HTML
Copy kode di bawah ini :

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

Paste kode tersebut sebelum kode </body>
Simpan Template

Dengan menerapkan Automatic SEO for Images, semoga blog sobat blogger menjadi blog yang SEO Friendly.

Minggu, 11 Maret 2012

Kumpulan Efek - Efek Blog: Dari Yang Ringan Hingga Yang Berat

Share kumpulan efek blog yang telah di posting oleh sobat CHRISTIAN TATELU kumpulan efek-efek blog baik dari yang ringan hingga yang berat, untuk diterapka pada blog sobat sekalian, singkat cerita saja silakan simak keterangan berikut.

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

2. Efek hati bertaburan

3. Efek bintang bertaburan

4. Efek kembang api

5. Efek Gelembung

Cara pemasangan :

Klik rancangan --> Edit html
Letakkan script efek di atas kode </body>
Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh

2. Banjir

3. Bunga Mekar

4. Bom Atom

5. Ufo

6. Graffity

7. Shaver

8. Gun

9.Bloody gun

10. Paint ball

11. Chainsaw

12. Dinosaur

13. Lebah

14. Lalat

15. Semut

16. Siput

17. Cacing

18. Mold

19. Bayi merangkak

20. Telur mata sapi

21. Kopi tumpah

22. Terbakar

23. Tomat

24. Creampie

25. Murka

26. Sapi Jorok

27. Anjing Jorok

28. Kencing Sembarangan

Cara pemasangan :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan script efek di dalam kotak yang di sediakan
Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ). so, pilih mana yang terbaik menurut sobat.. salam..

Sumber: http://christiantatelu.blogspot.com

Contact Form
Name *

Email *

Subject *

Message *
Type your message here...