Apa itu Domain Authority dan Page Authority

Apa itu Domain Authority dan Page Authority?

Domain Authority atau yang biasa disebut dengan DA dan Page Authority atau PA merupakan parameter untuk mengukur kualitas seo pada sebuah web. DA dan PA ini lebih tepatnya seperti mesin telusur yang kerjanya mengukur seberapa relevan artikel yang ada pada sebuh website atau blog. Domain Authority dan Page Authority ini memang terbilang baru dibandingkan parameter lain seperti PR dan Alexa Rank, namun akhir akhir ini, skor DA dan PA sangat diperhitungkan. Sebelum bertanya lebih jauh kenapa? Ada baiknya kita pahami satu persatu istilah tersebut.

Arti Domain Authority dan Page Authority

Apa itu DA atau Domain Authority?

Dalam dunia SEO Domain authority digunakan sebagai alat ukur untuk melakukan prediksi terhadap sebuah web atau blog yang tampil di halaman pencarian google ( Google Seacrh Engine ).

Gunanya untuk melihat kekuatan sebuah domain dari waktu kewaktu.

Beberapa faktor yang diperhitungkan dalam penilaian Domain Authority atau Otoritas Domain diantaranya Usia Domain, Popularitas, serta Ukurannnya adalah berupa nilai 1-100. Skor 1 untuk nilai terendah dan 100 untuk nilai tertinggi. Jika ketiga faktor tersebut sudah dimiliki sebuah domain, maka akan berpengaruh untuk mendapatkan ranking tinggi di hasil pencarian seach engine.

Sedikit catatan, kalau menggunakan blogspot sebagai subdomain, maka akan langsung memiliki skor DA diatas 90, biasanya 93. Sedang subdomain wordpress.com skor DA langsung 100!

Apa itu PA atau Page Authority?

Page Authority kalau dalam bahasa Indonesianya adalah Otoritas Halaman. Istilah satu ini gunanya untuk memberikan gambaran probabilitas bahwa halaman tertentu di situs kamu bakal ditemukan dimesin pencari. Skornya gak jauh beda dengan DA yaitu 1-100.

Faktor yang mempengaruh pada Page Authority diantaranya relefansi informasi yang terkandung dengan link dalam halaman si web / blog satu sama lainnya. Nah untuk yang baru belajar main SEO jangan sampe kelupaan untuk perhatiin faktor SEO satu ini.

Lalu bagaimana cara melihat DA dan PA sebuah halaman web? Oke, mudah saja sebenernya. Tinggal masuk ke web MOZ.com atau menggunakan add ons Mozilla Firefox dan extension di Google Chrome.

Oke, Langsung aja ke TKP :

Mozilla Firefox

Download addon Mozbar

Untuk chrome

Download Extension Mozbar

Bagaimana Sobat?

sudah mengerti sekarang, semoga artikel mengenai Apa itu Domain Authority dan Page Authority diatas bisa bermanfat, sekian.

Cara Membuat Thumbnail/Gambar Post Warna Warni

Cara Membuat Thumbnail Post Warna Warni - Beberapa dari kita sebagai seorang blogger pasti selalu ingin mempunyai blog yang mempunyai gaya ketertarikan untuk para pengunjung, pada kesempatan kali ini saya akan memberikan Tutorial bagaimana Cara Membuat Thumbnail Post Warna Warni, sebenarnya tutorial ini sudah ditulis oleh Dian Anarchta didalam blognya dan juga Thumbnail post warna warni ini juga pernah diterapkan pertama kali diblognya KangIsmet.

Langsung saja tanpa berbasa-basi, simak saja caranya berikut ini

Cara Membuat Thumbnail Post Warna Warni :

Hal pertama yang harus kita lakukan adalah membuat  CSS Pembungkus pada gambar yang akan kita gunakan yaitu .thumbnail-post img  yang dibungkus dengan .thumbnail-post

