Wednesday, 19 March 2014

Cara Mendaftarkan Blog ke Ratusan Search Engine

Selamat pagi, kawan.

Pada kesempatan ini saya ingin memberikan tutorial lagi nih, gak jauh-jauh dari dunia Blogging. Nah, tutorial kali ini adalah mengenai Search Engine. Sebelum pada inti tutorial ini, ada baiknya saya memberitahu apa itu Search Engine? Menurut Wikipedia Search Engine adalah...
Mesin pencari atau Search engine adalah program komputer yang dirancang untuk melakukan pencarian atas berkas-berkas yang tersimpan dalam layanan www, ftp, publikasi milis, ataupun news group dalam sebuah ataupun sejumlah komputer peladen dalam suatu jaringan. Search engine merupakan perangkat pencari informasi dari dokumen-dokumen yang tersedia. Hasil pencarian umumnya ditampilkan dalam bentuk daftar yang seringkali diurutkan menurut tingkat akurasi ataupun rasio pengunjung atas suatu berkas yang disebut sebagai hits. Informasi yang menjadi target pencarian bisa terdapat dalam berbagai macam jenis berkas seperti halaman situs web, gambar, ataupun jenis-jenis berkas lainnya.
Nah, udah jelas, kan? Baiklah, sekarang langsung saja ke tutorialnya. Check it out!
  1. Pertama, pergi ke http://www.freewebsubmission.com/
  2. Kemudian isi data pada form yang disediakan, lalu klik Submit Your Site.
  3. Buka email, dan klik tautan yang diberikan.
  4. Selesai.

Gampang, kan? Semoga membantu :)
Read More

Tuesday, 18 March 2014

Cara Membuat Permalink SEO Blog

Selamat sore, kawan. 

Balik lagi nih dengan tuorial baru pastinya. Kali ini saya akan kasih tutorial cara membuat permalink SEO blog. Sekedar info, permalink SEO adalah permanen link tag yang berfungsi sebagai pesan kepada pengunjung blog dan juga sebagai daya tarik lain kepada pengunjung untuk terus berkunjung ke blog kita.

