Blogging: January 2014

Saturday, 25 January 2014

Mendaftarkan Blog di Alexa

By: Unknown on Saturday, January 25, 2014

Selamat malam, kawan. Seperti janji saya pada postingan sebelumnya tentang Apa itu Alexa Rank?, pada postingan kali ini saya ingin membagikan tutorial bagaimana mendaftarkan blog kita ke Alexa.

Sebelum mendaftar, pastinya harus punya akun dulu agar bisa mendaftarkan blog kita. Bagaimana caranya? Ikuti langkah-langkah di bawah ini:

1. Buka www.alexa.com, kemudian sign up.

2. Selanjutnya buka e-mail kawan untuk mengkonfirmasi pendaftaran, klik link yang ada di dalam e-mail. Nantinya akan otomatis diarahkan ke laman alexa.

3. Setelah itu, klik tab "Claim" pada laman alexa, atau klik alamat ini www.alexa.com/siteowners/claim

4. Pada kolom yang tersedia, masukkan alamat blog/situs kawan. (Lihat gambar di bawah)

5. Kemudian ada pilihan beberapa paket, pilih paket "FREE".

6. Kita akan diberikan dua cara untuk memverifikasi blog/situs, saya sarankan pilih cara yang ke dua, karena lebih mudah. (Lihat gambar)

7. Setelah itu, buka template dan copy+paste kode yang diberikan di bawah <head> dan klik Save template.

8. Kemudian kembali ke laman verifikasi dan tekan tombol "Verify my ID", jika kawan melakukan dengan benar akan muncul gambar seperti di bawah ini.

9. Klik "next", dan isi form yang ada sesuai dengan blog kalian.

10. Setelah semuanya selesai, klik "Save".

Dengan demikian, blog kawan akan terdaftar di Alexa dan semoga ranking blog kawan-kawan cepat naik. Sekian dulu tutorial dari saya, semoga dapat membantu.

Terimakasih.

Apa itu Alexa Rank?

By: Anonymous on Friday, January 24, 2014

Selamat malam, kawan. Apa kabar? Semoga kalian baik-baik saja. Kali ini saya ingin membagikan sedikit info tentang Alexa rank. Apa itu Alexa rank? Bagi blogger pemula pastinya penasaran dengan hal ini.

Baiklah, saya mulai saja menjawab pertanyaan itu sesuai pengalaman pribadi. Alexa rank adalah situs penyedia layanan informasi ranking suatu situs atau blog. Artinya, alexa rank menjadi pengukur sejauh mana kepopuleran situs/blog. Alexa memberikan ranking pada situs yang didaftarkan di sana berdasarkan trafik yang masuk. Apabila peringkat suatu situs berada pada kisaran ribuan atau ratusan, artinya situs tersebut memiliki tingkat trafik yang bagus. Ini bermanfaat sekali bagi para blogger yang ingin menghasilkan uang lewat blognya. Para advertiser akan antusias memasang iklan-iklannya di blog yang notabene ranking alexa-nya bagus.

Penting tidaknya Alexa rank tergantung pada blogger itu sendiri. Jika memang blog/situsnya bukan untuk komersial, tidak apa-apa meniadakan Alexa rank. Namun, seperti yang sudah dituliskan di atas, bagi blogger komersial Alexa rank menjadi penting untuk mendukung kepopuleran blog/situs. Bagaimana, kawan? Tertarik? Langsung saja daftarkan blog/situsnya ke www.alexa.com.

Demikian sedikit ulasan mengenai apa itu Alexa rank. Pada postingan selanjutnya akan saya bahas langkah-langkah mendaftar di Alexa. Semoga membantu.

Terimakasih.

Mendaftarkan Blog ke Search Engine

By: Unknown on Thursday, January 23, 2014

Setelah kita mengatur dan memoles blog sedemikian rupa, tentunya kita mengharapkan pengunjung yang datang ke blog lumayan atau banyak. Nah, hal ini tentunya gak serta merta pengunjung akan langsung banyak. Ini dikarenakan blog kita belum ter-index oleh mesin pencari sehingga apabila pengunjung melakukan pencarian, blog kita tidak akan muncul. Oleh sebab itu seorang blogger pemula harus mendaftarkan blognya ke search engine agar bisa terindex dan pastinya meningkatkan traffic pengunjung.

Cara mendaftarkan blog ke search engine ada dua macam. Pertama, secara otomatis, artinya sekali kita mendaftar maka blog kita akan terindex oleh puluhan search engine. Namun ada kelemahan jika menggunakan cara ini, yaitu ketidakjelasan terindex atau tidaknya blog tidak bisa dipastikan. Cara yang ke dua adalah secara manual, artinya kita mendaftarkan blog secara satu persatu. Kelebihan dari cara ini adalah kemungkinan terindexnya blog besar.

