Google Crash: Tips And Trick

Tampilkan postingan dengan label Tips And Trick. Tampilkan semua postingan

Cara Membuat Sitemap Menggunakan PHP

Dalam membuat sebuah website, salah satu cara agar situs kita terindex adalah menggunakan sitemap. Sitemap adalah salah satu tahap sistematik yang digunakan oleh webmaster atau pengembang aplikasi berbasis web untuk memberitahu atau menginformasikan kepada mesin pencarian seperti Google tentang halaman yang telah dibuat untuk ditelusuri atau di index.

Pengertian sederhananya, sitemap menginformasikan kalau kita telah menulis sesuatu di web atau blog kita. Sitemap berisi daftar alamat url yang ada pada sebuah web dengan metadata tentang kapan tulisan itu dibuat, seberapa sering tulisan itu diperbaharui, seberapa penting tulisan itu untuk ditelusuri dan lain-lain.

Cara Membuat Sitemap bisa dengan menggunakan PHP, HTML, dan menggunakan layanan pembuat sitemap gratis. Gambar diatas merupakan contoh statistik url link yang telah terindex oleh webmaster. Proses untuk Google Webmaster Tools melakukan submit ke search engine kurang lebih memakan waktu 2-3 hari. Jadi, anda harus bersabar agar website anda dapat terindex dengan cepat.

Sebelumnya kita juga telah mengetahui cara membuat sitemap otomatis, dan membuat sitemap di Google / Bing Webmaster.

Pentingkah sitemap dibangun?
Sangat Penting. Tentunya, jika kita membuat sesuatu pasti ingin diketahui oleh banyak orang karena memang tujuan kita menulis atau mengembangkan aplikasi untuk membantu orang yang ada disekeliling kita. Terus, bagaimana cara membuat sitemap kalau saya tidak menggunakan CMS seperti WordPress, Drupal atau Blogspot? Itu dia pertanyaan yang bagus. Setelah mengenal apa itu sitemap maka kita akan membuat langkah dan tahapannya. Terdapat berbagai cara untuk membuat sitemap, namun tutorial ini memberikan referensi khusus bagi anda yang menggunakan PHP sebagai bahasa pemrograman yang digunakan.

Cara Membuat Sitemap Menggunakan PHP

Ada cara manual yang bisa kita gunakan, yaitu dengan mengembangkan sitemap yang menggunakan tipe file xml. Langkahnya dapat anda lihat di www.sitemaps.org. Bagi anda yang suka menggunakan tools yang telah dikembangkan oleh komunitas tertentu, dapat mencoba tools di bawah ini.

Saya menyarankan menggunakan Simple Sitemaps karena panduan instalasinya lengkap dan tidak terlalu rumit dibandingkan yang lainnya. Atau bisa juga dengan memakai fasilitas XML Sitemap Generator yang support dengan Google. Oke, sekian dulu artikel mengenai Cara Membuat Sitemap Menggunakan PHP. Selamat mencoba dan terus berkarya.

SEO Content : Tips Analysis Google Analytics

With increasing search quality indicator has become an increasingly important factor for search engines. Evaluating the performance of SEO content in the search engine using Google Analytics to be equally important. Content analysis is made more complex by the loss of data from users logged into their Google account and, finally able to crawl through it.

Artikel ini ditujukan kepada individu atau pebisnis yang mulai meanalisis data, mencari riset yang tepat, memantau kinerja, dan mengontrol lalu lintas di mesin pencari agar situs mereka dapat konsisten dengan baik.

Google Analytics telah memperbarui cara anda mengukur media sosial seperti Facebook, Twitter, Pinterest, Linkedin dan sebagainya setiap tahun. Untuk meningkatkan kualitas fungsional artikel anda di hasil pencarian, salah satu cara yang tepat adalah menuliskan konten dengan tema yang unik namun memiliki topik yang sedang populer.

Beberapa Metode yang penting meliputi :
Sources Traffic Level
Lalu lintas dengan level tertinggi akan menjadi pandangan Google Analytics ketika hanya memiliki satu segmen yang diterapkan untuk media tunggal, medium, dan sumber. Tampilan ini akan mengidentifikasikan lalu lintas yang melampaui situs untuk mendapatkan pandangan pengunjung mengenai artikel anda.

Pandangan ini berguna untuk pemetaan kinerja pencarian keseluruhan, mengidentifikasi setiap jenis url yang terindex, dan membaca penjelasan perihal kualitas isi blog anda. Jadi, setelah anda melihat lalu lintas dan sumber yang masuk ke halaman situs anda, anda dapat memaksimalkannya dengan cara melihat bagian jenis artikel apa yang menjadi sumber kata kunci unik pada web anda.

Setelah anda berhasil menemukannya, lakukan pengambilan satu atau dua buah kata pada judul tersebut atau mengambil kata terpenting dari isi konten. Setelah itu fokus untuk melakukan posting artikel menyangkut informasi khusus sehingga akan muncul relasi terhadap artikel sebelumnya. Kaitkan satu sama lain artikel dengan menggunakan url link sebelumnya di post terbaru anda. Tidak hanya itu, artikel yang dikaitkan tadi juga harus anda edit untuk tambahkan link url anda yang baru. Itulah yang lebih dikenal dengan Inbound Link Multiple.

Dalam memilih judul dari sebuah artikel, carilah sinonim mengenai kata kunci utama, situs/website/blog anda. Maka hasil pencarian yang unik akan terlihat maksimal pada mesin pencari dengan jangkauan Level tinggi terhadap traffic dan pengunjung unik anda.

Site Section Level
Laporan Landing Page adalah salah satu laporan sistematik yang sangat penting dan mendalam untuk penelitian kontes SEO. Hal ini dapat ditemukan di sisi navigasi menu bagian Content > Ikhtisar dan anda akan menemukan statistik Konten Situs, Kecepatan Situs, Penelusuran Situs, Peristiwa, serta Adsense.

Salah satu cara ini bisa dilakukan untuk situs e-commerce dengan sejumlah kategori untuk keluar setiap kategori secara terpisah, serta artikel dan blog bagian dari situs Anda. Untuk situs berbasis personal, mungkin berguna untuk keluar halaman dalam navigasi atas Anda, blog Anda dan lokasi halaman berbasis, jika Anda memiliki beberapa partner produk.

Untuk keluar bagian yang berbeda dari situs Anda, Anda dapat menggunakan segmentasi-laporan, yang segmen data untuk laporan yang diberikan. Hal ini berbeda dari segmentasi seluruh situs karena tidak diterapkan di seluruh laporan.

Meskipun dibutuhkan sedikit waktu untuk melihat data ini untuk semua bagian dari sebuah website, hal ini berguna untuk melihat kinerja relatif dari bagian situs di sejumlah metrik.

Salah satu tren yang berguna untuk khusus tujuan SEO adalah menemukan bagian dari sebuah situs web yang memiliki lalu lintas yang sangat rendah dan juga tidak mengkonversi dengan baik. Untuk itu anda perlu menghitung kualitas rendah pada bagian dari situs Anda, melakukan perintah dan mencatat jumlah halaman yang diindeks.

Sekarang Anda dapat mengevaluasi halaman lebih dekat dan memutuskan apakah konten baik yang harus dioptimalkan menjadi lebih baik atau jika ada pasangan artikel yang memiliki dampak rendah itu harus dikurangi atau dihapus. Oleh karena itu cara membuat artikel berkualitas sangat penting untuk menunjang traffik besar anda.