.thumbnail-post { background : #2c3e50; position : absolute; top : 0; left : 0; transition : all 0.15s 0s ease-in-out; float : left; margin : 0; padding : 0; width : 230px; height : 160px; display : block; overflow : hidden; border-radius : 4px; } .thumbnail-post:before { content : ''; position : absolute; top : 75px; right : 0; border-width : 10px 10px 10px 0; border-style : solid solid solid none; border-color : transparent #fff transparent; } .thumbnail-post img { width : 125px; height : 125px; padding : 0; margin : 10px 50px; border-radius : 100px; border : rgba(255, 255, 255, 0.2) solid 5px; border-radius : 100px; } .thumbnail-post img:hover { border : rgba(255, 255, 255, 0.6) solid 5px; }

Berikutnya untuk membuat Thumbnail image tersebut berwarna warna warni kita perlu sedikit sentuhan dengan Javascript

<script type='text/javascript'> //<[![CDATA[ function get_random_color() { var letters = '0123456789ABCDEF'.split(''); var color = '#'; for (var i = 0; i < 6; i++) { color += letters[Math.round(Math.random() * 14)]; } return color; } $(function () { $(".thumbnail-post").each(function () { $(this).css("background", get_random_color()); }); }); //]]> </script>

Pada Tulisan yang berbackground warna warni diatas bisa di ganti dengan Class atau Id lain untuk membuat Background yang berwarna warni. Seeperti contoh .Post

Bagaimana Sobat ??
Mungkin itu saja untuk kesempatan kali ini, Semoga artikel mengenai Cara Membuat Thumbnail Post Warna Warni ini bisa bermanfaat bagi sobat, Selamat mencoba !

Cara Membuat Widget Random Post di Blog

Cara Membuat Widget Random Post di Blog - Pada sebuah blog pastinya membutuhkan widget-widget yang dapat memudahkan pengunjung untuk berselancar di dalam blog yang anda kelola sehingga dapat meningkatkan traffic rank dan membuat para pengunjung betah dengan kemudahan yang diberikan melalui widget-widget yang dipasang pada sidebar blog.

Pada kesempatan kali ini saya akan membagikan bagaimana Cara Membuat Widget Random Post di Blog setelah sebelumnya pernah membuat artikel mengenai Cara Membuat Popular Post Warna Warni, kelebihan dari Random Post ini adalah dengan postingan-postingan yang akan tersusun secara acak dan dapat memperindah tampilan blog anda juga.
Langsung saja kita simak pada tutorial dibawah ini :

Cara Membuat Widegt Random Post :

• Login ke Blogger.com
• Pada menu Dashbord klik menu Tata Letak 
• Kemudian Tambahkan Gadget >  Pilih HTML/Javascript
• Lalu Copy Paste Kode dibawah

<script type="text/javascript">
var randarray = new Array();
var l = 0; var flag;
var numofpost = 10 > ;
function randomposts(json) {
var total = parseInt(json.feed.openSearch$totalResults.$t, 10);
for (i = 0; i < numofpost;) {
flag = 0;
randarray.length = numofpost;
l = Math.floor(Math.random() * total);
for (j in randarray) {
if (l == randarray[j]) {
flag = 1;
}
}
if (flag == 0 && l != 0) {
randarray[i++] = l;
}
}
 document.write('<ul>');
for (n in randarray) {
var p = randarray[n];
var entry = json.feed.entry[p - 1];
for (k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>"; document.write(item);
}
}
}
document.write('</ul>'); }
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000& callback=randomposts" type="text/javascript"></script>

• Kemudian klik Save

Catatan :
Teks var umofpost = 10 >  Merupakan Jumlah Postingan yang akan ditampilkan dan anda bisa menganti sesuai dengan keinginan

Lihat pada Homepage halaman blog anda, bagaimana ???
Selamat Mencoba dan Semoga berhasil.
Cukup sampai disini dulu tutorial Mengenai Cara Membuat Random Post di Blog kali ini, Semoga Bermanfaat dan jika ada yang ingin ditanyakan silahkan berkomentar pada kotak komentar yang telah saya sediakan dibawah ini.

Cara Membuat Pesan diatas Kotak Komentar Blog

Cara Membuat Pesan diatas Kotak Komentar Blog - Pesan diatas kotak komentar blog juga terkadang penting untuk memberi tahu pengunjung yang akan memberi komentar pada form komentar yang kita sediakan, karena bisa jadi pesan komentar tersebut dijadikan pengingat untuk pengunjung yang datang hanya sekedar menyepam saja ,menitipkan link aktif atau hendak berkata-kata kotor didalam form komentar anda yang terkadang jelas menggangu anda, baca juga artikel mengenai Filter/Coret kata kotor dalam komentar blog.
jika anda bertanya memangnya apa pesan yang harus kita pasang pada pesan komentar di atas komentar blog, kebanyakan isi dari sebuah pesan komentar blog adalah seperti gambar di bawah ini :

Mungkin seperti itulah kira-kira bentuk Demo dan penampakannya.
untuk cara membuatnya silahkan simak saja tutorialnya dibawah ini :

Cara Membuat Pesan diatas Kotak Komentar Blog

1. Login ke Blogger.com
2. Pada menu Dashbord klik Template > Edit HTML
3. Cari Kode <p><data:blogCommentMessage/></p> Biasanya terdapat 4, Cari yang ke-2 dan ke-4
   kurang lebih Kodenya seperti dibawah ini :