Nah, langsung saja ikuti tutorialnya berikut ini.
  1. Pertama, masuk ke blogger.com
  2. Pilih tab Template, lalu Edit Html
  3. Cari kode ]]></b:skin> dan letakkan kode di bawah ini TEPAT DI ATAS ]]></b:skin>
    .bloggerupdatepermalink {background: #e1e1e1;position: relative;transition: all .3s ease-in;margin-bottom: 10px;border: 1px solid #bbb;margin: 0 auto;padding: 8px 5px 10px;}
  4. Kemudian cari kode <data:post.body/> dan letakkan kode di bawah ini TEPAT DI BAWAH <data:post.body/> (*Pilih kode <data:post.body/> paling akhir)
          <div style='text-align:center; margin-top:15px'><div class='bloggerupdatepermalink'>  Itulah pembahasan artikel saya tentang <u><data:blog.pageName/></u> Semoga suatu saat nanti anda kembali lagi disini dan tentunya dengan pembahasan yang lebih menarik lagi selain dari artikel ini yang berjudul <i><u><b><data:blog.pageName/></b></u></i>  </div></div>
  5. Ganti tulisan berwarna merah dengan kalimat anda sendiri.
  6. Simpan! Selesai.
Demikian tutorial hari ini, semoga dapat membantu anda dalam mengembangkan blog.
Read More

Monday, 17 March 2014

Cara Membuat Artikel yang Berkualitas (SEO)

Saat ini banyak blog yang memiliki artikel dengan isi konten yang hampir sama. Dari isi tersebut bisa ditebak bahwa blog-blog tersebut memiliki refernsi informasi yang sama. Tapi kenapa tak banyak artikel dari blog yang sama muncul di pencarian teratas mbah GOOGLE? Nah, hal ini akan saya coba bahas di Cara membuat artikel yang berkualitas (SEO).

  • Ada beberapa hal yang harus anda perhatikan, ikuti langkah-langkahnya di bawah ini.
  • Hal pertama ialah memilih judul artikel yang tepat
  • Kemudian memilih url artikel agar lebih SEO Friendly
  • Gunakan label di setiap artikel yang dibuat
  • Pastikan anda memasang meta deskripsi
  • Membuat artikel yang teroptimasi, dengan ketentuan:
Panjang artikel minimal 500 kata
Setiap kata kunci setidaknya diulangi 3 kali di dalam artikel, (harus menjaga kepadatan sekitar 3-6% itu hanya isu)
Kata kunci yang muncul pertama kali harus di bold atau italic
Gunakan bahasa yang baku agar kualitas artikel tidak berkurang
Jika bisa, buat lagi satu frasa dengan kata kunci di dalam artikel dan beri tag Heading H2 atau H3.
  • Sertai dengan gambar yang relevan dengan artikel
  • Memasang link di dalam artikel
  • Menyediakan problem solving di artikel, artinya memberikan jalan keluar terhadap masalah ataupun memberikan informasi yang bermanfaat untuk pengunjung.
Demikian beberapa hal yang perlu diperhatikan dalam membuat artikel yang berkualitas agar blog kita dapat menjadi blog yang SEO. Semoga membantu.
Read More

Cara Mendapatkan Banyak Pengunjung Blog

Pada postingan sebelumnya saya memebrikan cara merampingkan alexa rank yang juga dipengaruhi jumlah pengunjung blog. Nah, di postingan ini saya akan memberikan tutorial cara mendapatkan banyak pengunjung blog.

Saya memebuat tiga cara yang mesti anda lakukan untuk mendapatkan banyak pengunjung berdasarkan tempatnya. Oke, langsung saja ikuti caranya di bawah ini.

1. Mendapatkan pengunjung dari mesin pencari.
Mesin pencari merupakan pintu utama dari datangnya pengunjung blog. Karena mesin pencari adalah tempat para pemburu informasi berkumpul dan jika blog anda nampak di page pertama, otomatis pengunjung akan banyak berdatangan. Yang perlu anda lakukan adalah mengoptimasi SEO di blog anda agar target banyak pengunjung bisa tercapai.

2. Mendapatkan pengujung dari Social Media/Network
Di social media saat ini banyak sekali bermunculan group-group atau komunitas para blogger. Anda bisa memanfaatkannya sebagai ruang untuk berbagi link yang mengarah ke blog anda. Frekuensi pengunjung yang akan datang ke blog sangat signifikan karena komunitas di social media memiliki trafik yang sangat tinggi. Selain itu anda juga bisa berbagi artikel di forum-forum yang dikhususkan buat blogger. Dari sini anda bisa memberikan link ataupun artikel dari blog anda yang juga akan mendatangkan pengunjung yang banyak.

3. Mendapatkan Pengunjung dari Situs referensi
Situs referensi adalah situs-situs besar yang memiliki banyak trafik yang bisa membuat blog anda kecipratan trafik dari situs referensi tersebut. Yang perlu anda lakukan adalah memberikan link atau menauh link anda di situs-sistus tersebut agar trafik yang masuk di situs tersebut bisa melihat dan mengklik link yang mengarah ke blog anda.

Demikian artikel mengenasi cara mendapatkan banyak pengujung blog, semoga dapat membantu dalam mengembangkan blog anda.
Read More

Cara Merampingkan Alexa Rank

Wah, udah lama sekali nih gak posting di blog ini. Dikarenakan harus ngurus blog saya yang ini, ini, dan ini

Dan pada postingan kali ini saya mau kasih tutorial cara merampingkan alexa rank meskipun rabk alexa blog ini belum keliatan, hehe. Kelebihan alexa rank ialah akan mendatangkan dampak besar bagi blog mulai dari banyaknya link berkualitas yang masuk dan peluang mendapatkan tawaran-tawaran space iklan.

Well, pengalaman saya merampingkan alexa rank di blog saya yang ini cukup mudah meskipun baru satu jutaan, hehe.
  1. Pertama ialah mendaftrakan (claime) blog anda di alexa, cara daftarnya bisa lihat disini.
  2. Memasang alexa toolbar, kelebihannya bisa memberikan info perkembangan rank blog anda.
  3. Sering update dan optimasi blog.
  4. Rajin update dan blogwalking.
  5. Bagikan konten di social media
  6. Tetap semangat nge-blog!
Demikian beberapa tips yang saya terapkan dan lumayan berhasil di blog saya yang ini. Semoga membantu :)
Read More

