Solusi untuk menambah follower atau pengikut blog

Sekilas promosi efektif menggunakan media iklan inline.

Followers blog atau dalam bahasa Indonesianya yaitu pengikut blog adalah suatu cara agar para blogger untuk tetap berhubungan dengan blog yang telah di follownya. Semakin banyak follower blog kita maka semakin banyak pula pengunjung setia blog kita. Jika anda menjadi pengikut salah satu blog maka anda dengan mudah bisa mengetahui artikel atau postingan terbaru dari blog yang telah anda ikuti tersebut dengan membuka halaman dasbor blog anda.

Salah satu solusi para blogger indonsia untuk menambah follower atau pengikut blog adalah dengan mencari jejaring social yang menawarkan untuk saling follow blog sesama anggotanya. Sebagai contoh bisa anda cari di grup facebook yang menawarkan untuk saling follow blog. Saya juga sudah pernah mencobanya dan mendapatkan beberapa follower di grup tersebut.

Selain itu ada juga salah satu situs dari Indonesia yang merupakan suatu komunitas untuk saling follow dan saling berbagi informasi yaitu Indonesia blogger community ( komunitas blogger Indonesia ). Banyak follower yang sudah saya dapatkan pada komunitas tersebut. Jika anda berminat untuk bergabung pada komunitas blogger Indonesia ini silakan anda klik logo komunitasnya di bawah ini.

Tidak hanya follower blog yang akan anda dapatkan pada komunitas tersebut, anda akan mendapakan kenalan baru sesama blogger Indonesia.

Membatasi tampilan gadget yang memanjang

Pada postingan sebelumnya telah dijelaskan cara membatasi tampilan arsip yang memanjang. Caranya hampir sama tetapi bedanya terletak pada id gadget yang ingin anda batasi tampilannya. Sebagai contoh bisa anda perhatikan cara penggunaan kode html berikut ini.

Untuk membatasi tampilan gadget arsip, yang anda lakukan adalah mencari kode seperti dibawah ini pada edit html template blog anda:

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div id='ArchiveList'> 

Kemudian untuk membatasi tampilan gadgetnya anda harus menambah kode tersebut seperti yang ditulis tebal pada kode dibawah ini.

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content' style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; ' >

<div id='ArchiveList'>

Perhatikan kode <div id='ArchiveList'> diatas, tidak ada perubahan atau penambahan untuk kode tersebut. Tetapi ArchiveList menunjukan id atau nama gadget arsip. Sedangkan untuk membatasi tampilannya, yang anda harus lakukan adalah merubah kode <div class='widget-content'> menjadi kode <div class='widget-content' style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; ' >

Dengan melihat contoh diatas, berarti anda juga bisa membatasi tampilan gadget yang lainnya. Seperti pada gadget artikel populer, biasanya memiliki id ‘PopularPosts’. Sehingga untuk membatasi tampilanya bisa anda perhatikan di bawah ini.

Kode gadget artikel populer, biasanya ditulis sebagai berikut;

<b:widget id='PopularPosts' locked='false' title='artikel populer' type='PopularPosts'>

<b:includable id='main'>

  <b:if cond='data:title'><h2><data:title/></h2></b:if>

  <div class='widget-content'>

Jadi untuk membatasi tampilannya, maka penulisanya adalah sebagai berikut;

<b:widget id='PopularPosts' locked='false' title='artikel populer' type='PopularPosts'>

<b:includable id='main'>

  <b:if cond='data:title'><h2><data:title/></h2></b:if>

  <div class='widget-content' style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; '>

Dengan demikian, untuk membatasi tampilan gadget yang lainnya, yang anda harus lakukan adalah mencari kode gadget dengan nama id-nya. Jika sudah ketemu, maka anda harus menambahkan kode style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; ' pada kode <div class='widget-content'>. Sehingga menjadi <div class='widget-content' style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; ' >

Tambahan :

Untuk mengubah panjang gadget tersebut, bisa anda ganti angka 200 pada kode height: 200px, dengan ukuran yang anda inginkan. Sedangkan untuk lebarnya adalah pada kode width: 100%px. Kode 100% bisa anda ganti dengan ukuran yang anda inginkan.