<p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/><a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Tambahkan kode berikut "diatas" dan "dibawahnya" ( simpan kode diatas ditengah-tengah

<div id='threaded-comment-form'>...kode di atas...</div>

kurang lebih hasilnya seperti berikut

<div id='threaded-comment-form'><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/><a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </div> 

Catatan :

Lakukan langkah diatas pada kode ke-2 dan ke-4. kode ke-2 untuk memunculkan sebelum ada komentar, kode ke-4 untuk memunculkan setelah ada komentar 

Kemudian Cari kode :

document.getElementById(domId).insertBefore(replybox, null);

Ganti dengan kode berikut :

document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null); 

Setelah itu untuk mempercantik tampilan, tambahkan CSS berikut di atas ]]></b:skin>

/*-- Modifikasi Pesan Komentar--*/#threaded-comment-form p {     position: relative;     background: #4085b8;     border: 3px solid #5899c9;     padding: 10px;     font-size: 11px;     line-height: 1.6em;     color: #fff;     margin-top: 10px;     font-size: 11px;border-radius:2px;     }    position: relative;    background: #4085b8;    border: 3px solid #5899c9;    padding: 10px;    font-size: 11px;    line-height: 1.6em;    color: #fff;    margin-top: 10px;    font-size: 11px;border-radius:2px;    }#threaded-comment-form p::after, #threaded-comment-form p::before {     top: 100%;     border: solid transparent;     content: " ";     height: 0;     width: 0;     position: absolute;     pointer-events: none     }    top: 100%;    border: solid transparent;    content: " ";    height: 0;    width: 0;    position: absolute;    pointer-events: none     }    }#threaded-comment-form p::before {     border-top-color: #5899c9;     border-width: 15px;     left: 10%;     margin-left: -35px;     }    border-top-color: #5899c9;    border-width: 15px;    left: 10%;    margin-left: -35px;    }#threaded-comment-form p::after {     border-top-color: #4085b8;     border-width: 10px;     left: 10%;     margin-left: -30px     border-top-color: #4085b8;    border-width: 10px;    left: 10%;    margin-left: -30px     } 

Kemudian klik Simpan Template

Langkah terakhir adalah, mengisi tulisan yang akan kita pasang pada kotak pesan komentar yang telah kita buat, berikut ini caranya :

1. Dashbord > Setelan > Pos dan Komentar, klik Tambahkan, Lihat Gambar dibawah ini 

Tuliskan pesan anda pada kotak isian, jika sudah selesai klik Simpan Setelan di Pojok kanan atas Dashbord anda.
Sekarang Pesan komentar anda sudah muncul, sekian tentang Bagaimana Cara Membuat Pesan diatas Kotak Momentar Blog ini, Semoga Bermanfaat !

Filter/Coret Kata Kotor dalam Komentar Blog

Filter Kata-kata kotor Komentar Blog - Banyak sekali terkadang para blogger yang tidak menyukai artikel yang kita buat, entah apa yang menjadi alasan sehingga dia mengeluarkan kata-kata kotor dalam kotak komentar didalam blog kita yang terkadang membuat sakit hati kita, dan membuat kita sedikit emosi karena kata-kata kotor tersebut.
Untuk itu Pada kesempatan kali ini saya akan membahas bagaimana Cara Filter kata-kata Kotor komentar dalam komentar blog, yang akan saya bagi dalam dua jenis Javascript, tergantung anda ingin menggunakan yang mana, sesuaikan dengan selera dan gaya anda masing-masing.

Filter kata-kata Kotor dalam Komentar Blog

1. Login ke Blogger.com
2. Pada menu Dashbord klik Template > Edit Template
3. Cari kata </body> dan masukkan kode berikut diatasnya

Jika anda ingin Mencoret kata-kata kotor dalam komentar, Gunakan Javascript berikut :

<script type="text/javascript"> //<![CDATA[ function blockNotAllowed(parentID, children) {     var parent = document.getElementById(parentID),         content = parent.getElementsByTagName(children);     for (var i = 0; i < content.length; i++) {         var regex = /(^| |>)(kata1|kata2|kata3|kata4)(<| |$)/g,             html = content[i].innerHTML;         content[i].innerHTML = (regex.test(html)) ? '<del>' + html.replace(regex, "$1<mark>$2</mark>$3") + '</del><br><br>Kata-kata yang ditandai tidak boleh ada di dalam komentar.' : html;     } } blockNotAllowed('comment-holder', 'p'); //]]> </script>