Cara Membuat Daftar Isi Blog

Sealamat Pagi, kawan.

Udah lama nih gak posting di blog ini. Nah langsung saja, kali ni saya mau kasih tutorial cara membuat daftar isi di blog. Kelebihan dari daftar isi adalah memberikan kemudahan bagi pengunjung untuk melihat keseluruhan isi dari blog kita.

Nah langsung saja ikuti tutorial berikut.
  1. Masuk ke blogger.com
  2. Pilih Tab Laman
  3. Buat Laman Baru, Pilih Mode HTML
  4. Masukkan kode berikut ini.
    <div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height:270px; background-color: none; text-align: left;">
    <script style="text/javascript" src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
    <script src="http://ngeblog-i.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
  5. Ganti yang warna merah dengan alamat blog anda.
  6. Selesai!

Semoga membantu.
Read More

Sunday, 9 March 2014

Menambahkan Foto Profil Penulis dan Multi Author

Selamat malam, kawan.

Wah, udah lama nih tidak posting dikarenakan kesibukan ngurus blog lain. Wajarlah, blogger pemula seperti saya ini saking semangatnya jadi lupa deh masih punya blog lain (ini), hehe. 

Oke, di postingan ini saya akan membagikan tutorial lagi seputar blogging. Tutorial kali ini ialah bagaimana membuat Foto Profil Penulis (Admin) dan Blog Multi Author terpampang di bawah tiap artikel. Contohnya bisa dilihat disini.

Well, langsung saja ikuti langkah-langkah berikut ini.
1. Pertama masuk ke Dashboard, lalu ke menu Template dan klik Edit HTML. (Saya sarankan untuk mem-back up dulu templatenya sebelum mencoba.)
2. Di Template editor, cari kode <span class='post-author vcard'> (gunakan Ctrl+F untuk memudahkan pencarian).
3. Perhatikan kode berikut ini.
            <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </span>
                  </b:if>
                </b:if> 
</span>
Kode di atas  akan terlihat jika menggunakan template bawaan dari Blogger (default). Sedangkan jika menggunakan template yang sudah dimodifikasi, akan terlihat seperti berikut.
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/>
</span>
</b:if>
</span>
4. Setelah kode di atas ditemukan, hapus dari kode yang diberi warna kuning sampai kode di bawahnya yang diberi warna sama. Kode di atas terdapat dua kali di template blog, jadi harus dihapus dua kali.
5. Kemudian cari lagi kode <div class='post-header-line-1'/> , kode ini ada dua, pilih yang ke dua.
6. Paste-kan kode berikut ini TEPAT DI BAWAH kode di atas.
<span class='post-author vcard'>
<b:if cond='data:post.author == &quot;AuthorName&quot;'>
<span class='author'><a href='Author-Profile-URL'><img src='Author-Image-URL'/></a></span>
</b:if>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
                  <data:post.author/>
                </a>
              </span>
            <b:else/>
              <span class='fn'><data:post.author/></span>
            </b:if>
        </b:if>
      </span>
*Catatan: 
  • Ganti AutorName dengan nama anda sendiri.
  • Ganti Author-Profil-Url dengan URL profil anda sendiri.
  • Ganti Author-Image-Url dengan URL gambar anda sendiri (saya sarankan menggunakan ukuran 40pixel x 40pixel).
7. Jika blog anda memiliki lebih dari satu Author/Admin, letakkan kode dibawah ini TEPAT DI ATAS kode <b:if cond='data:top.showAuthor'>
  <b:if cond='data:post.author == &quot;AuthorName2&quot;'>
<span class='author'><a href='Author2-Profile-URL'><img src='Author2-Image-URL'/></a></span>
</b:if>
*Catatan: 
  • Ganti AutorName dengan nama anda sendiri.
  • Ganti Author-Profil-Url dengan URL profil anda sendiri.
  • Ganti Author-Image-Url dengan URL gambar anda sendiri (saya sarankan menggunakan ukuran 40pixel x 40pixel).
 8. Langkah terakhir adalah dengan menambahkan kode berikut ini TEPAT DI ATAS kode
]]></b:skin>.
.author img{
float: left;
border: 1px solid #FFFFFF;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
margin: 0px 5px 10px 0px;
width:35px;
height:35px
}
.post-author{
color:#777;
font-size: 13px;
}
.post-author a {
color:#777; 
margin-top: 10px;
}
Untuk mengubah ukuran avatar/foto admin, naikkan/turunkan ukuran 35px sesuai keinginan.
9. Save Template!