Menyembunyikan kotak komentar khusus (buku tamu) di samping layar browser

Cara untuk menampilkan sedikit gadget pada blog adalah bukan dengan sedikit menggunakan gadget blog tetapi anda bisa saja menyembunyikan gadget pada bagian tertentu, misalnya kotak komentar khusus atau buku tamu yang bisa anda lihat contohnya dengan klik disini dan coba anda klik gambar yang ada tulisan buku tamu.

Jika anda tertarik, ikuti langkah-langkah berikut ini.

1.        Pastikan anda sudah mendapatkan kode gadget kotak komentar khususnya.

Jika anda belum mendapatkannya, silakan anda klik link dibawah ini

Cara daftar di ShoutMix dan mengamblil kode gadget kotak komentar khusus (buku tamu)

2.        Pastikan anda sudah login ke blogger, jika belum maka klik saja disini.

3.        Pilih rancangan pada blog yang anda inginkan

4.        Sekarang kita menuju “elemen laman”

5.        Klik salah satu “tambah gadget” dimanapun yang anda suka

6.        Setelah itu akan muncul beberapa pilihan gadget, tetapi yang harus anda pilih adalah HTML/JavaScript

7.        Letakkan kode gadget dibawah ini kedalam gadget yang anda pilih pada langkah 6

<style type="text/css">

    #gb{

    position:fixed;

    top:120px;

    z-index:+1000;

    }

    * html #gb{position:relative;}

    .gbtab{

    height:100px;

    width:30px;

    float:left;

    cursor:pointer;

    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFLLD4f9KhB-ga0w2OIATpL9OCNgsxae1XmVoJwvh_YgePbY8OxBVuIX4bwAymgf_dcqmdr-Snikrl93Xm6vXf8mXDOp5ykBNki3LefgzbZW5pK-h0c3xBE3LS-8zqk_noZcOa6dzE3S1Y/') no-repeat;

    }

    .gbcontent{

    float:left;

    border:2px solid #A5BD51;

    background:#F5F5F5;

    padding:10px;

    }

    </style>

    <script type="text/javascript">

    function showHideGB(){

    var gb = document.getElementById("gb");

    var w = gb.offsetWidth;

    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

    gb.opened = !gb.opened;

    }

    function moveGB(x0, xf){

    var gb = document.getElementById("gb");

    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

    var dir = xf>x0 ? 1 : -1;

    var x = x0 + dx * dir;

    gb.style.right = x.toString() + "px";

    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

    }

    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()">

    </div>

    <div class="gbcontent">

letakkan kode gadget kotak komentar khusus yang anda dapatkan dibagian ini

    <div style="text-align: right;">

    <a href="javascript:showHideGB()">

    [Tutup Buku Tamunya...]

    </a></div>

    </div>

    <script type="text/javascript">

    var gb = document.getElementById("gb");

    gb.style.right = (30-gb.offsetWidth).toString() + "px";

    </script></div>

Keterangan :

Tulisan yang berwarna merah itu harus anda ganti dengan kode gadget kotak komentar khusus yang telah anda dapatkan.

8.        Simpan dan lihat hasilnya.

Menambah kotak komentar khusus (buku tamu)

Kotak komentar khusus atau biasanya di sebut buku tamu ini merupakan sebuah gadget yang di dalamnya tersedia data pengunjung serta komentarnya tentang blog yang di kunjunginya.

Salah satu situs penyedia gadget kotak komentar khusus  ini adalah ShoutMix dan berikut ini adalah contoh tampilan gadget kotak komentar khusus dari ShoutMix tersebut.

Jika anda tertarik, silakan anda ambil dulu kodenya dengan daftar ke situs ShoutMix atau silakan anda klik link tutorial cara daftar di ShoutMix dan mengambil kode gadget kotak komentar khusus di bawah ini.

Cara daftar di ShoutMix dan mengamblil kode gadget kotak komentar khusus (buku tamu)

