Friday, 25 April 2014

Cara Menautkan blog dengan Akun Google Analitycs

Akun Google Analitycs

Setelah sobat Mis.X mendaftarkan blog ke Google Webmaster Tools langkah penting yang selanjutnya adalah membuat akun Google Analitycs. Bagi sobat yang belum mendaftarkan blognya ke Google Webmaster Tools, bisa baca postingan yang kemarin Mis.X share tentang Cara Mendaftarkan Blog ke Google Webmaster Tools.
Google Analitycs sendiri ialah Tools gratis yang disediakan oleh om Google ini berguna untuk memonitor trafik yang mengunjungi blog kita. Untuk itu Mis.X akan berbagi cara membuat dan menautkan akun Google Analitycs pada blog sobat. Simak baik-baik ya caranya biar sobat tidak bingung.


Cara Membuat Akun Google Analitycs pada Blogspot
GAMBAR 1
Cara Membuat Akun Google Analitycs pada Blogspot
GAMBAR 2

Cara Membuat Akun Google Analitycs


  1. Login ke Google Webmaster Tools
  2. Pilih blog yang akan sobat buat Akun Google Analitycs
  3. Klik icon setting (seperti gambar no.1 di atas)
  4. Klik Properti Google Analitycs
  5. Klik Buat akun Google Analitycs
  6. Selanjutnya akan muncul Tab baru
  7. Klik pada Sign up
  8. Kemudian isi:
    Account Name: Nama akun.
    Website Name: Nama dari blog sobat.
    Website URL: Alamat url blog sobat.
    Industry Category: Pilih yang sesuai dengan kriteria blog sobat.
    Reporting Time Zone: Pilih Negara domisili.
  9. Selanjutnya klik Get Tracking ID
  10. Maka akan muncul Tab Persetujuan dan klik I Accept
  11. Silahkan copy ID sobat (ID seperti gambar no.2)
    Caranya: Masuk ke Dashboard Blog sobat -> Setelan -> Lainnya -> Google Analitycs dan pastekan ID sobat pada kolom yang tersedia kemudian Simpan Setelan.
  12. Selanjutnya kita kembali ke tahap no.1, 2, 3 dan 4
  13. Lalu klik pada nama akun yang baru sobat buat
  14. Kemudian klik save dan OK.
  15. Selanjutnya akan muncul pesan baru pada Google Webmaster Tools yang isinya bahwa situs sobat telah terkait dengan google analitycs


Begitulah "Cara Membuat dan menautkan blog dengan Akun Google Analitycs". Bagaimana sobat blog Mis.X, mudah bukan?

Read more ...
Penulis: Mis Yuli
Blog Mis.X| Belajar berbagi cara tips dan informasi, Updated at: 02:27
Thursday, 24 April 2014

Informasi Mengenai Pengertian dan Tujuan Teknik SEO

Informasi Mengenai Pengertian dan Tujuan Teknik SEO


Untuk para blogger senior pastinya sudah tak asing lagi dengan istilah/kata SEO. Namun untuk sobat Mis.X yang masih baru dalam duia blogging, mungkin belum paham/mengerti dengan istilah dan tujuan dari penerapan teknik SEO. Nah, untuk itu Mis.X akan memeberikan informasi mengenai Teknik SEO.

Pengertian Teknik SEO


Search Engine Optimization
(Optimasi Mesin Pencari) yang biasa di singkat dengan SEO ini adalah Mengoptimalkan website/blog terhadap mesin pencari.
Pengoptimalan seperti apakah yang dimaksud? yang dimaksud dengan pengoptimalan (optimasi) disini adalah memudahkan si mesin pencari untuk mengindeks (membaca dan mengenali seluruh isi website/blog sobat lebih cepat) sehingga nantinya website/blog sobat bisa tampil pada halaman pertama dan teratas dalam hasil pencarian dari mesin pencari seperti (Google, bing, yahoo, dll) dengan key word (kata kunci) tertentu.
Lalu, bagaimanakah caranya? cara untuk mengoptimalkannya tentu perlu menggunakan teknik-teknik khusus yang harus diterapkan dalam blog. Teknik-teknik khusus inilah yang disebut dengan Teknik SEO.