Demikian tutorial Menambahkan Foto Profil Penulis dan Multi Author, semoga dapat membantu kawan-kawan dalam memoles blognya.

Terimakasih.
Read More

Saturday, 1 February 2014

Meningkatkan Trafik/Pengunjung Blog

Selamat malam, sobat. Apa kabar? Semoga kita semua selalu dalam lindungan Tuhan. Amiin.

Well, hari ini saya mau membagikan sedikit tutorial yang tidak jauh-jauh dari dunia blogging. Setelah serangkaian tahap-tahap dalam memulai dunia blogging, kali ini kita akan memasuki tahap yang mungkin membuat banyak blogger pemula mengalami rasa skeptis, pesimis, dan kecil hati. Kenapa? Karena biasanya blog yang baru 'lahir' tidak serta merta akan memiliki pengunjung yang banyak. Oleh karena itu perlu dilakukan beberapa hal, berikut ini tutorial Bagaimana Meningkatkan Trafik/Pengunjung Blog yang saya post ulang dari blog saya yang lain (http://tipes64mes.blogspot.com).

halo guys, apa kabar semuanya? lama juga nih vakum di dunia lain yang satu ini. maklumlah, mahasiswa rajin, jadinya waktu buat nge-blog dan kuliah agak berbenturan sehingga jarang juga nih ngasih postingan. nah, mumpung lagi free time nih, sy mau ngasih beberap tips buat temen2 blogger yang lagi ingin nambah jumlah pengunjung blognya. buat blogger baru, tips-tips berikut ini pas banget buat dicoba. apa aja tipsnya? let's check 'em out!!!

1. Daftar ke Search Engine
nah, tips yg pertama ini yang paling penting. why? karena kalau sobat-sobat yg baru bikin blog nggak ngedaftarin blognya di search engine, blog sobat nggak bakalan terindex oleh search engine. cara daftarnya gampang nih, tinggal klik aja link2 search engine berikut ini dan masukkan url blog sobat. jika sobat ingin sekali daftar ke banyak search engine, langsung aja ke blog ini, di sana udah lengkap cara daftar ke 50 search engine. ini memakan waktu kurang lebih 24 jam sampai url blog yg didaftarkan terindex. so, keep waiting ya bro :)

2. Blogwalking
tips yg ke dua adalah blogwalking. yup! merupakan istilah dari kegiatan blogger/ sobat2 yg punya blog dengan cara mengunjungi blog-blog orang lain dan meninggalkan jejak di blog yg dikunjungi. dengan begitu nantinya blog sobat bisa lebih dikenal dan dikunjungi oleh blogger lain dari link url blog yg sobat tinggalkan tadi. cara ini lumayan efektif karena link yg ditinggalkan akan mengarahkan langsung ke blog kita. tambahan, rajin2lah ber-blogwalking yah bro :)

3. Sharing to Social Media
nah tips yg satu ini emang paling yahud buat para blogger dan di era digital sekarang ini, cara ini paling banyak digunakan oleh blogger2 professional. dengan membagikan konten atau postingan ke social media, pengunjung akan mudah diarahkan langsung ke blog kita. apalagi sobat2 blogger punya facebook dan twitter. akan sangat mudah membagikan postingan dan pastinya pengunjung blog sobat akan bertambah banyak. oh ya, selain facebook dan twitter, sekarang sudah banyak sekali social media yg memungkinkan kita untuk membagikan postingan ke sana, seperti blog sy ini selain menggunakan facebook dan twitter, juga menggunakan fasilitas google plus. bisa dicoba tuh bro :)