Dari kedua cara di atas, kalian bisa memilih sesuai keinginan. Nah, jika berminat mendaftarkan blognya, langsung saja ke www.http://bblmedia.com/addurl.html. Di situs tersebut, kalian bisa mendaftar ke puluhan search engine dengan memasukkan rl blog satu-persatu. Jangan menyerah, setiap usaha yang sungguh-sungguh pasti akan mendapatkan hasil yang memuaskan. Semoga berhasil!

Terimakasih.

Membuat Menu Navigasi

By: Unknown on Thursday, January 23, 2014

Selamat siang, kawan. Apa kalian masih semangat untuk ngeblog? Hehe. Semoga musim hujan saat ini tidak menyurutkan semangat kita untuk terus ngeblog. Di kesempatan kali ini, Saya akan melanjutkan tutorial dasar untuk mengoptimalkan blog.

Sebelumnya pada postingan Membuat Readmore Otomatis, saya menyebutkan ada beberapa faktor yang mempengaruhi kenyamanan pengunjung di blog kita. Nah, yang satu ini juga merupakan bagian penting, yakni Menu Navigasi. Sesuai namanya, menu navigasi memudahkan blogger dan juga pengunjung melihat bagian-bagian blog. Hal ini tentunya juga akan memudahkan pengunjung untuk mengecek isi keseluruhan blog.

Okey, tanpa basa-basi lagi, ikuti langkah-langkah di bawah ini:

1. Log-in ke blog, pilih "TEMPLATE", kemudian "Edit HTML".

2. Selanjutnya, cari kode </head> (gunakan Ctrl+F untuk mempermudah pencarian).

3. Setelah itu, copy+paste kode berikut tepat di bawah kode </head>

<div id='menunav'>
<ul class='menunav'><li><a href='/'>Home</a></li>
<li><a href='your-link-here'>About</a></li>
<li>
<a href='your-link-here'>Portfolio</a>
    <ul>
      <li><a href='your-link-here'>Web Design</a></li>
      <li><a href='your-link-here'>Web Development</a></li>
      <li><a href='your-link-here'>Illustrations</a></li>
    </ul>
</li>
<li><a href='your-link-here'>Blog</a></li>
<li><a href='your-link-here'>Contact</a></li>
    </ul></div>

*Keterangan:

Warna Merah, ganti dengan nama menu navigasi sesuai keinginan.
Warna Biru, ganti dengan link navigasi.

4. Simpan template. Lihat hasilnya! Selesai.

Demikian tutorial untuk membuat menu navigasi, sangat mudah, kan? Jika kawan-kawan mempunyai pertanyaan seputar postingan di atas, langsung saja ke kolom komentar. Saya akan senang bisa membantu. Terimakasih!

Membuat Related Post di Postingan

By: Unknown on Thursday, January 23, 2014

Kenyamanan pengunjung dalam membaca postingan blog kita tentunya akan menjadi hal yang sangat penting bagi seorang blogger. Pasalnya apabila pengunjung nyaman berlama-lama di blog kita, maka hal tersebut menandakan blog kita memilikidaya tarik yang cukup baik. Ada beberapa fakto yang menyebabkan pengunjung mau berlama-lama di blog kita, diantaranya karena isi konten blog kita menarik, tampilan yang bagus dan rapi, dan juga kemudahan pengunjung untuk melihat postingan-postingan yang lain.

Kemudahan tersebut salah satunya adalah dengan adanya fitur "Related Post atau Artikel Terkait". Fitur ini memungkinkan postingan kita yang memiliki kesamaan isi untuk muncul di dalam postingan-postingan yang lain. Dengan demikian pengunjung akan tertarik untuk membacanya.

Cara menambahkan fitur ini akan saya uraikan melalui langkah-langkah berikut ini:

1. Mauk ke blogger, pilih tab "TEMPLATE", kemudian pilih "Edit HTML".

2. Cari kode ]]></b:skin> dan letakkan kode berikut ini tepat di atas kode ]]></b:skin>

/* Related Posts --- */
    .related-post .post-thumbnail {
    z-index: 1;
    position: relative;
    width: 98px;
    height: 98px;
    margin: 0;
    display: block;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 2px 2px 5px #444;
    -moz-box-shadow: inset 2px 2px 5px #444;
    box-shadow: inset 2px 2px 5px #555;
    }
    .related-post {
    float: left;
    position: relative;
    width: 98px;
    height: 98px;
    margin: 0 10px 10px 0;
    background: #F6F6F6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    .related-post .related-post-title {
    display: none;
    float: left;
    background: #000;
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    top: -20px;
    left: 40px;
    z-index: 2;
    width: 200px;
    -webkit-box-shadow: 0 0 2px #444;
    -moz-box-shadow: 0 0 2px #444;
    box-shadow: 0 0 2px #444;
    }
    .related-post:hover .related-post-title {display: block;}