Di dalam penerapannya sendiri, Teknik SEO terbagi menjadi 2, yaitu: Teknik SEO On Page dan Teknik SEO Off Page. Namun bila dilihat dari caranya, Teknik SEO juga terdiri dari 3 macam atau golongan, yaitu: Teknik White Hat SEO, Teknik Black Hat SEO dan Teknik Grey Hat SEO.

Tujuan Teknik SEO


Tujuan/manfaat dari penerapan Teknik SEO sebenarnya sangat banyak, namun Mis.X akan menjelaskan poin-poin yang umum dan penting saja. Diantaranya:
  • Mendatangkan trafik (pengunjung)
    Seperti pengertian diatas, tujuan teknik SEO yaitu untuk menampilkan blog pada halaman pertama dan teratas dalam halaman pertama mesin pencari. Dengan kata lain, bila blog yang kita miliki tampil pada halaman pertama hasil pencarian mesin pencari, maka peluang untuk didatangi pengunjungpun (trafik) semakin besar'.
  • Menaikan Pagerank (Peringkat blog)Dengan banyaknya pengunjung yang datang, otomatis peringkat blog kita juga akan naik. Dan semakin tinggi peringkat blog kita, maka blog kita pun akan merajai hasil pencarian dari search engine.
  • Meningkatkan penghasilan online
    Bila tujuan website/blog sobat untuk berbisnis online atau menghasilkan rupiah dari blog sobat, mempelajari dan menerapan teknik seo ini menjadi sangatlah penting untuk menunjang kesuksesan bisnis online website/blog sobat. Karena seiring dengan meningkatnya pengunjung dan peringkat pada website/blog sobat, maka semakin banyak pula orang yang melihat bisnis online yang ada pada blog sobat. Namun bagi sobat yang membuat blog hanya untuk sekedar mengisi waktu luang, mempelajari dan menerapkan teknik SEO ini pun penting agar artikel sobat banyak yang membaca. Bukankah suatu kepuasan tersendiri bila artikel yang kita tulis dengan kata-kata kita sendiri bisa dibaca dan bermanfaat untuk orang lain.

Demikian ulasan artikel tentang "Informasi Mengenai Pengertian dan Tujuan Teknik SEO" yang bisa Mis.X sampaikan. Semoga bermanfaat dan memberikan pencerahan bagi sobat yang ingin mempelajarinya.

Read more ...
Penulis: Mis Yuli
Blog Mis.X| Belajar berbagi cara tips dan informasi, Updated at: 19:48
Wednesday, 23 April 2014

Cara membuat artikel terkait otomatis pada blogspot

Cara membuat artikel terkait otomatis pada blogspot


Sobat blog Mis.X, bagaimana belajarnya mengenai isi html template? sudah paham belum. Ya udah sembari memahami, nih Mis.X akan membagikan cara untuk membuat artikel terkait otomatis di bawah postingan sesuai kategori/label pada blogspot. Okeh mari kita simak dan ikuti langkah-langkahnya dengan benar dan teliti yah.