4. Join ke Komunitas Sesama Blogger
tips yang ke empat ini merupakan hal yg mungkin sangat disarankan untuk blogger newbie yg ingin meningkatkan traffic blognya. yup, dengan join or gabung dengan komunitas sesama blogger kita bisa dengan mudah saling berinteraksi atau berdiskusi dengan blogger2 lain yang udah berpengalaman atau newbie. dan banyak sekali keuntungan-keuntungannya, yakni blog kita akan ramai pengunjung karena di komunitas sesama blogger kita bisa meninggalkan link url blog kita, banyak teman yang bisa dijadikan tempat belajar bagaimana menjadi blogger yg produktif, meningkatkan traffic blog melalui kegiatan saling komen dan follow blog masing-masing, dan masih banyak lagi yg lainnya. seperti yg sy lakukan, join di komunitas blogger itu sangat menguntungkan, dan buat sobat2 blogger yg berminat bergabung langsung aja ke KOMUNITAS BLOGGER INDONESIA di facebook. di sana rame banget bro, langsung meluncur gih :)

5. Saling Follow Blog
tips berikutnya ini hampir gak jauh beda dengan tips ke empat di atas. yap, dengan mengikuti perkembangan postingan sesama blogger, kita bisa saling mengunjungi satu sama lain, apa lagi postingan kita berisi sesuatu yg dicari2 orang banyak, waahh makin rame tuh blognya. selain itu dengan saling follow, blog kita memiliki potensi besar untuk menjadi blog dengan page rank yg baik karena banyak link yg masuk di blog kita. jika berminat saling follow, sobat2 bisa follow blog sy dan 100% akan sy follback pastinya :)

6. Sering2 Bikin Postingan
lah, tipsnya lumayan y bro? iya lah, bermanfaat lagi, ya donk. nah, berikutnya nih agar pengunjungnya rame tiap hari, usahakan sobat bikin postingan minimal tiga kali seminggu buat yg blog baru, karena biasanya blog baru itu kebanyakan posting tiap hari tapi gak nyampe sebulan, gak konsisten. ini yg menyebabkan blog sobat jadi sepi pengunjung. keep posting y broooo :)

7. Postingan Berkualitas
nah yg satu ini nih yg banyak disepelein, isi postingan yg berkualitas. kenapa harus berkualitas? karena isi postingan yg berkualitas akan membuat pengunjung betah dan suka dengan blog kita. ini juga menjadi salah satu faktor ke-loyal-an pengunjung untuk selalu berkunjung ke blog kita. jika sobat belum bisa membuat postingan yg berkualitas, dan masih mengambil dari sumber lain (copas), usahakanlah untuk mengaturnya serapi dan sebagus mungkin, karena kerapian sebuah potingan itu sangat menentukan mood pengunjung untuk membacanya dan yg paling penting JANGAN LUPA CANTUMKAN SUMBERNYA!

nah, demikianlah beberapa tips dari sy untuk sobat2 blogger agar pengunjung blog sobat rame dan traffic-nya meningkat, semoga dapat membantu sobat2 dalam mengembangkan blog-nya menjadi blog yg lebih baik dan pastinya terkenal. Jika sobat2 punya kritik, pertanyaan, dan saran dari tulisan sy di atas, bisa langsung sobat suarakan lewat kolom komentar di bawah.

Thank You!
Read More

Saturday, 25 January 2014

Mendaftarkan Blog di Alexa


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.
Read More

Friday, 24 January 2014

Apa itu Alexa Rank?


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.
Read More

Thursday, 23 January 2014

Mendaftarkan Blog ke Search Engine

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.
Read More

Membuat Menu Navigasi

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!
Read More

Membuat Related Post di Postingan

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 == &quot;item&quot;'>
    <script type='text/javascript'>//<![CDATA[
    var ry='<h3>Related Posts</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;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='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
    </b:loop>
    <script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</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!
Read More

Membuat Readmore Otomatis Blogspot

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>
<!--ReadMore http://ngeblog-i.blogspot.com-->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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 = &quot;yes&quot;;
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>

<!--Auto Read More End-->
*Keterangan:  
  • summary_noimg = 300; (banyaknya huruf yang ditampilkan tanpa gambar)
  • summary_img = 250; (banyaknya huruf yang ditampilkan dengan gambar)
  • var thumbnail_mode = &quot;yes&quot;; (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: 
<!-- Auto read more Begin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more End -->
*Keterangan:
  •  <a expr:href='data:post.url'>Baca Selengkapnya &#187;</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!
Read More

Mengganti Template Blog

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!
Read More

Membuat Postingan Blog

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!
Read More

Membuat Blog di Blogger

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! 

Read More
Designed By Seo Blogger Templates