Cara kedua, Jika anda ingin kata-kata kotor dalam komentar blog di ganti dengan "kereeen". Gunakan Javascript berikut ini :
<script type="text/javascript" src='http://kang-is.googlecode.com/svn/trunk/javascript/badwords.js'></script>

     4. Ingat !! letakkan di atas </body> kemudan klik Simpan Template

Sampai disini sekarang kata-kata kotor dalam blog anda sudah terfilter, selamat mencoba dan semoga berhasil untuk Menghilangkan atau Mencoret kata-kata Kotor dalam komentar blog anda, semoga dapat bermanfaat bagi para sahabat yang sedang berjuang melawan para penulis komantator kotor dan jorok dalam komentar blog anda.
Salam Blogger !!

Cara Membuat Popular Posts Warna warni

Cara Membuat Widget Popular Post Warna Warni - Widget Berwarna warni ini sebenarnya saya dapatkan ketika saya melihat Popular post templatenya Evo Magz, Kemudian saya membuat Popular posts yang hampir Mirip namun dengan Versi saya sendiri dan membuatnya lebih menarik dari aslinya .
Widget Popular posts pada dasarnya adalah untuk mengetahu artikel yang favorite yang sering dibaca oleh pengunjung dan tentunya agar menarik pengunjung untuk membuatnya betah dan terus membaca dan mencari di blog sobat, sobat seharusnya membuatnya terlihat menarik seperti Popular Post yang akan saya bahas ini, selain menarik Popular Posts Warna Warni ini tidak memberikan pengaruh terhadap kecepatan blog sobat karena tidak menggunakan tambahan eksternal Script seperti Javascript atau kode HTML.
Widget ini sebenarnya merupakan widget bawaan dari blogger sendiri yang saya modifikasi menggunakan kode CSS yang harus dimasukkan kedalam Dokumen HTML pada template sobat.
Langsung saja kita simak tutorialnya berikut ini :

Cara Membuat Popular Post Warna Warni :

1. Login ke Blogger.com
2. Pada Dashbord blog anda, klik menu Template
3. Pada menu Template, klik Edit HTML, Cari kode ]]><b:skin> atau </style>
4. Tambahkan kode berikut ini tepat diatasnya