Kemudian anda ikuti langkah-langkah berikut ini.

1.        Pastikan anda sudah mendapatkan kode gadget kotak komentar khususnya

2.        Pastikan anda sudah login ke blogger, jika belum maka klik saja disini.

3.        Pilih rancangan pada template blog yang anda inginkan

4.        Sekarang kita menuju “elemen laman”

5.        Klik salah satu “tambah gadget” dimanapun yang anda suka

6.        Setelah itu akan muncul beberapa pilihan gadget, tetapi yang harus anda pilih adalah HTML/JavaScript 

7.        Letakkan kode gadget kotak komentar khusus yang sudah anda dapatkan kedalam gadget yang anda pilih pada langkah 6

8.        Simpan dan lihat hasilnya.

Membuat blog di blogger dengan domain blogspot.com

Pada pembuatan blog ini anda akan lebih dikenalkan dalam pembuatan blog di blogger atau di blogspot. Hal ini di karenakan penyedia layanan seperti blogger atau blogspot ini menyediakan layanan pembuatan blog dengan gratis tanpa anda harus membayar terlebih dahulu. Walaupun ada penyedia layanan yang gratis lainnya, akan tetapi penyedia layanan gratis seperti blogger atau blogspot ini masih bisa menjadikan anda seorang blogger dengan mudah, dimana ketika anda mendaftar melalui situs www.blogger.com dengan nama domain yang akan anda dapatkan adalah sub domain dari blogspot, misalnya : nama_anda.blogspot.com

Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih mudah dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih menarik karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan nama_anda.blogspot.com diubah menjadi nama_anda.com, sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.

Berikut ini adalah cara membuat blog dan mendaftar di blogger atau di blogspot. Caranya tidak terlalu sulit yang anda banyangkan, anda cukup mengikuti langkah – langkah dibawah ini.

Langkah – langkah pembuatan blog dan cara mendaftar di blogger atau di blogspot.

1.        Pastikan anda sudah memiliki sebuah email

2.        Buka browse anda (misalnya mozila firefox), kemudian tulis situs http://www.blogger.com/ seperti pada gambar dibawah ini, setelah itu tekan enter.

3.        Jika sudah, maka akan muncul tampilan seperti pada gambar dibawah ini. Kemudian klik kotak yang bertuliskan “memulai”.

4.        Setelah anda mengklik tanda tersebut, maka langkah pertama anda adalah menciptakan sebuah akun google dengan mengisi formulir pendaftaran secara benar dan lengkap. Khusus pada kolom password, di usahakan membuat password baru yang berbeda dengan password email anda serta orang lain tidak bisa menebaknya dan anda bisa selalu mengingatnya. Kemudian jangan lupa mencentang kotak samping tulisan “Saya menerima Persyaratan dan Layanan”. Jika sudah dicentang, maka klik tulisan ‘lanjutkan”, seperti yang terlihat pada gambar di bawah ini. 

5.        Selanjutnya opsi verifikasi akun anda dengan memilih negara asal dan memasukkan nomor ponsel anda, kemudian klik kotak yang bertuliskan “kirim kode verifikasi ke ponsel saya”, seperti yang terlihat pada gambar dibawah ini.

6.        Google akan mengirim pesan teks yang berisi kode verifikasi ke telepon seluler Anda. Jika anda sudah menerima pesan berupa kode verifikasi google anda, maka masukkan kode tersebut tepat di bawah tulisan “masukkan kode”, kemudian klik kotak yang bertuliskan “verifikasi”. Tetapi jika anda tidak mendapatkan kode tersebut, maka klik tulisan “coba kirim ulang” yang terlelak didalam lingkaran merah pada gambar di bawah ini.