3. Kemudian cari kode di bawah ini

<div class='post-footer'>
        <div class='post-footer-line post-footer-line-1'/>
          <div class='post-footer-line post-footer-line-2'/>
          <div class='post-footer-line post-footer-line-3'/>
        </div>
      </div>

*Keterangan: Cari satu-persatu kode di atas
4. Selanjutnya, letakkan kode berikut tepat di bawah kode di atas

<div id='related-posts'>
    <b:if cond='data:blog.pageType == "item"'>
    <script type='text/javascript'>//<![CDATA[
    var ry='<h3>Related Posts</h3>';rn='<h3>   No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
    var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx5ZskFgWBFPUsttFsVh5ruBz3gNR6jqVYFmIhE-uIpgDm9GmzqmGEk97SSd9EIzLoUsyGc2sV7DzcN2iUvNY_pkw0ViHWtROm9g283ODT9OfV9EdjY85rC9sMVMrcTqVZft0NhXIAwIyu/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
    //]]></script>
    <b:loop values='data:post.labels' var='label'>
    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
    </b:loop>
    <script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
    </b:if>
    </div>
    <div class='clear'/>

*Keterangan:

Warna kuning: ukuran gambar yang akan muncul
Warna biru: jumlah postingan yang akan muncul di related post

5. Simpan tempalte. Selesai!

Demikian tutorial dari saya, semoga bisa membantu kawan-kawan dalam memperindah blognya. Terimakasih!

Membuat Readmore Otomatis Blogspot

By: Unknown on Thursday, January 23, 2014

Bagi blogger pemula biasanya dalam memulai ngeblog, pastinya menemui banyak sekali kesulitan dalam menggeluti dunia blogging. Bingung ini dan itu lah, salah satu hal yang sering ditanyakan oleh blogger pemula ialah bagaimana mengatur postingan agar terlihat rapi dan teratur seperti blog-blog profesional. Hal kerapian dan teratur ini sangat berkaitan dengan konten dari blog itu sendiri. Dalam hal ini saya ingin memberikan tutorial bagaimana mengatasinya khususnya "readmore otomatis".

Postingan akan terlihat rapi dan teratur jika kita menggunakan "readmore otomatis", karena isi konten dari blog kita akan ditampilkan sebagian dan ini yang membuat pengunjung penasaran untuk membaca lebih lanjut postingan kita.

Oke, mari kita ikuti langkah-langkah di bawah ini:

1. Buka blog sobat, pilih tab "TEMPLATE", kemudian pilih tab "EDIT HTML".

2. Cari kode </head>, gunakan Ctrl+F untk memudahkan pencarian.

3. Kemudian, masukkan kode di bawah ini tepat di atas kode </head>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9; text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:250px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:250px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
var thumbnail_mode = "yes";
summary_noimg = 300;
summary_img = 250;
img_thumb_height = 165;
img_thumb_width = 250;
</script>
<script type='text/javascript'>//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx = s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>

*Keterangan:

summary_noimg = 300; (banyaknya huruf yang ditampilkan tanpa gambar)
summary_img = 250; (banyaknya huruf yang ditampilkan dengan gambar)
var thumbnail_mode = "yes"; (yes -dengan gambar, no -tanpa gambar)

4. Save template.
5. Selanjutnya cari kode <data:post.body/>
6. Ganti kode <data:post.body/> dengan kode berikut ini:

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya »</a>
      </div>
</b:if>
</b:if>

*Keterangan:

<a expr:href='data:post.url'>Baca Selengkapnya »</a> (kata Baca Selengkapnya bisa diganti sesuai keinginan)

7. Simpan template, lihat hasilnya.

Demikian sedikit tutorial dari saya, semoga bisa membantu kawan-kawan dalam memperindah blognya. Terimakasih!

Mengganti Template Blog

By: Unknown on Thursday, January 23, 2014

Well, kawan. Bagaimana kabar blog kalian? Apakah sudah jadi dan memiliki postingan? Hehehe, setelah membaca postingan Cara Membuat Blog, kemudian Cara Membuat Postingan, pastinya kalian iri atau penasaran bagaimana cara mengatur tampilan blog agar lebihmenarik perhatian pengunjung. Hal ini sangat berguna dan penting dalam rangka mempopulerkan blog kita. Nah, oleh karena itulah saya akan melanjutkan pada postingan kali ini mengenai cara mengganti tema blog. Oke, seperti biasa ikuti langkah-langkah di bawah ini:

1. Log-in ke blog kawan.

2. Pada laman Dashboard, pilih tab "Template".

3. Akan muncul laman dimana kawan bisa memilih template mana yang kawan rasa cocok.

4. Jika ingin menggunakan template yang lebih menarik dan bagus, kawan bisa mencarinya di google atau langsung ke situs penyedia template seperti www.templateism.com, www.blogtemplates.com, dan lain-lain.