.PopularPosts .item-thumbnail { float: left; margin: 0 10px 0 0; }  .PopularPosts img { margin-right: 0.5em; transition: all 0.5s; }  .PopularPosts .item-title { padding-bottom: 0.2em; }  .PopularPosts .item-snippet { color: #fff; }  .item-thumbnail img { border-radius: 100px; padding: 5px; width: 60px; height: 60px; background: rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.2); }  .PopularPosts ul li { position: relative; margin: 5px 0; padding: 5px; border: 0; }  .PopularPosts ul li:first-child { background: #ff4c54; width: 95%; }  .PopularPosts ul li:first-child:after { content: "1"; }  .PopularPosts ul li:first-child + li { background: #ff764c; width: 87%; }  .PopularPosts ul li:first-child + li:after { content: "2"; }  .PopularPosts ul li:first-child + li + li { background: #ffde4c; width: 84%; }  .PopularPosts ul li:first-child + li + li:after { content: "3"; }  .PopularPosts ul li:first-child + li + li + li { background: #c7f25f; width: 81%; }  .PopularPosts ul li:first-child + li + li + li:after { content: "4"; }  .PopularPosts ul li:first-child + li + li + li + li { background: #33c9f7; width: 78%; }  .PopularPosts ul li:first-child + li + li + li + li:after { content: "5"; }  .PopularPosts ul li:first-child + li + li + li + li +li { background: #7ee3c7; width: 75%; }  .PopularPosts ul li:first-child + li + li + li + li + li:after { content: "6"; }  .PopularPosts ul li:first-child + li + li + li + li + li +li { background: #f6993d; width: 72%; }  .PopularPosts ul li:first-child + li + li + li + li + li + li:after { content: "7"; }  .PopularPosts ul li:first-child + li + li + li + li + li + li +li { background: #f59095; width: 69%; }  .PopularPosts ul li:first-child + li + li + li + li + li + li + li:after { content: "8"; }  .PopularPosts ul li:first-child + li + li + li + li + li + li + li +li { background: #c7f25f; width: 66%; }  .PopularPosts ul li:first-child + li + li + li + li + li + li + li + li:after { content: "9"; }  .PopularPosts ul li:first-child:after, .PopularPosts ul li:first-child + li:after, .PopularPosts ul li:first-child + li + li:after, .PopularPosts ul li:first-child + li + li + li:after, .PopularPosts ul li:first-child + li + li + li + li:after, .PopularPosts ul li:first-child + li + li + li + li + li:after, .PopularPosts ul li:first-child + li + li + li + li + li + li:after, .PopularPosts ul li:first-child + li + li + li + li + li + li + li:after, .PopularPosts ul li:first-child + li + li + li + li + li + li + li + li:after { position: absolute; top: 20px; right: -15px; border-radius: 50%; background: #353; width: 30px; height: 30px; line-height: 1em; text-align: center; font-size: 28px; color: #fff; }

• Simpan Template
• Jika anda sudah menambahkan Widget Popupar Posts bawaan blogger, silahkan lihat Homepage Blog anda, dan pastikan Popular post widget anda sudah berubah
• Jika belum, silahkan tambahkan terlebih dahulu pada menu Tata Letak > Tambah Gadget > Entri Popular

Sampai disini sekarang Popular Post blog sobat susah berubah menjadi Warna warni, dan itu akan membuat pengunjung semakin menarik untuk membacanya, jika ada yang ingin sobat tanyakan silahkan berkomentar pada kolom komentar di bawah ini, Semoga Cara Membuat Popular Posts Warna warni ini bisa beranfaat bagi sobat, Terimakasih !

Cara Memasang Lagu Mp3 di dalam Blog

Cara Memasang Lagu Mp3 di dalam Blog - Memasang lagu merupakan trik yang biasa di gunakan seorang blogger untuk membuat pengunjung merasa betah saat melakukan browsing dalam blognya, apalagi untuk blog yang membahas seputar musik, tentunya dengan Memasang  Lagu didalam blognya adalah hal yang mungkin bisa dijadikan sebuah kelebihan tersendiri.
Untuk anda pengguna Blog yang berplatform Blogspot, tentunya kita mempunyai kelebihan tersendiri untuk Memasang lagu didalam blog kita, yaitu dengan menggunakan fitur Gadget atau Widget yang ada dalam Dashbord kita.

Ada dua Metode dalam Cara Memasang Lagu Mp3 di dalam Blog ini, yaitu :

• Cara memasang Lagu Mp3 dalam blog
• Musik Mp3 AutoPlay

Langsung saja Simak Caranya Berikut ini :

Cara Memasang Widget Musik dalam Blog

1. Login ke Blogger.com
2. Pilih blog yang akan di pasang Mp3
3. Klik Tata Letak, Lalu Tambahkan Gadget Pada elemen Blog
4. Anda dapat meletakkan di mana saja Letak Gadget tersebut, sesuai dengan blog anda
5. Lalu Pilih HTML/Javascript
6. Kemudian Masukkan kode Javascript Musik yang dapat anda cari di :
7. Gadget Musik Mp3 Blogger , WidgetBox Media Player
8. Untuk yang WidgetBox diharapkan Melakukan Registrasi terlebih dahulu
9. Anda juga bisa menggunkan kode lagu di bawah ini ( Contoh kode )

Pitbul - Give Me Everything ( Contoh ini menggunakan Divine-music.info )

<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a> <br><br><b> <a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br> <EMBED SRC="http://divine-music.info/musicfiles/01 Give Me Everything (feat. Ne-Yo,.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Cara Memasang Musik AutoPlay

Sama dengan Cara diatas, Cara ini juga menggunakan fitur Widget di dalam blog.
Silahkan ikuti caranya :

1. Dapatkan terlebih dahulu kode lagu yang ingin kita pasang, Bisa menggunakan 4shared.com
2. Download lagu di 4shared tersebut, kemudian klik Pause
3. Copy Link lagunya, kemudian masukkan pada kode yang berwarna merah di bawah ini :

<object data="http://static.4shared.com/flash/player/5.10/player.swf?file=http://dc280.4shared.com/img/3579932921/5703126b/dlink__2Fdownload_2FKjiZNVMe_3Ftsid_3D20130501-163924-ad3a3999_26dsid_3D3n6018.8e0f260b8292b888fbe862a91bd91ef3/preview.mp3&repeat=no&autostart=true" width="0" height="0" type="application/x-shockwave-flash"></object>

4. Simpan semua kode dan letakkan pada widget blog sobat, Caranya sama sepeti yang pertama tadi

Untuk Pengguna Internet Download Manager ( IDM ) anda dapat mengambil url link melalui Software tersebut, dengan Cara berikut, LIHAT GAMBAR

Bagaimana Sobat, Mudah bukan, sekarang Blog anda telah terpasang lagu dan bisa membuat pengunjung ada terlihat asyik dengan lagu tersebut, tetapi tidak semua orang mungkin menyukai lagu yang sobat pasang, sekian mengenai Cara Memasang Lagu Mp3 di dalam Blog, semoga dapat bermanfaat !