7.        Sesudah berhasil diverifikasi, langkah kedua anda adalah memberi nama blog anda dengan mengisi judul dan alamat blog (url) anda. Setelah itu periksa alamat blog anda tersebut, apakah sudah digunakan oleh orang lain atau tidak, yaitu dengan mengklik tulisan “cek ketersediaan” tepat dibawah kotak alamat blog anda atau tulisan yang dilingkari warna merah pada gambar dibawah ini. Jika alamat blog anda tidak tersedia, maka anda harus mengganti atau menambah beberapa kata lagi untuk alamat blog anda tersebut. Jika alamat blog anda sudah tersedia, maka silahkan anda langsung klik tulisan “LANJUTKAN” yang berada pada kotak yang berbentuk anak panah seperti pada gambar dibawah ini.

8.        Sesudah berhasil memberi nama blog anda, maka langkah ketiga anda adalah pilih template awal anda. Misalkan anda memilih template “mudah”, maka anda bisa langsung klik tulisan “LANJUTKAN” yang berada pada kotak yang berbentuk anak panah seperti pada gambar dibawah ini.

9.        Sesudah anda memilih template, maka selamat blog anda sudah jadi. Untuk selanjutnya, langsung saja klik tulisan “MULAI BLOGGING” yang berada pada kotak yang berbentuk anak panah seperti pada gambar dibawah ini.

10.    Tampilan selanjutnya adalah postingan anda, jika anda ingin melihat tampilan blog anda, klik saja tulisan “lihat blog” yang dilingkari warna merah pada gambar dibawah ini atau langsung klik tulisan “pratinjau” yang berada dibawah kotak postingan anda seperti pada gambar dibawah ini.

11.    Selesai 

Jika ada yang belum jelas atau kurang dimengerti, bisa anda tanyakan langsung lewat kotak komentar dibawah ini.

Mengganti logo atau icon blog

Anda mungkin sering melihat blog yang memiliki logo atau icon blog yang berbeda-beda gambarnya dan ada pula yang masih menggunakan logo atau icon blog yang masih standar yaitu berupa hurup B atau seperti gambar dibawah ini.

Untuk mengganti logo atau icon blog tersebut, ikuti langkah-langkah berikut ini.

1.        Pastikan anda sudah login ke blogger, jika belum maka klik saja disini.

2.        Pilih rancangan pada template blog yang anda inginkan

3.        Pilih edit HTML

