Membuat Tooltip Dengan 5 Varian Kategori

Membuat Tooltip Dengan 5 Varian Kategori - Tooltip merupakan komponen grafis dalam user interface (antarmuka pengguna). Komponen ini biasanya muncul ketika pointer mouse diarahkan ke komponen tersebut. Tooltip dapat berisi bantuan, keterangan, kritik, maupun informasi lain yang terkait dengan komponen tersebut. Dengan adanya tooltip ini maka dapat memudahkan pengguna dalam mengetahui fungsi komponen tanpa harus mencobanya terlebih dahulu dan tidak memenuhi tampilan utama aplikasi.

Dan berikut ini adalah tutorial tentang cara membuat tooltip dengan 5 varian kategori, yaitu : Standard tooltip, Critical tooltip, Warning tooltip, Help tooltip, dan Information tooltip. Silahkan langsung saja di ikuti langkah-langkahnya dengan baik dan benar!

1. Login ke akun blogger anda, klik menu Template >> Edit HTML
2. Cari kode ]]></b:skin> (Gunakan Ctr + F untuk mempermudah pencarian)
3. Letakkan kode berikut diatas kode ]]></b:skin> tadi.

.tbi-tooltip { outline: none; cursor: help; position: relative; text-decoration: none; border-bottom: 1px dotted #000; }

.tbi-tooltip span { margin-left: -999em; position: absolute; color: #000; }

.tbi-tooltip:hover span { font-family: Trebuchet MS, Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 250px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 0px 0px 9px #000000; -webkit-box-shadow: 0px 0px 9px #000000; box-shadow: 0px 0px 9px #000000; }

.tbi-tooltip:hover img { border: 0; margin: -10px 0 0 -55px; float: left; position: absolute; }

.tbi-tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; }

.custom { padding: 0.5em 0.8em 0.8em 2em; }

.tbi-general { background: #EDEDED; background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); background: -o-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); background: -ms-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); -webkit-box-shadow: 4px 4px 1px 1px #ccc; box-shadow: 4px 4px 1px 1px #ccc; }

.tbi-critical { border: 1px solid #FF3334; background: #ffccaa; background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2NhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg0ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffccaa 0%, #ff8482 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffccaa), color-stop(100%,#ff8482)); background: -webkit-linear-gradient(top, #ffccaa 0%,#ff8482 100%); background: -o-linear-gradient(top, #ffccaa 0%,#ff8482 100%); background: -ms-linear-gradient(top, #ffccaa 0%,#ff8482 100%); background: linear-gradient(to bottom, #ffccaa 0%,#ff8482 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffccaa', endColorstr='#ff8482',GradientType=0 ); }

.tbi-help { border: 1px solid #2BB0D7; background: #a9e4f7; background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); }

.tbi-info { border: 1px solid #2BB0D7; background: #a9e4f7; background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); }

.tbi-warning { border: 1px solid #FFAD33; background: #f1e767; background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZTc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2JjNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f1e767 0%, #fcbc5d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#fcbc5d)); background: -webkit-linear-gradient(top, #f1e767 0%,#fcbc5d 100%); background: -o-linear-gradient(top, #f1e767 0%,#fcbc5d 100%); background: -ms-linear-gradient(top, #f1e767 0%,#fcbc5d 100%); background: linear-gradient(to bottom, #f1e767 0%,#fcbc5d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#fcbc5d',GradientType=0 ); }

5. Kemudian simpan template anda.

Nahh, sekarang tinggal bagaimana cara menampilkan tooltipsnya, caranya cukup mudah yaitu cukup dengan menambahkan kode berikut sesuai dengan spesifikasi tooltips yang anda inginkan pada bagian HTML editor post.

Untuk menampilkan General Tooltip/Tooltip Standar (Umum) :

<a class="tbi-tooltip" href="http://www.blogger.com/blogger.g?blogID=4544498916210749826#">
TULISKAN TEXT ANDA DISINI
<span class="custom tbi-general">
TULISKAN TOOLTIP ANDA DISINI
</span></a>

Untuk menampilkan Critical Tooltip :

<a class="tbi-tooltip" href="#">
TULISKAN TEXT ANDA DISINI
<span class="custom tbi-critical">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8czpVoXE9idHH6uiw735JUIovVRRvDKtpEuH_5Zv8Q62kiQ-ogMRvVPE9-o7dxJXk0sSOoO_8z7IPLJ6_4cYfesIZZzJd5iW7LcxuGTmeOnyRZ8qjp-KmY4Cs5B5SSMnE-ZJcJEJ7SSY/s48/Critical.png" alt="Error" height="48" width="48" /><em>Critical</em>
TULISKAN TOOLTIP ANDA DISINI
</span></a>

Untuk menampilkan Warning Tooltip :

<a class="tbi-tooltip" href="#">
TULISKAN TEXT ANDA DISINI
<span class="custom tbi-warning">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqmBTj60P5pL3vX9Iml2VVFSrQ1x_S0qpeFnvPrSAVQ_ttXTaXOn1GEHF_eE5Lk9RfrTZSKerVog4B1JQEsfqFYMhRe02yWe1WmjA-4K0lltG9BGmW5RX1VC-ttl8purlvU7z6-TRJM7Y/s48/Warning.png" alt="Warning" height="48" width="48" /><em>Warning</em>
TULISKAN TOOLTIP ANDA DISINI
</span></a>

Untuk menampilkan Help Tooltip :

<a class="tbi-tooltip" href="#">
TULISKAN TEXT ANDA DISINI
<span class="custom tbi-help">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcHszbqrPdGViEi9s-SWpslMDOwCCX_qRVzO5WlA-aavygcTK6rlE2ZfwxXE4JiSPIFGqzhfpD32-DqCTgfsBpu-MmGADTPhbYaMbnoHeE8DV0tcM_9t2UAvkhcUS50xeG8Pbu5Cerz2Q/s48/Help.png" alt="Help" height="48" width="48" /><em>Help</em>
TULISKAN TOOLTIP ANDA DISINI
</span></a>

Untuk menampilkan Information Tooltip :

<a class="tbi-tooltip" href="#">
TULISKAN TEXT ANDA DISINI
<span class="custom tbi-info">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieEhfhfvSTWqi7FrViNV3fd6Idla-CDYq2zGoFQDZNoDczhgLMQOwB7AzPHDUOpD-avnAfPkbSB9xxX79oY9HjiXsCGtVF2EJQyRwUunpIXaUBed2ouDi2aBmbqZlide6TK_DFV8bjZTU/s48/Info.png" alt="Information" height="48" width="48" /><em>Information</em>
TULISKAN TOOLTIP ANDA DISINI
</span></a>

Note :
1. Silahkan ganti tanda # dengan link yang akan di tuju jika text anchornya di klik.
2. Ganti tulisan TULISKAN TEXT ANDA DISINI dengan text yang anda inginkan.
3. Ganti tulisan TULISKAN TOOLTIP ANDA DISINI dengan text yang ingin anda tambahkan.

Akhir kata, cukup sekian tutorial tentang cara membuat tooltip dengan 5 varian kategori ini. Semoga bermanfaat bagi anda, mohon ma'af atas segala kekurangan yang ada. Salam sejahtera by Seputar Ketramilan...

5 Ciri Backlink Berkualitas

Untuk mengembangkan sebuah blog menjadi terkenal, dibutuhkan jumlah kunjungan pembaca yang besar pada blog tersebut. Salah satu sumber untuk mendapatkan banyak kunjungan yaitu kunjungan organik dari mesin pencari. Sekarang, pertanyaannya adalah bagaimana caranya agar blog Anda bisa masuk pada posisi Search Engine Result Page (SERP) yang baik? Satu di antara sekian banyak faktor penting yang mempengaruhinya adalah backlink yang diperoleh blog tersebut.

Sebuah blog lebih baik memperoleh sedikit backlink tetapi berkualitas daripada banyak jumlahnya tetapi tidak berkualitas.

Meskipun backlink yang diperoleh sebuah blog sangat berperan dalam peringkat blog tersebut pada SERP, tetapi kenyataannya banyak blogger yang masih belum tahu seperti apa backlink yang berkualitas itu sendiri. Oleh karena itu, mulai sekarang Anda harus lebih rajin lagi menggali informasi dan berupaya mendapatkan backlink berkualitas untuk mendongkrak PageRank dan peringkat blog pada SERP.

Manfaat backlink

Backlink bermanfaat untuk meningkatkan posisi blog pada SERP. Semakin banyak backlink berkualitas yang diperoleh maka nilai PageRank blog tersebut akan meningkat. Semakin tinggi nilai PageRank yang diperoleh maka posisi blog pada SERP pun akan semakin baik. Semakin baik posisi blog pada SERP akan membuat potensi kunjungan pembaca pada blog menjadi semakin bertambah banyak. Sehingga, semakin banyak kunjungan pembaca pada sebuah blog akan menjadikan blog tersebut semakin terkenal dari waktu ke waktu.

Ciri backlink berkualitas

Seperti apa sih ciri backlink berkualitas yang dapat meningkatkan posisi blog tersebut pada SERP?

1. Berasal dari blog dofollow.
Blog dofollow adalah blog yang memberikan backlink kepada setiap link yang tercantum pada halaman blog tersebut, seperti link pada komentar, link pada blogroll, hingga link pada widget yang digunakan. Untuk penjelasan lebih lengkap tentang blog dofollow, baca artikel Blog Dofollow Vs Blog Nofollow.

2. PageRank tinggi.
Jika ada sebuah blog yang menerima backlink dari blog dengan PageRank tinggi maka bisa dipastikan jika backlink yang diterima tersebut adalah sebuah backlink yang berkualitas. Kebanyakan blog berPageRank tinggi bersifat dofollow karena mereka ingin memanfaatkan PageRank tersebut untuk menjaring banyak komentar dari pembaca. Dengan demikian, untuk mendapatkan backlink berkulitas, Anda hanya perlu berburu blog dengan PageRank tinggi dan bersifat dofollow kemudian rajin berkomentar serta meninggalkan link blog pada profil komentar tersebut.

3. Tema relevan.
Backlink berkualitas yang diterima oleh sebuah blog juga harus berasal blog lain dengan topik pembahasan yang sama. Dengan relevansi topik yang sama akan membuat robot mesin pencari semakin mudah dalam mengelompokan blog penerima backlink sebagai blog rujukan terpercaya sehingga dapat meningkatkan posisinya pada SERP.

4. Anchor text benar.
Sebuah backlink yang diterima oleh sebuah blog harus berasal dari susunan anchor text dan URL blog yang benar. Misalkan blog A ingin memberikan backlink pada blog yang beralamatkan di panduan-belajar-blog.blogspot.com. Untuk itu, backlink yang diberikan harus menggunakan anchor text sesuai dengan URL blog tersebut yaitu Panduan Belajar Blog, bukan Ide blog, Cara blog, Tutorial blogging, Belajar blog, Ilmu blog, dan lainnya yang tidak sesuai.

5. Penempatan backlink.
Kualitas backlink yang diterima sebuah blog juga ditentukan oleh letak penempatan backlink pada blog pemberi backlink. Hal ini karena penempatan backlink pada posisi yang benar akan memudahkan robot mesin pencari dalam menelusuri dan mengindeks URL blog yang dicantumkan. Idealnya, backlink yang baik ditempatkan pada halaman depan blog dan berada pada bagian sidebar.

Backlink yang berkualitas perlu dimiliki oleh sebuah blog jika ingin memiliki posisi SERP yang baik. Untuk mendapatkannya, Anda bisa rajin berkomentar pada blog dofollow hingga meminta para pembaca setia untuk memberikan backlink pada blog Anda dari blog mereka. Apakah selama ini Anda sudah mendapatkan backlink berkualitas yang cukup berdasarkan kriteria di atas?

5 Situs Penyedia Layanan Scan Pada Blog

Fakta menyebutkan jika internet merupakan media penyebaran virus, malware, spyware, dan program jahat lain terbesar di dunia. Melalui internet, seorang yang berniat jahat dapat dengan mudah menyusupkan program jahat pada blog untuk mencelakai pengguna internet lainnya. Oleh karena itu, Anda sebagai pengguna internet yang baik wajib berhati-hati ketika hendak mengunjungi sebuah blog apalagi yang belum dikenal dan diragukan reputasinya.

Meskipun tindakan preventif sering disosialisasikan dalam bentuk internet yang sehat, tetapi pada kenyataannya kebanyakan pengguna internet tidak pernah mau tahu latar belakang blog yang mereka kunjungi. Apakah blog itu mengandung program jahat yang berbahaya atau tidak, mereka tetap cuek karena fokus perhatiannya sudah tertuju pada informasi konten blog yang diberikan. Selain itu, alasan ketidakpraktisan juga ditengarai sebagai salah satu penyebab banyak orang tidak mau ribet melakukan internet sehat secara aman. Jika sudah demikian, jangan menyesal jika nantinya komputer Anda terkena program jahat yang bisa menggangu bahkan merusak kinerja komputer yang digunakan tersebut.

Scan pada blog perlu dilakukan untuk memastikan keamanannya terutama pada blog yang baru saja dikunjungi dan diragukan kredibilitasnya.

Manfaat scan blog

Untuk mencegah kejadian seperti itu menimpa diri Anda, sebaiknya lakukan scan terhadap blog yang hendak dikunjungi. Anda mungkin tidak perlu selalu melakukan scan terhadap setiap blog yang akan dikunjungi. Minimal tindakan preventif ini dilakukan ketika Anda hendak mengunjungi blog yang baru pertama kali dikunjungi dan kurang yakin dengan keamanannya.

Melakukan scan terhadap sebuah blog memiliki manfaat penting bagi pemilik dan pengunjung blog tersebut. Apa saja manfaatnya?

1. Pemilik blog.
Pemilik blog perlu melakukan scan terhadap blog yang dimilikinya untuk memastikan keamanan bagi setiap pembaca yang mengunjunginya. Dengan adanya keamanan blog yang terjamin akan semakin menarik minat banyak pengunjung untuk mengunjungi blog karena mereka tidak merasa khawatir dengan dampak negatif setelah mengunjungi blog Anda tersebut.

2. Pembaca blog.
Pada posisi sebagai pembaca blog, Anda wajib melakukan scan pada blog yang akan dikunjungi untuk memastikan tidak ada program jahat dalam blog tersebut dan berbahaya bagi komputer. Dengan demikian, kegiatan berkunjung dan membaca konten pada sebuah blog akan terasa nyaman dan tanpa beban karena tidak khawatir lagi terhadap ancaman infeksi program jahat seperti virus, spyware, malware, dan lainnya.

Situs untuk scan blog

Beberapa situs yang dapat Anda gunakan untuk melakukan scan terhadap sebuah blog secara online antara lain sebagai berikut.

1. Norton Safe Web

2. Sucuri SiteCheck

3. AVG ONLINE WEB PAGE SCANNER

4. Virus Total

5. URL Void

Sudahkah Anda melakukan scan pada blog demi keamanan kegiatan browsing yang dilakukan? Silakan beri masukan terhadap artikel saya melalui komentar di bawah ini.

Apa Saja Tips Untuk Meningkatkan Penghasilan dari Adfly ?

Bisnis online semakin berkembang seiring dengan pesatnya perkembangan teknologi informasi di dunia. Di internet, Anda dapat menemukan beragam metode bisnis online yang dapat dikerjakan seperti jualan produk, program affiliasi, paid review, layanan iklan, hingga survey online. Beragam bisnis online yang ada di internet juga semakin membuka peluang Anda untuk mendapatkan penghasilan darinya. Akan tetapi, Anda perlu waspada karena tidak semua bisnis online itu jujur!

Banyak oknum nakal yang memanfaatkan kesempatan ini untuk berbuat curang dengan menipu konsumennya. Sebuah trik bisnis online yang terbukti menipu disebut scam. Oleh karena itu, Anda harus berhati-hati dalam memilih metode dan pengelola bisnis online yang diikuti.

Adfly merupakan salah satu layanan yang memberikan Anda penghasilan layaknya bisnis online pada umumnya. Meski penghasilan yang diterima tergolong sangat kecil, tetapi layanan Adfly dapat dicoba untuk belajar bagaimana cara menghasilkan uang dari internet.

Kelebihan Adfly

Layanan Adfly sangat mudah digunakan, baik user interface-nya maupun cara kerjanya. Anda hanya perlu memperpendek sebuah link dan kemudian menyebarkannya di internet. Pendaftaran Adfly juga tidak dipungut biaya. Selain itu, Adfly adalah salah satu bisnis online yang jujur karena terbukti membayar penggunanya ketika sudah mencapai batas jumlah pembayaran tertentu.

Pendaftaran dan cara kerja Adfly

Untuk melihat proses pendaftaran dan cara kerja Adfly silakan kunjungi halaman Cara Daftar Adfly untuk membaca tutorialnya.

Mengoptimalkan penghasilan Adfly

Bagaimana cara meningkatkan penghasilan dari Adfly?

1. Sebarkan url pada tempat dengan topik yang sama.
Anda dapat menyingkat url halaman blog menggunakan Adfly dan menyebarkannya pada halaman blog orang lain yang memiliki topik sama dengan topik blog Anda. Kesamaan topik akan lebih mempermudah pembaca untuk mengklik url Anda tersebut. Selain itu, Anda juga lebih mudah menempatkan url agar lebih relevan antara url pada halaman yang dituju dengan halaman ditempatkannya url tersebut.

2. Sebarkan url pada tempat yang ramai.
Anda bisa menyebarkan url singkatan Adfly pada milist, forum, dan jejaring sosial yang banyak dikunjungi orang. Semakin banyak pengunjung yang datang maka semakin besar pula peluang url tersebut diklik.

3. Sebarkan url pada negara dengan bayaran tinggi.
Ingat, tidak semua negara memberikan jumlah bayaran yang sama untuk setiap satu klik url yang telah disingkat menggunakan Adfly. Hal ini karena Adfly sudah menetapkan sebuah payout rates untuk setiap negara berdasarkan peluang tercapainya tujuan iklan pada Adfly. Negara yang penduduknya berpeluang besar menggunakan produk jasa atau barang yang diiklankan akan memiliki jumlah payout rate tinggi. Klik payout rates untuk melihat informasi selengkapnya.

4. Sebarkan banyak url.
Sebarkan banyak url yang sudah disingkat menggunakan Adfly. Semakin banyak url singkatan yang tersebar di berbagai tempat maka penghasilan Anda pun akan semakin bertambah.

5. Berikan kalimat persuasif.
Tuliskan kalimat persuasif pada saat Anda meletakan url yang telah disingkat menggunakan Adfly. Kalimat persuasif ini berguna untuk mempengaruhi dan mengajak pembaca agar bersedia mengklik url sesuai arahan yang diberikan.

6. Berikan petunjuk penggunaan.
Karena url yang disingkat menggunakan Adfly akan menampilkan halaman iklan selama 5 detik dan tidak langsung menuju halaman sebenarnya, berikanlah petunjuk tulisan agar pembaca tidak merasa bingung setelah mengklik url tersebut. Petunjuk yang benar akan memudahkan pembaca untuk mengunjungi halaman yang sebenarnya dan menghindari kesalahpahaman.

7. Gunakan url dari halaman blog yang bermanfaat.
Pastikan Anda memberikan manfaat pada halaman yang urlnya disingkat menggunakan Adfly untuk dibagi-bagikan kepada orang lain. Selain untuk niat berbagi, pemberian halaman yang bermanfaat juga mampu menjaga kepercayaan pembaca kepada Anda agar mereka tidak kecewa dan bersedia mengklik url yang diberikan lagi pada kesempatan berikutnya.

Apakah saat ini Anda juga sebagai pengguna Adfly? Jika iya, bagaimana pengalaman Anda selama menggunakannya selama ini? Jika belum pernah mencoba, silakan gunakan Adfly sebagai salah satu sumber penghasilan Anda di internet. Saya tunggu tanggapan Anda lewat komentar di bawah ini.

Inilah 6 Trik SEO Yang Saya Lakukan Saat Publikasi Konten Blog

Pernahkah Anda menggunakan trik SEO saat mempublikasikan konten blog? Jika pernah, sudah sampai sejauh mana trik SEO yang Anda gunakan? Sekarang ini banyak beredar tutorial SEO di internet. Banyak di antara tutorial tersebut yang memberikan penjelasan bagaimana optimalisasi kinerja blog lewat SEO yang benar. Akan tetapi, mungkin hal itu justru membuat Anda menjadi bingung karena banyaknya tutorial SEO yang bervariatif.

Jika memang demikian, trik SEO seperti apa yang benar-benar bisa meningkatkan peringkat blog Anda pada SERP? Saya pun tidak bisa memastikan karena trik SEO selalu berkembang setiap saat seiring perkembangan algoritma pencarian yang digunakan oleh mesin pencari. Meskipun demikian, secara umum trik SEO dibagi menjadi dua, yaitu trik SEO on page dan trik SEO off page.

SEO on page

Trik SEO yang paling mudah digunakan adalah trik SEO on page karena cara kerja trik ini berupa pengoptimalan unsur-unsur di dalam blog Anda agar lebih SEO friendly tanpa terpengaruh oleh unsur di luar blog. Saya biasanya menggunakan trik SEO on page sebelum menerbitkan konten blog.

Trik SEO pada publikasi konten blog

Trik SEO apa saja yang biasanya saya gunakan ketika hendak mempublikasikan sebuah konten pada blog?

1. Permalink URL SEO.
Ketika mempublikasikan konten blog pada blogspot, jumlah karakter yang diperbolehkan sebagai URL halaman blog terbatas. Sementara itu, URL halaman blog selalu mengikuti karakter dari judul halaman blog yang ditulis. Oleh karena itu, Anda membutuhkan permalink URL yang SEO. Misalnya Anda akan menerbitkan konten berjudul Inilah 6 Trik SEO Yang Saya Lakukan Saat Publikasi Konten Blog. Gunakanlah permalink URL yang lebih ringkas seperti SEO pada publikasi konten blog sehingga URL halaman konten blog tersebut menjadi http://seputarketrampilan.blogspot.com/2013/04/seo-pada-publikasi-konten-blog.html.

2. Keyword dengan format heading.
Pecah isi materi dalam konten blog ke dalam beberapa kerangka isi. Setelah itu, tulis kerangka isi materi tersebut menggunakan format heading. Misalnya Anda membuat konten bertopik khasiat buah pisang. Pecah topik khasiat buat pisang tersebut menjadi beberapa kerangka isi seperti pengenalan buah pisang, kandungan vitamin buah pisang, khasiat buah pisang, hingga penyajian menu masakan menggunakan buah pisang yang ditulis dalam format heading.

3. Deskripsi konten blog.
Masukan deskripsi singkat tentang isi materi konten blog yang Anda buat. Deskripsi ini akan muncul pada SERP dan berguna sebagai penjelasan bagi calon pembaca yang hendak mengunjungi blog Anda.

4. Cetak tebal, miring, dan garis bawah pada keyword.
Tetapkan keyword pada tulisan konten blog yang Anda buat. Setelah itu, beri tanda cetak tebal, miring, dan garis bawah pada keyword tersebut untuk memberi penekanan sehingga pembaca dan robot mesin pencari akan menganggap itu penting. Akan tetapi, gunakan keyword yang sewajarnya agar konten blog tersebut tidak dicap sebagai konten spam.

5. Optimalisasi gambar.
Silakan klik link Tips Optimalisasi SEO Pada Gambar untuk melihat ulasan mengenai trik tersebut.

6. Internal linking.
Usahakan untuk menautkan sebuah link pada konten blog yang mengarah pada halaman lain di blog Anda. Dengan adanya internal linking yang ada di dalam blog akan membuat distribusi PageRank dari halaman depan merata ke semua halaman lainnya. Selain itu, internal linking juga memudahkan pembaca dan robot mesin pencari untuk menelusuri setiap halaman yang ada di blog Anda.

Ada tambahan untuk postingan saya kali ini? Apakah Anda sudah pernah mempraktikan semua trik SEO di atas? Silakan berbagi masukan dan tanggapan lewat komentar di bawah ini.

Cara Pasang Widget Google+ Di Blog

Sebagian besar pengguna internet pasti sudah tahu apa itu Google+. Google+ merupakan salah satu social network yang dibuat oleh Google. Pada awal pembuatannya, Google+ diciptakan untuk menyaingi kepopuleran Facebook sebagai social network yang paling banyak digunakan orang di dunia.

Manfaat Google+ bagi blog

Penggunaan Google+ sangat bermanfaat bagi blogger dalam memajukan kinerja blog miliknya. Anda bisa menggunakan Google+ untuk membangun sebuah komunitas yang pada akhirnya dapat digunakan sebagai media potensial dalam mempromosikan blog. Selain itu, Google juga pernah memberitahukan resep jika semakin banyak rekomendasi kepada publik di Google melaui tombol Google+ untuk sebuah halaman blog maka peringkat halaman blog tersebut untuk muncul di Search Engine Result Page (SERP) akan semakin tinggi. Sangat bermanfaat bagi SEO bukan?

Nah, untuk itu ada baiknya Anda memiliki banyak teman pada jaringan Google+ guna mendongkrak kinerja blog yang dimiliki. Salah satu cara termudah untuk mendapatkan banyak teman dalam jaringan Google+ yaitu menampilkan widget Google+ pada blog yang Anda miliki. Pengunjung blog akan mudah melihat, mengetahui, dan mengenali keberadaan akun Google+ Anda. Dengan demikian, peluang untuk mendapatkan banyak teman dalam jaringan Google+ pun semakin besar.

Cara memasang widget Google+ pada blog

Bagaimana cara memasang widget profil Google+ pada halaman blog milik Anda? Mudah. Ikuti saja langkah-langkah yang saya berikan berikut ini.

1. Pastikan Anda sudah mendaftar dan memiliki akun di jaringan Google+. Usahakan email yang digunakan untuk daftar Google+ dan daftar blogspot adalah sama.
2. Masuk akun blogger > dasbor > tata letak > tambahkan gadget > pilih pengikut Google+.
3. Atur konfigurasi tampilan pengikut Google+ sesuai keinginan > simpan.

Agar jumlah pertemanan cepat bertambah, tempatkan widget tampilan pengikut Google+ Anda tersebut pada bagian halaman blog yang strategis seperti sidebar bagian atas. Selain itu, beri juga kalimat persuasif berisi ajakan kepada para pembaca untuk menambahkan Anda ke dalam lingkaran pertemanan mereka masing-masing. Mudah bukan?

Silakan berkomentar. Semua masukan, tanggapan, dan pertanyaan bisa Anda bagikan kepada saya dan pembaca lain pada komentar di bawah ini.

Mengenal Fitur Jump Break Pada Blogspot

Saat menggunakan blog, apakah Anda pernah berpikir untuk meringkas tampilan posting blog supaya hanya sebagian saja yang muncul di halaman depan? Jika pernah, pasti Anda sudah menggunakan fasilitas read more untuk melakukannya. Bagi pengguna blogspot pemberian fasilitas read more memang agak merepotkan karena harus menambahkan kode HTML pada template meski sekarang sudah banyak pembuat template blogspot yang menambahkan fasilitas read more secara otomatis di dalam template buatannya. Jika Anda ingin memiliki fasilitas read more tanpa perlu susah payah menambahkan kode HTML, saya punya solusinya. Ya, caranya dengan menggunakan fitur Jump Break pada blogspot.

Cara kerja Jump Break
Fitur jump break bekerja memotong sebagian isi postingan di halaman depan blog layaknya sebuah read more. Sehingga, tampilan postingan yang muncul hanya sebagian saja dan untuk memunculkan isi seluruhnya harus mengklik tulisan read more. Penggunaan read more ala blogspot ini bermanfaat untuk menghemat ruang di halaman depan blog.

Kelebihan dan kekurangan Jump Break
Fitur jump break memiliki kekurangan karena Anda harus menggunakan fitur ini secara manual untuk memotong isi postingan pada halaman depan blog. Cara ini tidak sepraktis penggunaan read more yang otomatis akan memotong isi postingan dengan batas jumlah karakter yang bisa diatur, sehingga Anda hanya perlu menuliskan isi postingan saja. Akan tetapi, jump break juga memiliki kelebihan karena Anda tidak perlu memasang kode HTML read more yang agak rumit pada template blog.

Cara penggunaan Jump Break
Saat Anda berada pada tampilan publikasi entri, masukan isi postingan yang akan dipublikasikan terlebih dahulu. Setelah itu, arahkan kursor pada bagian tulisan yang akan dipotong. Klik ikon jump break, selesai. Isi postingan Anda siap untuk di publikasikan.

Anda juga bisa mengubah anchor text dari jump break sesuai keinginan. Caranya, dasbor>tata letak>perhatikan bagian postingan blog> edit> ubah anchor text jump break sesuai keinginan.

Penggunaan jump break sangat cocok bagi Anda yang masih menggunakan template bawaan blogspot dan kurang pahaman dengan penambahan kode HTML read more. Ada tanggapan untuk post saya kali ini? Silakan disampaikan lewat komentar.