5. Jika kawan sudah men-download template yang dirasa bagus, sekarang tinggal menaruhnya di blog. Caranya, klik tab "Cadangkan/Pulihkan" di pojok kanan atas laman Template tadi.

6. Klik "browse" untuk mencari lokasi template yang sudah didownload tadi.

Tampilan blog setelah ganti template

7. Selesai.

Bagaimana, kawan? Mudah kan? Jika kawan ada pertanyaan seputar Cara Mengganti Template, langsung aja ke kolom komentar. Semoga berhasil!

Membuat Postingan Blog

By: Unknown on Thursday, January 23, 2014

Selamat pagi, kawan! Setelah postingan pertama saya tentang Cara Membuat Blog, selanjutnya postingan saya akan memberikan tutorial Cara Membuat Postingan pertama di blog. Mungkin bagi sebagian orang, tutorial ini sudah sanga gampang karena ini merupakan bagian paling dasar dalam dunia blogging. Tapi tidak menutup kemungkinan juga bagi kawan-kawan pemula yang masih belajar ngeblog ada yang belum tahu caranya. Oke, kita mulai saja langkah-langkahnya di bawah ini.

1. Yang pertama dan paling utama adalah kawan harus log-in dulu ke akun blognya.

2. Setelah log-in, di laman Dashboard, klik tombol buat "entri baru."

3. Maka akan secara otomatis dialihkan ke laman untuk membuat postingan baru.

4. Di laman tersebut ada beberapa kolom, diantaranya:

Kolom judul: Isi dengan judul postingan yang hendak kawan buat.
Menu Bar: Berisi perintah-perintah untuk meng-edit isi postingan.
Work space: Kolom untuk mengisi postingan atau konten dari postingan sobat.
Setelan Entri: Tempat untuk menambahkan kategori dari postigan, jadwal, tautan permanen, dan lain-lain.

5. Setelah kawan rasa postingan udah mantap dan siap dipublikasikan, tekan tombol "Publikasikan".

6. Jika berhasil, kawan akan langsung diarahkan ke laman postingan yang sudah dipublikasikan.

Demkian sedikit tutorial dari saya, semoga dapat membantu kawan-kawan pemula dalam memulai dunia baru blogging. Semoga berhasil!

Membuat Blog di Blogger

By: Unknown on Thursday, January 23, 2014

Selamat pagi, kawan! Di postingan pertama ini, saya akan membagikan pengalaman saya bagaimana caranya membuat blog. Khusus untuk pemula, tutorial ini sangat mudah. Sebelum ke inti dari tulisan ini, pertama saya ingin memebrikan alasan kenapa membuat blog?

Seiring dengan perkembangan teknologi yang semakin canggih, khususnya internet, sudah banyak sekali bermunculan jejaring-jejaring sosial di internet. Hal ini tentunya membuat pola hidup manusia jadi serba internet. Begitu juga dengan dunia blogger, blogger sendiri merilis hampir setiap harinya ada jutaan blog yang tercipta. Ini membuktikan banyaknya peminat di media sosial satu ini.

Nah, jika kawan termasuk salah satu peminat itu, ada baiknya mengikuti tutorial membuat blog dari saya ini. Okey, langsung saja ikuti langakh-langkahnya di bawah ini.

1. Buka browser kawan, ketikkan alamat www.blogger.com.

2. Sebelumnya, kawan harus punya akun e-mail di Google terlebih dahulu. Jika belum punya e-mail, daftar di sini.

3. Setelah terbuka, klik tab "blog baru".

4. Akan muncul jendela untuk memulai membuat blog, isi form "Judul", "Alamat", dan "Template".

Isi form "Judul" dengan judul blog yang kawan inginkan.
Isi form "Alamat" dengan alamat blog yang kawan inginkan juga, tunggu sampai ada keterangan "alamat ini tersedia!" di bawahya. Biasanya jika alamat blog yang unik akan langsung tersedia.
Pada kolom "Template", pilih desain tampilan blog yang kawan inginkan. Di sana sudah tersedia beberapa template dari blogger.

5. Klik tombol "buat blog".

6. Selesai. Kini tugas kawan adalah mengisi blog dengan tulisan apa saja. Jangan biarkan blog kita kosong.

Selamat mencoba, semoga berhasil!

Blogging

Saturday, 25 January 2014

Mendaftarkan Blog di Alexa

Friday, 24 January 2014

Apa itu Alexa Rank?

Thursday, 23 January 2014

Mendaftarkan Blog ke Search Engine

Membuat Menu Navigasi

Membuat Related Post di Postingan

Membuat Readmore Otomatis Blogspot

Mengganti Template Blog

Membuat Postingan Blog

Membuat Blog di Blogger