4.        Cari kode <b:skin><![CDATA[

5.        Jika anda sudah menemukannya, maka salin dan letakkan kode berikut ini tepat diatas kode <b:skin><![CDATA[

<link href='url gambar' rel='shortcut icon'/>

Keterangan :

url gambar harus anda ganti dengan alamat url logo atau icon blog yang sudah anda siapkan, tetapi dengan syarat gambar harus berbentuk persegi.

6.        Klik simpan tempale kemudian lihat hasilnya

Selamat mencoba

Tata cara menulis artikel blog (memposting artikel)

Sekilas promosi efektif menggunakan media iklan inline.

Memposting artikel di blog tidak jauh berbeda dengan menulis artikel di microsoft office word, perbedaannya yang mendasar adalah edit html yang ada di postingan blog. Anda juga bisa menyalin artikel di MS Office Word ke dalam postingan blog anda. Cara memposting artikel tersebut bisa anda pelajari dengan mengetahui fungsi masing-masing toolbar yang ada pada menu tampilan postingan entri baru dan penulisan artikel terletak pada kotak yang berada di bawah judul postingan. Berikut ini adalah gambar tampilan postingan compose blog untuk entri baru di blogger.

Berikut ini adalah gambar toolbar dan masing – masing keterangannya.

1.        Judul postingan (post tilte)

: judul artikel postingan anda

2.        Edit HTML

: membuat artikel dalam bahasa/kode html

3.        Compose

: membuat tulisan biasa seperti menulis artikel dalam MS Office Word

4.        Undo

: mengembalikan perubahan artikel sebelum diubah, bisa anda gunakan ctrl+z pada keyboard anda

5.        Redo

: mengulang perubahan artikel setelah dikembalikan pada perubahan artikel sebelum diubah, bisa anda gunakan ctrl+y pada keyboard anda

6.        Font

: mengubah jenis/bentuk tulisan postingan

7.        Font size

: mengubah ukuran tulisan postingan

8.        Bold

: mengubah tulisan menjadi kelihatan tebal

9.        Italic

: mengubah tulisan menjadi kelihatan miring

10.    Underline

: menambah garis dibawah tulisan

11.    Strikethrough

: mencoret tulisan dengan satu garis (teks diblok terlebih dahulu)

12.    Font color

: mengubah warna tulisan

13.    Text highlight color

: mengubah warna dasar dibelakang tulisan

14.    Link

: membuat tulisan dalam bentuk link atau membuat tulisan yang apabila diklik maka akan menuju sebuah alamat web atau situs tertentu.

15.    Insert picture

: memasukkan gambar dari file anda kedalam postingan

16.    Insert video

: memasukkan video dari file anda kedalam postingan

17.    Insert read more

: memotong artikel pada bagian tertentu yang akan ditampilkan pada awal postingan blog dan membuat link untuk melanjutkan tulisan artikel tersebut yang biasanya mengunakan kata read more.

18.    Alignment

: mengubah bentuk barisan teks.

19.    Numbered list

: membuat daftar tulisan menjadi berurutan.

20.    Bullet list

: membuat daftar tulisan tanpa berurutan tetapi tulisan diawali dengan bulatan kecil berwarna hitam.

21.    Quote

: membuat tulisan/paragraf lebih masuk kedalam (indent)

22.    Remove formatting

: menghilangkan atau mengembalikan perubahan tulisan kedalam bentuk dasar (default)

23.    Check spelling

: memeriksa tulisan yang anda ketikkan

24.    Post option

:  mengatur postingan dan jika diklik maka akan muncul pengaturan seperti pada gambar dibawah ini.

Tambahan :

-       Komentar pembaca merupakan tulisan yang berupa tanggapan dari pembaca artikel. Jika anda mengizinkan pembaca memberikan tanggapan tentang artikel yang anda tulis, maka klik bulatan di depan tulisan “izinkan”, sebaliknya jika anda tidak mengizinkan memberikan tanggapan, maka klik bulatan di depan tulisan “jangan izinkan”

-          Untuk pengaturan selanjutnya, bisa anda atur sedemikian mungkin sesuai dengan keinginan anda.

25.    Label

: mengelompok artikel dalam beberapa bagian dengan nama tertentu.

26.    Terbitkan entri

: menerbitkan artikel dalam postingan blog anda.

27.    Save now

: menyimpan perubahan tulisan secara otomatis.

28.    Pratinjau

: melihat tulisan atau artikel dalam postingan blog anda sebelum diterbitkan.

29.    Kembali ke daftar entri

: menuju atau mengarahkan anda ke daftar entri atau postingan .

Berikut ini adalah gambar tampilan postingan blog dengan menggunakan bahasa html di blogger.

Dan berikut ini adalah gambar toolbar dan masing – masing keterangannya.

1.        Bold

: memunculkan tag html yang berfungsi untuk menebalkan tulisan dengan cara penulisan seperti ini

<b> tulisan anda </b>

2.        Italic

: memunculkan tag html yang berfungsi untuk membuat tulisan menjadi miring dengan cara penulisan seperti ini

<i> tulisan anda </i>

3.        Strikethrough

: memunculkan tag html yang berfungsi untuk mencoret tulisan dengan cara penulisan seperti ini

<strike> tulisan anda </strike>

4.        Link

: memunculkan tag html yang berfungsi untuk membuat link pada tulisan atau teks dengan cara penulisan seperti ini

<a href="http://alamat_situs.com "> tulisan anda </a>

Tambahan : alamat_situs.com bisa anda ganti dengan alamat web yang anda inginkan.

5.        Insert picture

: memunculkan tag html yang berfungsi untuk memasukkan gambar di dalam postingan anda

6.        Quote

: memunculkan tag html yang berfungsi untuk membuat tulisan/paragraf lebih masuk kedalam (indent) dengan cara penulisan seperti ini

<blockquote> tulisan anda </blockquote>

Untuk fungsi toolbar yang lainnya sama dengan fungsi toolbar yang ada pada postingan compose.