Melihat arahan laporan halaman dengan bagian situs juga telah banyak digunakan untuk mengidentifikasi bagian dari sebuah situs yang lebih atau kurang sangat berbeda dengan pertimbangan Google Panda. Untuk membuat artikel berkualitas yang memiliki dampak SEO Friendly dapat anda baca pada panduan SERP SEO Content

Surat Diterima Menjadi Publisher Iklan Yahoo

Beberapa waktu lalu saya membahas mengenai cara mendaftar ads iklan di yahoo publisher network, ternyata beberapa minggu kemudian blog saya yang masih berumur 1 bulan telah diterima oleh jaringan iklan yahoo atau bing tersebut. Berikut ini cuplikan pemberitahuan melalui email.

Padahal blog saya itu baru berumur kurang lebih 3 minggu dan baru memiliki 14 content article. "Habis Menyelam Minum Air" itulah pepatah yang tepat. Saya memiliki akun di Google Adsense, Chitika, Innity, dan sekarang ini Yahoo. Tentu merupakan berkah tersendiri yang harus mengucapkan syukur.

Bagi anda semua yang sedang membangun sebuah blog, jangan putus asa terlebih dahulu karena masalah pengunjung yang tidak ramai. Tetapi coba anda terapkan teknik yang saya pakai setiap membuat sebuah artikel. Saya lebih mengutamakan artikel yang memberikan manfaat daripada hanya sekedar menutupi riwayat posting di tiap harinya.

Dan saya juga akan memberitahukan statistik mengenai blog saya di 4 bulan pertama blog saya berdiri ini agar anda dapat termotivasi lagi dan mengikuti jejak yang meenurut saya sudah hampir baik.

Total Pageviews : 149863

Total Unique Visitors : 48927

Total Komentar : 1096

Rangking Alexa : 50.365

Jumlah Links In : 129

Pagerank Google : 1

Rangking In Indonesia : 469

Rangking In Malaysia : 7940

Untuk anda yang sudah memiliki pageviews seperti saya mungkin bisa mendaftarkan blognya untuk mendapatkan akun dan menjadi ads publisher. Tips Blogging And Website. Untuk syarat-syarat blog yang dapat diterima di yahoo, anda dapat membaca artikel saya pada link paling atas artikel ini. Meskipun saya diterima melalui partner dari yahoo yaitu Media.net, tetapi sudah merupakan hal yang baik untuk saya pribadi. Berikut contoh penampilan dashboardnya :

Untuk pembayaran, kita hanya mempunyai 2 buah pilihan yaitu melalui Wire Bank dan Paypal. Semoga pemberitahuan mengenai Surat diterima menjadi publisher iklan di yahoo ini dapat menjadi panduan anda ke depannya.

Membuat Gradiasi Warna Linear Background

Sering kita melihat berbagai macam efek yang dihasilkan dari suatu program pengolah gambar seperti Photoshop, Corel Draw, dan sebagainya. Salah satu fitur yang banyak digunakan adalah gradiasi. Contoh dari penggunaannya adalah terhadap pembuatan sebuah background, logo, banner, spanduk dan lainnya.

Bukan hanya digunakan pada kegiatan sehari-hari, untuk anda seorang designer tentu membuat tampilan situs atau blog yang rapih sudah merupakan hal yang harus dipenuhi. Dengan menggunakan efek ini, kita tidak perlu membuat sebuah background dengan gambar, tetapi hanya dengan mengedit kode CSS yang berlaku pada elemen Web tersebut.

Tampilan suatu situs/blog akan sangat mempengaruhi kegiatan penjelajahan yang dilakukan oleh pengunjung. Semakin bagus design serta model yang digunakan, akan semakin disukai pengunjung.

Setelah pada tutorial sebelumnya kita mengetahui dan mempelajari Cara Mengganti Background Blog dengan Gambar, sekarang membahas ke topik berikutnya mengenai editing gradient efek. Berikut ini adalah panduan / tutorial praktis yang dapat membantu anda membuat sebuah paduan warna baik itu linear, radial, angel, oval, horizontal, vertical dengan mudah.

Fitur ini sudah mendukung sebagian besar browser seperti IE, Safari, Firefox (versi 3.6 keatas), Opera dan Google Chrome. Berikut adalah kode CSS3 untuk membuat efek gradiasi:

background: #29b8e5;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29b8e5', endColorstr='#ba5b0d');
background: -webkit-gradient(linear, left top, left bottom, from(#29b8e5), to(#ba5b0d));
background: -moz-linear-gradient(top, #29b8e5, #ba5b0d);

Untuk mendapatkan efek gradiasi yang lebih bervariasi sebenarnya anda juga bisa menambahkan property 'color-stop' untuk mengatur scale warna seperti yang terdapat pada Photoshop. Tetapi karena pengaturannya agak sulit, anda dapat memanfaatkan fasilitas dengan menggunakan tools yang ada pada CSS3 Gradient Generator.

Nanti akan ada kode yang muncul sesuai dengan pengaturan anda. Silahkan copy kode tersebut jika sudah selesai. Dan letakkan di bagian kode mana saja seperti body{background:..... dan seterusnya} atau lainnya.

Agar perubahan yang terjadi pada warna menjadi halus, contohnya anda dapat menggunakan kode script di bawah ini :

background: #b3dced; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzZGNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5YjhlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2UwZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */
background: linear-gradient(to right, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=1 ); /* IE6-8 */

Paste kode diatas disamping atau dibawah kode body{........

Untuk kode lainnya seperti margin, padding,height, text decoration, height, color dan lainnya jangan dihapus. Yang anda hapus adalah kode background: sampai dengan pembatas titik koma ( ; )

Anda juga dapat mengatur dan merubah sendiri paduan warna-warni gradiasi tersebut di website ColorZilla - Ultimate CSS Generator

Selamat mencoba sendiri dan semoga bermanfaat. Itulah deskripsi berbagai macam efek gradiasi warna pada background.

Meningkatkan CPC with Google Adsense Filter

Blocked Network with Adsense Filter | Advertiser URLs and Ad Network Channel |
Bagi anda yang menjadi seorang Publisher di sebuah program PPC. Sudah hal umum, apabila mencari suatu cara untuk meningkatkan total pendapatan earning anda. PPC dengan bayaran yang tinggi contohnya Google Adsense, Yahoo and Bing Networks, Chitika, Bidvertiser, BuySellAds, Adhitz, Contera dan sebagainya.

Agar nilai tiap click dari setiap iklan dibayar tinggi, kita harus melakukan penyaringan terhadap setiap advertiser / pemasang iklan yang memiliki bayaran rendah. Contoh dari beberapa penayang yang memberikan nilai CPC rendah seperti pada list berikut :

10-bestsites.com
10-top-sites.com
101soho.com
12-bestsites.com
12-topsites.com
123-fashion.com
1click.com
1s.md
1st-home-business.net
1wantmore.com
25-bestsites.com
25-topsites.com
2xweb.info
5-top-sites.com
7-bestsites.com
7-topsites.com
8-bestsites.com
8-topsites.com
8-topwebsites.com
8bestsites.com
8topsites.com
9topsites.com
aavalue.com
aboutand.com
advancedwebsearch.info
all-free-info.com
allcoolmusic.com
alldownloadforu.com
allinformationabout.com

Untuk lengkapnya, anda dapat download semua filter di link berikut ini : List of Google Adsense Filter
[Link Update : 5 Mei 2013]

Cara menambahkan filter tersebut adalah dengan masuk atau login ke akun anda.

- Click Allow & Block Ads
- Maka anda akan menuju ke tampilan seperti di bawah ini, pilih / click Advertiser URLs

- Kemudian copy semua link yang telah anda download tadi, masukkan pada kotak
"Enter the display URL shown on the ad or the destination URL to block new and existing ads."
Anda tidak perlu menambahkan kode http:// karena sudah ada pada awal sebelah kiri kotak tersebut.
- Setelah kamu letakkan semua url, click Block URLs button.
- Maka akan muncul daftar link yang telah kamu block.

Setelah anda melakukan penyaringan terhadap setiap url yang memiliki pembayaran rendah, tunggu hingga 1-2 hari untuk diproses dan menyesuaikan dengan tema dan isi artikel situs anda. Mungkin CPC belum akan terlihat naik dan anda harus menunggu. Anda tidak akan lagi melihat CPC 0.01-0.03, dan akan melihat CPC diatas 0.05. Gambar ini merupakan contoh akun saya yang memiliki CPC sebesar 0.16 - 0.22 untuk setiap klik.

Hanya dengan 7 buah click, kita bisa mendapatkan USD $1.4. Tentu menyenangkan, bukan?
Agar pembayaran anda jauh lebih tinggi, bisa dengan blocked jaringan advertiser yang memiliki channel pembayaran rendah.

Cara Melakukan Blocked Ads Network :
1. Login pada akun Adsense kamu.
2. Pilih Allow & Block Ads
3. Kemudian Click Ad Networks.
4. Download Nama Networks yang harus anda block di Daftar Low Paying Networks .
5. Cari Network yang sesuai dengan nama tersebut, lalu click Block .

Dengan cara ini anda akan memiliki penghasilan yang besar karena iklan yang akan muncul pada situs atau blog kamu adalah jaringan Google Adwords dan beberapa certified ad network lainnya yang memiliki tingkat level tinggi. Untuk anda yang ingin mendaftar dan menjadi seorang Publisher silahkan baca tips diterima Google Adsense dengan Mudah. Demikian dahulu artikel mengenai Filter Google Adsense, semoga dapat bermanfaat.

Cara Daftar Ads Yahoo Publisher Network

What Is Adsense ? Selain Google Adsense, Yahoo Publisher Network merupakan salah satu media untuk memperoleh penghasilan dari konten online anda. Dengan menjadi seorang publisher, kita akan dibayar apabila memiliki banyak pengunjung dan mengklik iklan yang telah terpasang. Sedangkan bagi anda seorang advertiser, iklan yang anda pasang akan dilihat orang banyak dan mendapatkan keuntungan dari poduct yang anda jual.

Cara Mendaftar Iklan Yahoo dan menjadi seorang Publisher :

Pilihan pertama anda dapat mendaftarkan ke website resmi yahoo. Tetapi, syarat untuk diterima tidak mudah. Anda diwajibkan setting bahasa menjadi English untuk diapprove. Silahkan register and Join di Yahoo Publisher Network .
Opsi Kedua, yaitu dengan partner Yahoo yang sekaligus gabungan iklan Yahoo dan Bing. Syarat agar blog / situs anda diterima hampir sama dengan Chitika Ads Network. Sign Up on Media.net

Untuk anda yang memiliki account Google Adsense, silahkan ikuti tips yang disediakan oleh berbagai website terpercaya yang menjelaskan mengenai cara meningkatkan penghasilan iklan google.

Tips Mengoptimalkan Penghasilan Adsense :

Adsense Success Case Studies – berebagai cerita tentang orang yang telah sukses di adsense.
AdSense Optimization for Forums – tips-tips untuk meningkatkan CTR dengan strategy penempatan adsense yang unik.
Blogtimize! – tips penempatan ad pada blogs untuk mendapat CTR yang tinggi.
Adsense Optimization Tips – Tips-tips umum tentang cara penempatan ads.
Adsense Webinars – seminars online untuk membantu meningkatkan hasil.
The Best of Eyetrack III – The best Eyetrack III tips smart.
AdsBlackList – tips untuk mencari dan mengenali ads-ads yang berkualitas rendah.
Yahoo Ads placement tips – tips cara menempatkan Yahoo publisher network ads dan Adsense ads.
High Paying Adsense Keywords – daftar highest paying keywords for Google Adsense.
Top Paying Google Adsense Keywords – daftar keyword berdasarkan kategory/label.

Tips diterima oleh Media.Net | Launch Contextual Ads for Web Publishers :

Konten artikel anda harus ada sebuah atau ada beberapa istilah bahasa inggris / British.
Artikel kamu harus unik tidak boleh copy paste.
Kategori dan Isi dari situs kamu harus berkaitan dan memiliki tujuan. (alias bukan campuran).
Bahasa utama di blogger anda adalah English. ( Kalau posting artikel boleh saja dengan menggunakan bahasa Indonesia )
Saat mendaftar, gunakan email dari Yahoo Mail.
Pageviews minimal perhari berjumlah 5000 dan unique visitors 100/day.

Program, which seems to be in line of Google AdSense, web publishers intend to provide a solution for earning advertising revenue. According to the company, publishers can now use the Media.net to create and customize ad units that display relevant text ads from across the Yahoo Bing Network.

The program is currently limited only to websites that primarily receive the majority of their traffic from the United States, Canada, or UK. But for those of you a website designer you certainly have a great chance of being accepted as well for many people. Mungkin hanya itu saja syarat agar situs anda dapat diterima. Berbeda dengan Google Adsense, kalau mendaftar di Yahoo, blog kita telah berisi banyak iklan juga bisa diterima. Semoga informasi Cara Mndaftar Iklan di Yahoo Publisher Network ini dapat bermanfaat dan meningkatkan pendapatan anda.

7 Cara Efektif Mengendalikan Emosi

7 Cara Efektif Mengendalikan Emosi - Emosi adalah kekuatan besar yang bisa menggerakkan hidup kita ke arah kebahagiaan dan keberhasilan. Tapi tanpa pengendalian emosi, juga bisa merusak kualitas kehidupan kita. Disini ada 7 jurus yang tepat untuk mengendalikan Emosi :

Perasaan – perasaan yang dialami seseorang umumnya bersumber dari pikiran. Ketika seseorang berpikiran negatif perasaan orang tersebut cenderung menjadi negatif. Sebaliknya ketika seseorang berpikiran positif, perasaan orang tersebut cenderung positif. Jadi mengendalikan pikiran adalah langkah pertama untuk mengendalikan perasaan
Biasakanlah memberi kesempatan kepada pikiran untuk mengambil keputusan. Semakin seseorang mahir menyerahkan keputusan kepada pikiran, maka semakin sehat emosinya. Itu adalah kondisi ideal dimana akal yang mengendalikan perasaan, bukan perasaan yang mengendalikan akal.
Emosi negatif adalah sinyal bahwa ada yang tidak beres dalam diri seseorang. Ketika suasana hati menjadi tidak nyaman, cobalah menerangkan dengan berdoa, menemui sahabat untuk berbagi perasaan (Curhat), beristirahat, mendengarkan musik atau apa saja yang disukai.
Pertanyakanlah dengan kritis perasaan-perasaan negatif yang dirasakan. Misalnya, apakah masalahnya terlalu berbahaya sehingga seseorang ketakutan? Atau apakah masalahnya begitu gawat sehingga seseorang harus marah besar?
Pertanyakanlah dengan tegas keyakinan-keyakinan yang salah. Misalnya: siapa bilang kegagalan itu suatu kebodohan? Siapa bilang masalah yang kita hadapi tidak ada jalan keluarnya? Dan siapa bilang kita tidak mampu memaafkan?
Kendalikan reaksi anda terhadap situasi yang tidak menyenangkan. Misalnya ketika ada yang menyalip motor dengan tiba-tiba, anda bisa memilih untuk marah atau memilih tetap tenang yang pertama bisa membuat anda jadi orang yang reaktif dan emosional, tapi yang kedua mengajarkan anda menguasai diri dengan baik.
Perasaan bukanlah masalah benar atau salah. Manusiawi sekali-sekali memiliki perasaan takut, marah, sedih dan kecewa. Yang penting kita tidak larut dalam perasaan-perasaan negatif itu dan tidak mengambil keputusan-keputusan penting di saat suasana hati sedang kacau.
perasaan yang negatif dan suasana hati yang buruk bisa jua disebabkan oleh kondisi tubuh yang tidak. Kita bisa saja merasa “BETE” ketika film, stress, kurang flu, stress, kurang tidur, capek dan sebagainya. Kita tidak perlu mencemaskan perasaan-perasaan yang tidak nyaman dan bersifat sementara tersebut, sering kalilah melakukan tindakan-tindakan sederhana yang bisa mengubah suasana hati.
Hidupkanlah perasaan-perasaan yang menyenangkan sesering mungkin termasuk untuk hal-hal yang kita inginkan tercapai atau terjadi. Misalnya: perasaan gembira ketika anak kita akan di wisuda ketika mendapatkan hadiah, ketika akan bertemu dengan seseorang yang dicintai atau dinanti, ini adalah salah satu cara mengerahkan emosi untuk membantu mewujudkan impian menjadi kenyataan.
Belajarlah mengucap syukur dalam segala keadaan. Hati yang penuh dengan ucapan syukur akan membuat hidup lebih ringan, pikiran lebih jernih dan perasaan lebih nyaman. Sehingga mengendalikan perasaan bukan lagi beban yang berat

Informasi Artikel

Sumber : ON THE SPOT 7

Cara Membuat Banner Logo di Blog

Cara Membuat Banner di Blog | Cara Membuat Logo - Banner adalah salah satu media untuk mempromosikan sebuah produk. Sedangkan logo adalah sebuah citra realitas yang mencerminkan nama atau label yang dipublikasikan. Contoh dari penggunaannya adalah apabila kita melakukan tukar link, banyak sekali yang menggunakan banner blog sebagai lambang dan mempromosikan blog anda. Banner yang menarik akan lebih mudah disukai dan ditreima pengunjung.

Pada perkembangan saat ini, banner lebih sering dimanfaatkan untuk membuat iklan. Jangan heran apabila anda banyak melihat banner yang terpasang di bagian blog baik itu diatas, header, sidebar, footer, post dan sebagainya. Selain untuk beriklan, banner juga banyak dimanfaatkan untuk memperbanyak backlink. Para blogger langsung memburu jumlah lalu lintas link ke sebuah website terkenal dengan pagerank tinggi. Lalu, apakah dengan metode tersebut blog anda akan disukai oleh search engine?

Sebelum melangkah ke pembahasan yang lebih detail, kita harus mengetahui cara membuat banner yang mudah adalah dengan memanfaatkan sebuah website yang menyediakan tools pembuat banner.

Membuat Logo / Banner di cooltext :
1. Silahkan anda kunjungi www.cooltext.com
2. Pilih tipe tulisan atau logo yang ingin dibuat.

3. Ganti dan Tulis Nama Blog anda pada kolom text yang tersedia.
4. Pilih pengaturan dan ukuran karakter text dan lainnya.
5. Masukkan gambar background yang telah anda persiapkan di komputer anda.
6. Pilih Format File gambar yang nanti akan didownload. Pilih tipe PNG / JPEG agar hasilnya lebih bagus.
7. Klik Create Logo
8. Download Image.

Setelah anda mendownload, anda dapat langsung menguploadnya ke bagian header yaitu dengan cara masuk ke blogger.com lalu pilih Layout / Rancangan / Design. Klik Header. Kemudian masukkan gambar logo yang telah didownload tadi. Pilih opsi yang kedua pada penempatan judul dan description blog. Lalu Save.

Maka anda akan melihat banner yang menjadi karakter serta judul dari blog anda. Anda juga dapat memilih berbagai macam icon untuk menghiasi background banner tersebut dengan mendownloadnya di iconfinder.com Semoga dengan tips ini anda dapat menghiasi bagian atas blog dengan indah dan mudah.

Anda juga bisa mendapatkan kode script HTML banner yaitu dengan melakukan upload terlbih dahulu. Silahkan anda upload di www.photobucket.com . Untuk bisa upload anda harus login atau registrasi terlebih dahulu apabila belum mendaftar.

Cara Mempercantik Blog dengan Tampilan Menarik

Banyak cara mempercantik blog dengan tampilan menarik, unik, rapih, dan dinamis. Karena menurut pengamatan saya, apabila pengunjung mengunjungi sebuah halaman blog yang acak-acakan meskipun dari segi non interfacenya bagus maka secara otomatis mereka akan cepat pergi. Oleh karena itu, pada artikel ini saya akan membagikan tips seputar blogging.

Di sini saya akan berbagi trik bagaimana cara agar blog yang kita punya menjadi lebih cantik, keren, unik dan membuat nyaman para pembaca menelusuri setiap bagian halaman. Penasaran kan?

Oke langsung ke topik utama isi artikel. Ada beberapa fitur yang bisa kamu tambahkan untuk mempercantik blog kalian. Beberapa aspek yang penting dan harus anda perhatikan adalah :

Template, Widget, Warna Tulisan, Warna Background, Artikel, dan Navigasi.

6 elemen inilah yang harus anda optimalkan guna memberikan kenyamanan bagi para pembaca.
Mungkin secara detailnya tidak akan saya bahas secara lengkap hanya dalam satu buah artikel ini, tetapi saya akan bahas di kesempatan berikutnya dengan beberapa aspek.

Beberapa tips mengoptimalkan design dan mempercantik blog :

Gunakan template sesuai dengan isi dari blog.
Pasang Widget Fans Page Like Box Facebook.
Memasang Keterangan Waktu baik itu Jam, Tanggal, Hari, Kalender dan sebagainya.
Gunakan widget Shoutbox atau Buku Tamu agar pengunjung dapat berinteraksi.
Pakai Sharethis Button di setiap artikel.
Jangan gunakan warna Judul Posting atau warna Text Body halaman blog kamu dengan warna terang dan silau.
Jangan menggunakan animasi flash/ jQuery yang membuat beban loading blog kamu menjadi berat.
Berikan artikel yang berkualitas dan bermanfaat.
Jangan tidak menghiraukan Judul. Semakin menarik judul, semakin besar kemungkinan untuk dibaca oleh pengunjung.
Tambahkan navigasi mengenai status dimana pengunjung berada, dan kemudahan pengunjung untuk menemukan informasi yang dicari.

Dengan memperhatikan semua kriteria pengoptimalan tampilan blog seperti diatas, diharapkan mampu meningkatkan jumlah Pageviews anda per user. Fungsi Sitemap, Link Exchange, Cara Membuat Halaman Blog.

Pengunjung akan dengan mudah menyukai sebuah halam blog apabila memberikan informasi mengenai apa yang sedang dicarinya. Agar informasi dapat dilihat dan ditemukan dengan mudah tentu kualitas artikel, navigasi yang baik, dan design yang bagus sangat dibutuhkan.

Mengatur Domain Server / Custom Domain Blogger

Banyak yang mencari free domain agar blognya terlihat professional dengan alamat web tersebut. Lalu, bagaimana cara custom domain blogger agar langsung redirect dan tidak ada error? Dalam panduan ini, saya menggunakan domain hosting .com sebagai contoh. Banyak beragam jenis domain web lain yang TLD ( Top Level Domain ) seperti .net , .org , .web.id, .biz, .co.id dan sebagainya.

Pengaturan custom domain ini ditujukan karena Google telah menerapkan protokol baru untuk setting domain blogger dengan nama domain sendiri. Oleh karena itu untuk merubahnya agar langsung redirect ke server dengan baik dan tidak menghilangkan index dapat mengikuti panduan dan tutorialnya beirkut ini. Berdasarkan Search Engine Optimization Google 2013 pengaturan blogger ke domain memiliki banyak perubahan.

Setting URL Blogger ke Domain Baru Anda terlebih dahulu.
1. Login pada akun anda di blogger.com
2. Klik Setelan atau yang menggunakan bahasa Inggris klik menu Setting pada pilihan.

3. Kemudian, klik Tambahkan Domain Khusus pada bagian Basic.

4. Pada Setelan Lanjutan, isi nama domain anda yang baru dengan menambahkan www , kemudian klik Petunjuk Setelan.

5. Pada pertanyaan “How do i use…” pilih opsi pertama: 'On a top-level domain'.

6. Simpan keterangan yang tertera pada kotak CNAME yang ditampilkan. Anda dapat mengcopy teksnya ke notepad atau bisa juga memfoto halaman tersebut. Karena isi dari CNAME tersebut sangat penting dan dibutuhkan untuk akses ke server di bagian Control Panel.

7. Selesai.
Selanjutnya anda akan melakukan setting DNS Domain (A record and CNAME) sesuai dengan yang tertera pada Petunjuk Setelan milik anda.

Cara Setting DNS Record Domain :
1. Silahkan anda login ke tempat anda membeli domain. Dalam contoh ini, saya membeli domain di jagoandomain.com.
2. Klik My Account.
3. Buka bagian List / Order domain yang anda pesan.
4. Masuk ke pengaturan domain tersebut.
5. Klik bagian DNS Management, lalu klik Manage DNS.

6. Lalu ada bagian popup halaman yang terbuka.
Disini anda dapat menambah A record dengan mengklik Add a record.

7. Kosongi hostname, isi Destination IPV4 sesuai dengan A record IP address yang anda dapat pada Petunjuk Setelan Blogger. Kemudian klik Add record. Lakukan berulang hingga 4 kali sampai semua IP yang ada di Petunjuk Setelan selesai ditambahkan.

8. Selanjutnya, klik CNAME kemudian klik Add CNAME Record.

9. Isikan pada bagian Hostname dengan menambahkan WWW , dan ghs.google.com pada bagian value.
10. Selanjutnya tambahkan CNAME verifikasi acak yang anda dapatkan dari Petunjuk Setelan Blogger.
11. Setelah DNS record selesai diubah, silakan kembali ke jendela Domain Manager. Kita akan melakukan penggantian Name Server. Pada bagian DNS Management akan muncul tulisan “Your DNS Management Service is not configured properly”. Klik Configure Now.

12. Klik Fix Name Server Automatically.

Anda perlu mngecek dan menunggu hingga proses selesai kurang lebih 1x24jam. Tetapi tidak ada salahnya apabila anda langsung mengecek dengan pergi ke Blogger > Setting > Basic.
Isi nama domain anda, dan klik Save. Apabila proses telah selesai maka anda telah berhasil mengubah url domain anda ke TLD (Top Level Domain).
Source : bistik.co

Domain email, hosting blog, domain server, free web domain mungkin akan dibahas diartikel selanjutnya. Baca juga Cara Mengoptimalkan SEO di Bing Webmaster Tools. Sharethis Button in Articl Post.

Cara Menonaktifkan Link Aktif di Kotak Komentar

Di dalam jaringan blog, banyak sekali komentar spam yang menyertakan link aktif di situs kita. Baik itu di Wordpress, Blogger, website dan lainnya. Lalu bagaimana cara agar setiap komentar yang masuk dapat terbebas dari banyaknya spam? Perkembangan dunia internet memang sudah menjadi salah satu cara untuk mendapatkan uang dengan blog, website, toko online dan sebagainya. Pemilik dari usaha tersebut seringkali melakukan promosi di berbagai social network dan yang paling banyak adalah blog.

Cara yang tepat adalah dengan menambahkan moderasi pada komentar blogger atau wordpress sehingga setiap pengunjung akan diseleksi oleh kita terlebih dahulu untuk disetujui atau tidak. Kemudian, berikan peraturan dan syarat mengenai jenis komentar yang masuk sehingga setiap orang yang ingin melakukan teknik spam dapat tercegah. Biasanya orang yang ingin menaruh link aktif pada blog kita selalu menggunakan kode <a href . Untuk disable link aktif pada komentar blogger kita memiliki 2 cara, adalah menghapus dan menyembunyikan.

Untuk menyembunyikan link aktif pada blog atau wordpress kita hanya menambahkan kode CSS seperti berikut :

#comments p a {

display: none !important; }

Letakkan kode tersebut, diatas kode ]]></b:skin>

Cara Disable Link Komentar pada Wordpress :

- Cari file function.php

- masukkan code dibawah ini setelah <?php

remove_filter('comment_text', 'make_clickable', 9);

- Kalau sudah, silahkan save dan lihat hasilnya.

Cara Menghapus / Nonaktifkan Link pada Komentar Blogger dengan Kalimat :

1. Masuk ke bagian pengeditan template.

2. Cari kode </head>, dan letakkan kode berikut diatasnya.

jQuery(document).ready(function(){

jQuery("#comments p").find("a").replaceWith("<span>Peringatan: Dilarang Menampilkan Link Aktif</span>");

});

</script>

3. Save Template

Mendisable Link Aktif pada Kotak Komentar Blogger dengan link anda :

1. Login ke Blogger

2. Pilih Template lalu Edit HTML

3. Cari kode </head>, letakkan kode di bawah ini diatasnya.

jQuery(document).ready(function(){

jQuery("#comments p a").attr("href", "http://impoint.blogspot.com/");

});

</script>

4. Simpan Template Anda.

Dengan cara ini, kamu tidak perlu takut dengan mematikan link aktif pada komentar akan menghilangkan semua komentar kalian atau pengunjung tidak bisa melakukan komentar.

Blog yang memiliki kualitas bagus bukan yang memiliki banyak komentar, tetapi blog yang bagus adalah yang memiliki respon baik dari pengunjung karena membaca konten artikel yang bermanfaat untuknya sehingga komentarnya juga murni dari hati.

Untuk blog anda yang menggunakan metode dofollow, hati-hatilah terhadap para spammer. Mungkin cara ini dapat menjadi tips yang baik untuk digunakan. Semoga bermanfaat bagi para pembaca. Salam Media Blogger. Anda dapat mengikuti tutorial lain sepereti Cara Membuat Kotak Komentar Facebook di Blog.

Menyesuaikan Tampilan Website Pada Semua Browser

Sebagai seorang web developer, anda tentu ingin mengoptimalkan tampilan website / blognya di semua browser seperti Mozilla Firefox, Google Chrome, Opera Mini, Maxthon, Rockmelt, Safari, dan Internet Explorer dengan baik. Lalu bagaimana cara untuk menguji situs anda ke semua web browser tersebut ?

Caranya akan dibahas pada kesempatan tutorial kali ini. Seperti yang kita ketahui Internet Explorer yang merupakan jendela browser milik Microsoft, kurang memiliki teknologi yang digunakan oleh browser lain saat ini. Sebut saja CSS 3 dan HTML 5. Beberapa perintah script kode yang berkaitan dengan bahasa tersebut, terkadang tidak di support oleh Internet Explorer sehingga tampilan situs anda menjadi kurang menarik dan sering terlihat berantakan. Contohnya apabila anda memasang widget musik, kotak komentar facebook, atau membuat efek zoom pada gambar belum tentu semuanya akan tampil dan berjalan dengan baik di browser tersebut.

Memang keunggulan dari Internet Explorer mulai dari versi terbaru 9 dan yang lainnya memiliki Tingkat Security yang bagus. Tetapi di balik itu semua, Microsoft pun mungkin 'sadar' akan kekurangan ini, sampai-sampai membuat cara bagaimana membuat sebuah kondisi di mana halaman web dapat mendeteksi apakah browser yang digunakan itu IE atau bukan. Caranya adalah dengan menambahkan sebuah komentar HTML pada halaman web, maka dari itu dinamakan Conditional Comments.

Bagaimana cara menggunakan conditional comments tersebut? Caranya mudah, kita tinggal menambahkan kode :

Mungkin jika anda pengguna Blogger, pada saat mengedit template terkadang melihat kode seperti diatas. Kode tersebut akan bekerja hanya pada Internet Explorer. Sekarang coba refresh halaman web kamu. Jika kamu menggunakan IE versi apa saja, maka akan muncul paragraf tersebut. Cara ini juga digunakan untuk styling pada halaman web menggunakan CSS. Karena kode load CSS sebaiknya disimpan di head, maka conditional comment juga harus dsimpan di head. Cara menggunakannya adalah:



Untuk menguji tampilan blog atau website anda di semua browser tentu anda harus melihatnya satu persatu dengan browser yang sebelumnya telah anda download. Untuk mempermudah dalam pengujian tampilan website, kita dapat menggunakan sebuah layanan yang disediakan oleh sebuah situs terkenal. Anda dapat mengetes dan melihat interface situs anda di www.browsercam.com

Dengan menggunakan beberapa tools layanan tersebut, anda dapat mengambil screenshoot sebuah URL menggunakan browser yang mereka miliki. Fungsi berikut fitur lainnya adalah pemotongan gambar, sistem operasi, email, dan juga dapat diakses melalui perangkat mobile (Android, Blackberry, IPhone,Windows Mobile).

Bagi anda para web developer, designer, web master, atau creator template dapat menggunakannya dengan sangat mudah. Anda hanya perlu melakukan registrasi terlebih dahulu. Semoga artikel yang khusus dengan durasi 5 menit ini dapat bermanfaat.

Tampilan situs merupakan hal yang paling diutamakan oleh seorang pengembang dan pembangun website. Interface yang bagus disertai navigasi yang tepat akan disenangi pengunjung dan mempermudah melakukan pencarian.

Usir Kantuk Tanpa Kopi

Bila merasa rutinitas minum kopi Anda sudah melampaui batas yang wajar, sementara kantuk menyerang, cobalah alternatif lain, yang lebih sehat tentunya. Anda bisa mengonsumsi makanan berprotein tinggi, telur misalnya.

Para ilmuwan menemukan bahwa protein dalam telur, terutama yang ditemukan pada putih telur, juga dapat membantu kita tetap terjaga dan tetap waspada.

Protein ini lebih efektif ketimbang karbohidrat yang ditemukan dalam cokelat, biskuit dan makanan yang mengandung gula. Jenis makanan tersebut memang menambah energi.

Sebaliknya, para peneliti dari Cambridge University telah menguji bagaimana substansi protein berdampak pada sel otak sehingga bisa membuat kita terjaga. Kandungan protein dalam putih telur membangkitkan sel-sel otak, memicu keluarnya kandungan orexin. Sementara gula menghambat keluarnya orexin.

Jadi, jika anda dihadapkan pada pilihan antara roti dengan selai atau roti dengan telur, pilihlah yang terakhir. Meskipun dari dua jenis pilihan tersebut mengandung kalori yang sama, tetapi kandungan protein yang kurang pada roti selai akan membuat tubuh membakar lebih banyak kalori yang dikonsumsi.

Bukan berarti Anda tidak memerlukan asupan gula. Lengkapi kebutuhan gula Anda dengan mengonsumi makanan-makanan yang mengandung kadar gula alami, bukan gula tambahan. Coba saja konsumsi yogurt dan kacang-kacangan, seperti kenari, almond atau kismis.

Kandungan gula alami dan protein akan membuat tubuh lebih bugar. Apalagi mengonsumsi yogurt dingin, dijamin kantuk Anda segera hilang. Sedangkan kacang-kacangan kaya akan lemak omega 3. Lemak tak jenuh tersebut akan dibakar dengan cepat melepaskan tembakan energi. Gula alami dalam kacang juga akan membantu Anda untuk tetap bersemangat.

Satu lagi yang penting Anda konsumsi untuk menangkis serangan kantuk, air putih. Salah satu penyebab rasa kantuk adalah tubuh kita kurang terhidrasi dengan baik. Asupan dua liter air sehari mencukupi kebutuhan tubuh agar tetap terhidrasi.

Ketika cukup cairan, secara otomatis tubuh Anda akan terasa berenergi. Selain karena kurang cairan, faktor yang tak kalah memengaruhi adalah konsumsi makanan yang mengandung karbohidrat terlalu banyak. Oleh karena itu, kurangilah konsumsi karbohidrat, seperti nasi dan mi.

Untuk menghindari kantuk di pagi hari, biasakan sarapan setidaknya dua iris roti dan jangan banyak begadang malam hari. Otomatis, Anda akan mengurangi konsumsi kopi di pagi hari.

Informasi Artikel

Sumber : Yahoo, Ghiboo

Robots.Txt For Website

Cara Membuat Robots.txt di Website dengan blog itu berbeda. Contoh saja blogger dengan wordpress sudah jauh berbeda. Codeignitier, Joomla, Drupal, Nginx dan lainnya merupakan contoh framework website yang berbeda.

Web Robots (juga dikenal dengan Web Wanderer, Crawler, atau Spider) merupakan program yang melintasi Web secara otomatis. Mesin Pencari seperti Google menggunakannya untuk mngindeks konten web, spammer menggunakan mereka untuk mencari alamat email, dan masih banyak kegunaan Web Robots yang lain.

Pemilik situs Web memakai file robots.txt untuk memberikan petunjuk mengenai mereka ke situs web robot. Protokol yang dipakai disebut Robots Exclusion Protocol.
Contoh isi file robots.txt adalah :
User-agent: *
Disallow: /

User-agent: * artinya bagian ini berlaku ke semua robot.
Disallow: / artinya robot tidak boleh mengunjungi semua bagian dari website.

2 Informasi Penting yang berkaitan dengan robots.txt :

Robot dapat mengabaikan file robots.txt , terutama robot yang memang berniat jahat dengan memindai malware di web atau para spammer.
File robots.txt adalah fil yang tersedia untuk umum (bisa dibuka oleh siapapun). Siapapun dapat melihat bagian dari server anda dan anda tidak dapat menghalanginya meskipun telah menambahkan perintah disallow.

Skema mengenai crawler di search engine :

File robots.txt biasanya diletakkan di level teratas dari direktori web server Anda. Anda dapat meletakkannya di directory lain yang diinginkan.

Jadi robot akan melihat apakah ada file robots.txt untuk tiap directory server.

Sebagai contoh, untuk file http://impoint.blogspot.com/seo-google-tips-blogging-and-website.html

Maka anda dapat melihat directory dengan menghapus /seo-google-tips-blogging-and-website.html dan menggantinya dengan /robots.txt

Webserver yang sering dipakai adalah direktori root, yaitu tempat yang sama dimana Anda meletakkan situs web utama / homepage "index.html".

File robots.txt adalah file teks dengan satu atau lebih record didalamnya. Tiap satu record adalah satu baris.

Contohnya seperti berikut :

User-agent: *
Disallow: /cgi-bin/
Disallow: /tmp/
Disallow: /~user/

Untuk perintah disallow, anda harus memisahkan tiap directory baris. Misalnya anda ingin menolak robots beroperasi di /cgi-bin/ dan /tmp/ maka penulisannya tidak boleh digabung dalam satu baris menjadi :

Disallow: /cgi-bin/ /tmp/

Tanda bintang pada user-agent artinya semua robot.

Untuk mengizinkan semua robot mengakses semua bagian website dapat menggunakan perintah berikut.

User-agent: *
Disallow:

Untuk melarang robot tertentu dapat mengganti tanda bintang di user agent dengan nama robot yang ingin dilarang, contoh :

User-agent: BadBot

Disallow:

Mengetahui Aktivitas Kunjungan Robot

Cara untuk mengetahui bahwa situs anda dikunjungi robot adalah dengan mengecek log server di situs untuk melihat apakah ada yang mengakses dokumen dalam jumlah banyak namun waktunya singkat.

Ada banyak nama robot di Internet diantaranya sebagai berikut :

Acme.Spider

Alkaline

Anthill

Google bot

Yahoo bot

Bay Spider

BBot

BackRub

Arale

ASpider

AskJeeves

Aretha

Walhello apple

ArchitextSpider

Untuk melihat keseluruhan robot yang ada di Internet dapat melihat Botsbrowser .

Anda dapat membuat file robots.txt dngan menggunakan :

1. Notepad / Wordpad ( Operating System Windows )

2. Textedit (Format > Buat Plains Teks > Simpan sebagai Barat) ( OS Macintosh )

3. Vi atau Emacs ( Linux )

Terkadang beberapa robot crawler tidak menghiraukan file robots.txt yang anda tulis, biasanya disebabkan oleh menggunakan aplikasi penulis perangkat lunak yang kurang berpengalaman.

Jadi, dalam menulis robots.txt harus sangat berhati-hati dan lakukan pengecekkan file tersebut secara berkala. Semoga informasi mengenai robots.txt for website ini dapat bermanfaat. Artikel Cara Membuat Tabel dengan HTML di PHP dapat anda baca juga.

Cara Membuat Tabel dengan HTML

Pada penggunaan PHP, salah satu elemen yang sering digunakan adalah membuat tabel dengan html disertai kode warna CSS. Tabel merupakan salah satu objek yang terbentuk dari beberapa garis dan bidang yang membentuk sebuah kotak.

Tabel ini hampir sama dengan perintah div, perbedaannya div adalah pembagian bidang yang dapat diisi berbagai elemen sedangkan tabel adalah himpunan kotak yang memiliki border garis berdasarkan baris dan kolom. Hampir sama dengan cara membuat kotak, perbedaannya table adalah kumpulan kotak.

HTML banyak sekali digunakan untuk menyusun objek, gambar, tulisan, layout, bidang ruang, tampilan halaman dan sebagainya. Apabila anda sedang mempelajari pemrograman web dengan PHP, maka tidak akan terlepas dari HTML dan database. Dari database tersebut, tentu berbentuk sebuah tabel. Oleh karena itu sangat penting bagi kita untuk mengetahui kode yang merupakan elemen pemasangan sebuah tabel.

Terlebih dahulu kita akan mengenal perintah kode-kode yang berhubungan dengan tabel.

Perintah Dasar Membuat Tabel di HTML :

<table border="1">
<tr>
<th>Nama</th>
<th>Tanggal Lahir</th>
</tr>
<tr>
<td>Ahmad Ridwan</td>
<td>21-03-2013</td>
</tr>
</table>

Apabila melihat contoh susunan tabel diatas, pengertian kode HTML nya adalah sebagai berikut :

<table> diakhiri dengan </table> : digunakan sebagai tanda awal tabel
<tr>..</tr> : digunakan sebagai tanda awal baris, tr kependekan dari table row
<th>..</th> : digunakan untuk membuat tampilan kolom header tabel, th kependekan dari table head
<td>..</td> : digunakan untuk menyusun kolom data, td kependekan dari table data
Setiap elemen dari kode HTML tersebut harus tersusun dan tertata dengan benar.
Perhatikan tanda slash / garis miring di setiap akhir elemen, itu merupakan kode penutup untuk kode pembuka di semua jenis kode HTML.

Atribut pendukung Table :

align : untuk mengatur posisi horizontal
valign : untuk mengatur posisi vertikal
width : untuk mengatur lebar
height : untuk mengatur tinggi
border : untuk mengatur tebal garis
border-color : untuk memberi tebal garis dengan warna
cellpadding : untuk mengatur jarak garis dengan objek didalamnya
cellspacing : untuk mengatur jarak tiap cell
bgcolor : untuk mengatur warna
background : untuk mengatur latar gambar
rowspan : jumlah baris yang memotong beberapa baris
colspan : jumlah kolom yang memotong beberapa kolom

Berikut ini adalah contoh dari tabel dengan beberapa kode warna dengan atribut :

Susunan script kodenya :

<table width="510" border="1" cellspacing="0" cellpadding="3">
<tr>
<th width="58" rowspan="3" bgcolor="#00CCCC">Rowspan 3</th>
<th width="79" height="41" bgcolor="#00CCCC">Nama</th>
<th width="83" bgcolor="#33FF33">Alamat</th>
<th width="92" bgcolor="#FF9900">Telp.</th>
<th colspan="2" bgcolor="#FF9900">Colspan 2</th>
</tr>
<tr>
<td bgcolor="#66CCFF">ALI</td>
<td align="center" bgcolor="#99CC66">Jl. Ijo</td>
<td bgcolor="#9966FF">11211</td>
<td width="92" bgcolor="#9966FF"> </td>
<td width="92" bgcolor="#9966FF"> </td>
</tr>
<tr>
<td bgcolor="#FFFF00">UDIN</td>
<td align="center" bgcolor="#FFFF00">Jl. Rencong</td>
<td bgcolor="#FFFF00">23232</td>
<td bgcolor="#FFFF00"> </td>
<td bgcolor="#FFFF00"> </td>
</tr>
</table>

Tabel memang sangat banyak digunakan mulai dari Microsoft Excell, Microsoft Word, Microsoft Powerpoint, Adobe Dreamweaver dan lainnya. Demikian tutorial dan dasar cara membuat table html dengan css. Semoga dapat membantu anda dalam membuat website, design blog, laporan kerja, dll.

Baca juga artikel dan panduan Cara Membuat Readmore Otomatis dengan Mudah.

SEO Google : Tips Blogging and Website

Search Engine Optimization terdiri dari berbagai strategi yang bisa dimanfaatkan untuk meningkatkan peringkat blog atau website. SEO memiliki beberapa tahapan dimana anda harus bersabar dalam mengimplementasikannya. Untuk menjalankan strategi tersebut anda harus menetapkan sebuah tujuan dan pokok topik bahasan terlebih dahulu.

Upaya yang harus dilakukan pertama kali adalah dimulai sejak anda pertama kali membuat sebuah website yang SEO Friendly, karena website tersebut akan mendorong search engine crawler mengenal website dengan lebih dekat.

Dengan mengerti cara membuat tag, link, struktur navigasi, script programming, dan konten maka anda telah memiliki modal yang sangat cukup untuk mengembangkan blog/website yang lebih search engine friendly.

Seperti yang telah kita ketahui, SEO Google 2013 ini terus melakukan update algoritma beserta Google Panda dan Google Penguin yang semakin canggih hingga dapat menganulir banyak trik-trik SEO sehingga tidak efektif kembali.

Berikut ini adalah tips untuk menyesuaikan SEO Google For Blog and Website :
1. Konten yang anda buat harus unik, fresh, learning, dan asli.

2. Konten yang berkualitas menurut aturan Google adalah konten yang mudah dipahami oleh pengunjung serta memberikan manfaat. Maka hindarilah copy paste artikel.

3. Jaga konsistensi anda setiap waktu dalam membuat artikel. Jangan membuat artikel yang tidak bermakna dan hanya sekedar memenuhi daftar jadwal rutin posting.

4. Integrasikan antara blog , website , forum dan yang lainnya yang anda miliki dengan menghubungkan satu sama lain. Karena hampir setiap situs terkenal memiliki blog atau forum diskusi mereka.

5. Hindari aktivitas keyword spamming. Keyword Organik lebih diperhitungkan oleh Google daripada memperbanyak keyword yang akan langsung dianggap sebagai spam.

6. Gunakan layanan ping seperti pingomatic , http://mypagerank.net , http://blogsearch.google.co.id/ping setiap selesai menulis sebuah artikel terbaru yang dibuat.

7. Jangan terlalu banyak menggunakan kata kunci. Baca Keyword Density Analysis.

8. Untuk mendapatkan keyword yang tepat sasaran, gunakan alat pencarian keyword di sini: https://adwords.google.com/select/KeywordToolExternal.

9. Pilih nama domain yang sesuai dengan isi situs anda dan sesuai target yang telah ditentukan. Dalam membuat nama domain jangan menggunakan kata-kata vulgar, product, merk dan lainnya.

10. Gunakan http://www.google.com/insights/search/ untuk menemukan Site Title yang pas dan mencakup seluruh keyword yang anda target.

11. Buat stuktur halaman situs yang benar. Posisi yang dibaca dan crawling oleh search engine terlebih dahulu adalah dimulai dari URL > Tag Title > Tag Image > 200 Kata Pertama > Kata-kata selanjutnya. Semakin awal posisi keyword diletakkan akan semakin baik.

12. Sitemap adalah representasi arsitektur website yang berguna sebagai tool untuk planning dan diatur dalam bentuk bertingkat. Buatlah sitemap.xml di situs anda. Bisa juga dengan memanfaatkan layanan tools pembuat sitemap seperti http://xml-sitemaps.com

13. Hindari Code Bloat. Ketika JavaScript dan CSS ditulis jadi satu dengan file HTML, hal ini bisa menyusahkan mesin pencari mengkonversi kode HTML anda ke dalam bentuk konten itulah yang dimaksud oleh Code Bloat. Maka, hindari penggunaan Javascript dan CSS dalam bagian yang terpisah. Apabila digabung akan sangat menyulitkan karena bergabung dengan HTML anda.

14. Setelah algoritma Panda, berikutnya adalah algoritma Penguin. Jika Google Panda menuntut kualitas konten, maka pada algoritma Penguin, Google menuntut kualitas tautan (link) yang masuk dan keluar dari blog kita.

15. Usahakan untuk mencantumkan internal link disetiap artikel anda. Minimal adalah 2 inbound link.

16. Kreatif dalam mendapatkan backlink. Dalam mengumpulkan banyak link, anda harus pintar memilih mana yang dianggap sebagai spam dengan yang bukan. Carilah link dengan konten yang relevan dengan situs anda.

17. Aktif mengikuti forum, social media, dan directory dengan pagerank tinggi. Dari sanalah anda akan mendapatkan banyak link berkualitas.

18. Untuk mempermudah pengunjung, manfaatkanlah share bookmark yang merupakan layanan untuk melakukan share otomatis dengan artikel yang kita buat agar dibaca oleh banyak pengunjung.

19. Maksimalkan rangking alexa situs anda dengan baik. Apabila blog / website anda memiliki rangking dibawah 100.000 itu sudah merupakan jenjang produktifitas yang baik.

20. Daftarkan blog anda ke directory dmoz.org dan yahoo yang merupakan open directory project paling terkenal.

21. Anda harus aktif sebagai kontributor. Setidaknya anda harus menjadi Contributor untuk akun Google Plus anda dan hubungkan dengan blog / website sehingga akan dapat meningkatkan traffik dan posisi di hasil pencarian.

22. Buat robots.txt pada situs anda. Kegunaannya adalah untuk Pengindeksan, Validasi HTML, Validasi Link, Mirroring, Update Stats, dan sebagai alat untuk mengirim informasi ke search engine.

23. Untuk meletakkan file robots.txt ke server, anda bisa menggunakan software FTP Client. Jangan lupa untuk menggunakan semua huruf kecil.

Beberapa tips seo google diatas dapat mengoptimalkan anda dalam membangun sebuah website. Untuk anda yang masih pemula dapat mencobanya dengan hosting gratis seperti blogger.com , wordpress.com dan lainnya. Silahkan baca cara membuat blog pribadi gratis.

Cara Membuat Efek Zoom pada Gambar

Seperti yang kita ketahui, Photoshop adalah software untuk mengolah, mengedit, dan desain gambar. Berbagai macam efek seperti Brush, Clone Stamp, Magic Blur, Krop, dan sebagainya, tetapi tidak dengan efek zoom di Blogger. Karena efek zoom lebih kepada gambar yang ditampilkan lalu apabila dilihat akan membesar secara otomatis pada blog.

Zoom berfungsi untuk memperbesar atau memperkecil penglihatan sebuah gambar. Dengan memberi efek zoom di gambar artikel kita, maka akan membuat blog kita lebih terlihat menarik dan juga mengurangi berat loading blog apabila menggunakan gambar yang besar.

Cara pembuatannya cukup mudah dan simple, langsung ke tips cara membuatnya. Artikel Cara Merubah Background Blog dengan Gambar dapat anda baca juga.

Cara Membuat Efek Zoom pada Gambar :

1. Login ke akun blogger.com
2. Template >> Edit Html >> Lanjutkan >> Beri centang "Expand Template Widget".
3. Letakkan kode berikut ini tepat diatas kode ]]></b:skin> untuk caranya dengan menekan ctrl+F

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

4. Klik "Simpan Template" dan lihat salah satu postingan blog anda.

Begitulah cara sederhana untuk menampilkan gambar posting membesar apabila tersentuh mouse di blog. Semoga panduan dan tutorial cara membuat efek zoom pada gambar tersebut dapat bermanfaat.