Cara membuat artikel terkait otomatis pada blogspot:

  1. Masuk ke Template.
  2. Kemudian pilih Edit HTML.
  3. Sebelumnya backup dulu Template sobat untuk jaga-jaga bila terjadi kesalahan.
  4. Cari kode <data:post.body/> (gunakan Ctrl+F untuk memudahkan pencarian)
  5. Bila sudah ketemu, mungkin sobat akan menemukan lebih dari satu kode <data:post.body/>
  6. Menurut uji coba Mis.X, pilih kode <data:post.body/> yang paling bawah/akhir.
  7. Selanjutnya copy script kode di bawah ini.
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='similiar'>
        <div class='widget-content'>
        <br/>
        <br/>
        <br/>
        <h4>Artikel Terkait:</h4>
        <div id='data2007'/><br/><br/>
        <script type='text/javascript'>
        var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
        var maxNumberOfPostsPerLabel = 4;
        var maxNumberOfLabels = 10;
        maxNumberOfPostsPerLabel = 100;
        maxNumberOfLabels = 3;
        function listEntries10(json) {
        var ul = document.createElement(&#39;ul&#39;);
        var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
        json.feed.entry.length : maxNumberOfPostsPerLabel;
        for (var i = 0; i &lt; maxPosts; i++) {
        var entry = json.feed.entry[i];
        var alturl;
        for (var k = 0; k &lt; entry.link.length; k++) {
        if (entry.link[k].rel == &#39;alternate&#39;) {
        alturl = entry.link[k].href;
        break;
        }
        }
        var li = document.createElement(&#39;li&#39;);
        var a = document.createElement(&#39;a&#39;);
        a.href = alturl;
        if(a.href!=location.href) {
        var txt = document.createTextNode(entry.title.$t);
        a.appendChild(txt);
        li.appendChild(a);
        ul.appendChild(li);
        }
        }
        for (var l = 0; l &lt; json.feed.link.length; l++) {
        if (json.feed.link[l].rel == &#39;alternate&#39;) {
        var raw = json.feed.link[l].href;
        var label = raw.substr(homeUrl3.length+13);
        var k;
        for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
        var txt = document.createTextNode(label);
        var h = document.createElement(&#39;b&#39;);
        h.appendChild(txt);
        var div1 = document.createElement(&#39;div&#39;);
        div1.appendChild(h);
        div1.appendChild(ul);
        document.getElementById(&#39;data2007&#39;).appendChild(div1);
        }
        }
        }
        function search10(query, label) {
        var script = document.createElement(&#39;script&#39;);
        script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
        + label +
        &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
        script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
        document.documentElement.firstChild.appendChild(script);
        }
        var labelArray = new Array();
        var numLabel = 0;
        <b:loop values='data:posts' var='post'>
        <b:loop values='data:post.labels' var='label'>
        textLabel = &quot;<data:label.name/>&quot;;
        var test = 0;
        for (var i = 0; i &lt; labelArray.length; i++)
        if (labelArray[i] == textLabel) test = 1;
        if (test == 0) {
        labelArray.push(textLabel);
        var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
        labelArray.length : maxNumberOfLabels;
        if (numLabel &lt; maxLabels) {
        search10(homeUrl3, textLabel);
        numLabel++;
        }
        }
        </b:loop>
        </b:loop>
        </script>
        </div>
        </div>
        </b:if>
  8. Lalu pastekan tepat di bawah kode <data:post.body/>
  9. Silahkan pratinjau terlebih dahulu.
  10. Bila tidak terjadi kesalahan baru di save.

Nah itulah "Cara membuat artikel terkait otomatis pada blogspot". Semoga tips, cara dan informasi dari Blog Mis.X bermanfaat untuk sobat.

Read more ...
Penulis: Mis Yuli
Blog Mis.X| Belajar berbagi cara tips dan informasi, Updated at: 03:51

Belajar Mengenai Isi HTML Template Blogspot.

Belajar Mengenai Isi HTML Template Blogspot.


Setelah sobat Mis.X membuat blog, pastinya sobat harus mengelolanya dengan baik supaya bisa memiliki banyak pengunjung. Selain membuat konten-konten yang berkualitas, sobat Mis.X juga perlu melakukan
optimasi-optimasi terhadap blog agar blog sobat lebih mudah di indeks oleh Search Engine. Namun, di dalam mengoptimasi sebuah blog, tentu nantinya sobat akan berhadapan dengan pengeditan HTML yang bersarang pada Template blog sobat. Untuk itu Mis.X akan sedikit mengulas mengenai isi HTML Template Blogspot.
Menurut wikipedia, pengertian dari Hyper Text Markup Language atau biasa disebut HTML adalah "Sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegeras. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML".

Nah, di dalam HTML Template blogspot sendiri, susunan defaultnya akan seperti ini:


<html>
XML (eXtensible Markup Language)
<head>
Titel dan meta data
Variable Definitions
Script
CSS (Cascading Style Sheet)
</head>

<body>
Seluruh dokumen yang ditampilkan
</body>

</html>


Sedikit penjelasan dari element kode-kode diatas:

  • Setiap kode di awali dengan Tag pembuka <...> dan diakhiri dengan Tag penutup </...>
  • Tag HTML <html>...<html> merupakan desain awal untuk membuat template atau desain website yang di dalamnya berisi semua element xml/html.
  • Untuk letak CSS berada diantara <b:skin><![CDATA[ Kode CSS disini letaknya </b:skin>
  • Untuk letak Javascript berada diantara </b:skin> Kode JavaScript dan Jquery disini letaknya </head>
  • Kalau ada kode CSS lainnya didalam, letakan dibawah kode CSS tersebut.
    Contoh:
     </b:skin>
    <style type='text/css'>
    .....
    .....
    </style>
    Letakkan disini
    </head>
  • Perlu diingat, kode JQuery Library atau induk JQuery harus selalu berada diatas kode JavaScript dan anak JQuery lainnya.
    Contoh induk JQuery seperti ini :
    <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' />


Bagaimana sobat Mis.X..? Udah mudeng apa malah jadi Puyeng :-D hehehehe... Buat yang masih puyeng, santai aja... silahkan di baca perlahan dan di pahami sampai mudeng biar nanti kedepannya tidak nyasar :-P

Sekian dulu yah sobat blog Mis.X untuk ulasan artikel "Belajar Mengenai Isi HTML Template Blogspot".

Read more ...
Penulis: Mis Yuli
Blog Mis.X| Belajar berbagi cara tips dan informasi, Updated at: 03:11
Tuesday, 22 April 2014

Cara Mendaftarkan Blog ke Google Webmaster Tools

Google Webmaster Tools itu apa sih?

Google Webmaster Tools adalah tools yang selalu digunakan para blogger dan master-master SEO untuk membantu dalam mengoptimasi sebuah blog loh. Tools yang sangat penting ini juga disediakan gratis oleh om google sebagai alat monitor perkembangan blog maupun untuk menganalisa kesehatan blog. Sobat hanya perlu mendaftarkan blog sobat dan sobat akan mendapatkan banyak sekali keuntungan dari fitur-fitur yang tersedia di halaman Webmaster Tools. Rugi banget kalo sobat Mis.X gak daftar. Makanya ayo buruan daftarin blognya ke Google Webmaster Tools.

Cara Mendaftar Google Webmaster Tools

Berikut langkah-langkah mendaftarkan blog ke google webmaster tools:

  • Silahkan sobat buka https://www.google.com/webmaster/tools/
  • Sign in dengan akun Gmail yang digunakan untuk membuat blog sobat.
  • Setelah Sign in, maka semua blog sobat yang terdaftar pada blogger akan langsung ditampilkan.
  • Jika ada blog yang belum terdaftar (masih sangat baru), sobat masukan url blog sobat dan klik add site. (untuk pengguna blogger biasanya sudah otomatis terverifikasi kepemilikannya).
  • Silahkan klik url blog yang akan sobat optimasi.

Bila sobat ingin mengecek maupun menguatkan verifikasi kepemilikan blog sobat, berikut caranya:

  • Silahkan sobat masuk blog sobat yang akan di cek. (klik url blog pada halaman home Webmaster Tools).
  • Klik icon yang ada di pojok kanan atas (sebelah kanan kata Bantuan).
  • Pilih Detail verifikasi.
  • Maka akan muncul halaman tentang cara verifikasi kepemilikan blog sobat dilakukan.
  • Dan bila sobat ingin menguatkan kepemilikan blog sobat, sobat bisa menambahkan verifikasi dengan metode yang berbeda. Silahkan sobat pilih Verifikasikan dengan menggunakan metode yang berbeda dan ikuti setiap perintah (petunjuk) yang ada dalam setiap metode verifikasi yang sobat inginkan.
Sedikit catatan:
  1. Untuk mengganti bahasa pada Google Webmaster Tools ke bahasa Indonesia bisa mengganti url yang tadinya, https://www.google.com/webmasters/tools/home?hl=en menjadi in
  2. Semakin banyak sobat menambah verifikasi kepemilikan blog sobat, maka akan semakin lebih baik.

Berhubung Mis.X sudah capek ngetik jadi sekian dulu "Cara Mendaftarkan Blog ke Google Webmaster Tools". Terus ikuti cara, tips dan informasi dari Blog Mis.X.. Okeeeyy :-D

Read more ...
Penulis: Mis Yuli
Blog Mis.X| Belajar berbagi cara tips dan informasi, Updated at: 20:24