Footer 1

This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan

2012/09/25

Membuat Artikel Tidak Bisa Di Blok

Membuat Artikel Tidak Bisa Di Blok  » The FIM Site kali ini akan sedikit berbagi info mengenai Membuat Artikel Tidak Bisa Di Blok. Saat ini sudah banyak sekali aktifitas para blogger Indonesia yang melakukan Plagiat secara membabi buta. Banyak sekali yang melakukan hal seperti ini tanpa izin dari pemiliki artikel yang telah dicopy. Maka dari itu kita sebagai pemiliki artikel ada baiknya untuk menjaga artikel kita agar tidak banyak terjadi duplikat. Salah satu cara untuk mencegah hal tersebut adalah dengan menggunakan fasilitas nonaktif blok. Karena dengan begitu seseorang yang ingin memblok artikel tidak bisa.

Untuk demo bisa dilihat di salah satu artikel Blog Fuadditiya

Berikut adalah cara-caranya:
  • Login 
  • Template --> Edit HTML --> Lanjutkan
  • Cari Kode </head>
  • Letakkan kode dibawah ini sebelum kode diatas

  • Simpan

2012/09/24

Membuat Kotak Search Seperti Yahoo!

Membuat Kotak Search Seperti Yahoo! » The FIM Site kali ini akan sedikit berbagi info mengenai Membuat Menu Search Seperti Yahoo! Dengan kita membuat kotak search diblog maka kita sedikit membantu perkejaan orang dalam melakukan pencarian diblog. Oiya untuk demo bisa dilihat pada blog saya ini ya untuk tampilannya seperti apanya.

Untuk menerapkan diblog anda berikut adalah tutorialnya. Oiya tutorial ini saya peroleh dari sahabat blogger saya yaitu caragampang.com.

  • Loggin blog
  • Template --> Edit HTML --> Lanjutkan
  • Backup terlebih dahulu template anda
  • Cari kode ]]></b:skin>
  • Letakkan kode berikut ini sebelum kode ]]></b:skin>
searchform {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwvUALqhqzDUOwKzLDHhXNxTyHyhIpovJ_Mnyr-nSbh1WFNnCgd4rt9EQCQMOu4t937r2Bnf8P8xl7TIpKZpAW4Z80IYSuHfYsLjjIIHbK3a00uskxI3WIbPxLZQch4D9S86gL5DlJKzQN/s1600/CarGam-search.png) no-repeat; width:550px;height:47px;
display: inline-block;zoom: 1; /* ie7 hack for display:inline-block */
*display: inline;border: solid 0px #ccc;padding: 0px;}
.searchform input {font: normal 12px Arial, Helvetica, sans-serif;padding:6px;}
.searchform .searchfield {background: #e5e5e5;width: 416px;outline: none;margin:5px 2px 0px 5px;;border-top:1px solid #888;border-left:1px solid #888;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.searchform .searchbutton {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0nDBOG-AQwhOyyB2nddqrMO89XvsW11qNKDPE8mR9ZsjBJtRPwHVDUtQL3Nmwi00kgv4PFKuqPq2Gt0B5xbEub3L5dm9lLOG3oshdb_VoohSFyMGNR0blrHo1pXrNenrllecb1H5eMwFy/s1600/bg_pencarian_cargam.jpg) no-repeat;height: 28px; width: 104px;border:none;}
  • Simpan
Belum seleai sampai disitu. Untuk meletakkan kodenya seterh anda ingin diletakkan dimananya. Kali saya berikan pada tab elemen saja.
  •  Setelah login
  • Tata Letak --> Tambah Gadget
  • Pilih HTML/Java cript
  • Masukkan kode dibawah ini
<br/><center><form action=' /search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;&quot;;}' onfocus='if (this.value == &quot;&quot;) {this.value = &quot;&quot;}' type='text' value=''/>
<input class='searchbutton' type='submit' value=''/>
</form></center>
  • Simpan

2012/09/23

Membuat Animasi Burung Terbang

Membuat Animasi Burung Terbang » The FIM Site kali ini akan sedikit berbagi info mengenai Membuat Animasi Burung Terbang. Sekedar berbagi tips saja ni buat para pecinta blogger yang suka mengoprek habis dengan penampilan blognya. Maka tidak salah agan mencoba animasi berikut ini. Langsung saja saya berikan urlnya untuk bisa diletakkan di blog agan.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLW88LAmC-F4Ks4Z-I4IxgcLaIlurPceUPXMFTRX7fA_OV1gYhholYH81tg_ZBKw50rCWc6z_PW_y-apC_8H_fMmAdLHEIq0HolwzT7ZS3Xe9S9pQJ_ZQEtTzwblqBZ43DiRXmENcLxlZd/s1600/burungterbang.gif

Untuk demonya


2012/09/19

Membuat Gambar Melayang di Samping Blog

Kali ini saya akan sedikit berbagi cara yang saya ketahui dari sejumlah pengetahuan yang saya dapatkan pula di dunia maya mengenai Membuat Gambar Melayang di Samping Blog . Oke langsung saja ke bagaimana cara membuatnya:
  1. Login ke Blogger.
  2. Kemudian klik [Rancangan] > [Tambah Widgets].
  3. Pilih widgets “HTML/JavaScript “.
  4. Copy dan pastekan kode dibawah ini:
    Posisi Bawah Kanan :
    <div style="display:scroll;position:fixed;bottom:0;right:0;"><a href="http://thefimsite.blogspot.com/" target="_blank">Letakan Kode gambar atau Script disini</a></div>

    Posisi Atas kanan :
    <div style="display:scroll;position:fixed;top:0;right:0;"><a href="http://thefimsite.blogspot.com/" terget="_blank">Letakan Kode gambar atau Script disini</a></div>

    Posisi Bawah Kiri :
    <div style="display:scroll;position:fixed;bottom:0;left:0;"><a href="http://thefimsite.blogspot.com/" terget="_blank">Letakan Kode gambar atau Script disini</a></div>

    Posisi Atas Kiri :
    <div style="display:scroll;position:fixed;top:0;left:0;"><a href="http://thefimsite.blogspot.com/" target="_blank">Letakan Kode gambar atau Script disini</a></div>
  5. Kemudian SAVE 

2012/09/18

Daftar Situs Social Bookmark Dofollow Indonesia

Sudah lama juga saya tidak mempublish konten mengenai blog. Karena sibuk mengurusi blog yang lain kali ini saya akan sedikit berbagai mengenai situs social bookmark dofollow Indonesia. Sebenarnya ada banyak situs social bookmark di Indonesia namun apa salahnya jika saya berbagi sama anda semua. Berikut adalah daftarnya:
  1. http://www.lintas.me     PR 4
  2. http://infogue.com        PR 4
  3. http://qaafe.com           PR 4
  4. www.populerkan.com  PR 2
  5. www.bagiurl.com         PR 2

2012/08/08

Scan Blog dari Penyusupan Virus

Scan Blog dari Virus

Sebenarnya ada beberapa Cara Mengecek Apakah Blog Kita Ada script virus atau tidak , scan blog dari virus cukup gampang silahkan anda ikuti tutorial blog berikut ini:



  1. Cara Scan Blog Anda Dari Virus yang pertama anda bisa melakukan trick sederhana ini , dengan menggunakan layanan dari google , copy paste kode ini di browser anda http://www.google.com/safebrowsing/diagnostic?site=http://thefimsite.blogspot.com/. Lalu ganti alamat url blog saya dengan blog atau website anda.
  2. Cara scan virus blog yang mencurigakan kedua , anda bisa melakukan secara otomatis dengan menggunakan layanan gratis silahkan cek website atau blog anda dengan cara cek di http://www.urlvoid.com/.
  3. Cara Mengecek Apakah Blog Kita Ada script virus yang ketiga sama seperti yang kedua anda cukup menggunakan layanan gratis yang tersedia di internet , anda bisa mencoba cek di http://sitecheck.sucuri.net/scanner/.

2012/08/06

Kesalahan Blogger Pemula

Kesalahan Blogger Pemula
Kesalahan ini pernah saya alami saat tengah menjadi Blogger Pemula. Hal ini yang membuat saya justru tidak memiliki beberapa hal positif bagi blog saya. Dari hal penggunaan template serta bagaimana saya promosi. ternyata setelah saya cari2 info lebih ternyata perbuatan saya ini justru berdampak negatif terhadap kesehatan blog saya walaupun saya pernah mendapatkan PR juga namun itu bertahan tidak lama kaena PR saya pun tak beranjak sedikit pun hingga saat ini. Oleh karena itu saya menggaris bawahi berbagai kesalahan yang saya buat ketika masih menjadi blogger pemula yaitu:

1. Terlalu sering ganti template

Sebenarnya tak apa juga kita terlalu sering ganti template mungkin dengan ini kita bisa mendapatkan kepuasaan yang lebih terhadap keindahan dari blog kita sendiri namun semua itu pun ada batasannya. Jadi jika anda telah mendaftarkan blog anda di search engine maka usahakan untuk tidak sesering mungkin melakukan pengeditan maupun penggantian template karena nantinya dalam pengideksan blog search engine mengalami kesuliatan.

2. Memulai tanpa memikirkan Tema

Tema sangat penting dalam sebuah blog. Tema berfungsi sebagai identitas blog kita nantinya apakah postingannya mengenai topik ini atau topik itu. Tanpa tema ibaratkan saja sebuah acara tanpa tujuan. Jadi sebelum memulai blog, kita harus memikirkan terlebih dahulu tema apa yang kita mampu untuk membuat postingan blog kita nantinya agar sebuah blog itu mempunyai tujuan.

3. Terlalu banyak Postingan dalam waktu dekat

Biasanya waktu saya menjadi blogger pemula saya terobsesi untuk memposting blog sebanyak mungkin dalam seharinya hal ini ternyata kendala terhadap kesehatan blog saya karena ternyata membuat sulit pengindeksan artikel tersebut. Sejauh yang saya amati pengindeksan artikel itukurang lebih 3 hari sekali google boots merayap blog saya. Jadi menurut logika saya untuk apa memposting terlalu banyak dalam waktu dekat toh google boot tidak sesering mungkin mampir diblog saya.

4. Plagiat

Nah ini juga yang salah waktu saya menjadi newbie waktu itu karena saya terlalu ambisi menjadi blogger yang handal saya banyak melakukan tindakan plagiat tanpa mencantumkan sumber bahkan tanpa pengeditan dan jelas-jelas ini melanggar dan tentunya blog saya takut masuk kedalam penjara google.. Anda tahukan Plagiat? Jika tidak plagiat itu adalah tindakan menggadakan karya orang lain tanpa mencantumkan identitas pemiliki karya tersebut.

2012/06/26

Test Kecepatan Loading Blog

Test Kecepatan Loading Blog

Demi kepuasan pengunjung web kita banyak diantara anda berusaha keras untuk menata penampilan blog seindah mungkin bahkan tidak jarang diatara anda tidak memperhatikan kecepatan loading blog anda. Hal inilah yang akan menjadikan masalah dikemudian hari karena dengan secara tidak langsung pengunjung anda akan pergi ketika menunggu waktu loading blog yang sangat lama. Maka saya sarankan untuk mengetahui terlebih dahulu kualitas loading blog anda agar sewaktu-waktu tidak terjadi sesuatu yang tidak diinginkan.

Untuk mengetahui kecepatan loading blog anda anda bisa mengunjungi situs https://developers.google.com/pagespeed/ selanjutnya anda bisa memasukkan URL blog anda.

contoh :http://thefimsite.blogspot.com/

Tunggu sesaat maka akan keluar nilai yang diberikan pada blog anda. nilai yang diberikanpun ada dua yaitu untuk dilihat pada dekstop dan mobile.

Jika diantara anda bertanya berapakah kecepatan loading blog saya tentu lumayan cukup baik. Saya mendapatkan nilai 87 dari 100 dan 87 dari 100 untuk versi mobilenya.. Yah ini saja sudah terbilang cukup lama dengan beberapa tambahan java script dan widget namun yang saya gunakan memang yang pentingnya saja.

Lalu bagaimana dengan Anda???

2012/06/25

Membuat Blog dalam Mode Maintenance

Membuat Blog dalam Mode Maintenance
Terkadang diantara kita senang dengan mengotak-ngatik blog agar menjadi enak dilihat dan nyaman digunakan. Namun dengan mengotak-ngatik justru pembaca blog kita akan merasa kurang nyaman ketika anda sedang merubah blog tersebut. Oleh sebab itu untuk mengatasi hal tersebut anda bisa menggunakan mode Maintenance agar pengguna blog anda merasa nyaman dan tidak risih melihat tampilan acak-acak blog anda ketika sedang dalam perbaikan.

Untuk cara menerapkan mode Maintenance ini anda hanya cukup menambah kode tambahan pada HTML anda. Berikut caranya:
  • Loggin Blog anda
  • Rancangan --> Edit HTML
  • Cari kode ]]></b:skin>
  • Kemudian masukkan kode dibawah ini sebelum kode ]]></b:skin>
html { height: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-h9r_JZsKamUjTXBwNmTlu8zFepA_FQWFhNa6rvtDXNdOBfagM5Y598oKFqVoVDQKnaBhn4RktyDFv3egXspTosUtVWjjbxjFuPfLaOsmL7HBvZvng3dcHcO7jS_auyDhHXB2lGoFIlTZ/s1600/mode+maintenance.png) no-repeat center 50%;margin: 0;}
body {display: none;}
  • Simpan

Untuk mengembalikan kesemula anda hanya cukup menghapus kode tersebut jika anda telah selesai dalam proses perbaikan

    2012/06/24

    Memasang Kode Parse HTML

    Sebelumnya saya sangat berterimaksih sekali buat kalian yang masih setia membaca artikel dari The FIM Site.. Oiya terkadang kita ingin memasang iklan yang diletakkan dalam artikel dengan mengedit html namun masih saja tidak muncul juga iklan tersebut. Lalu bagaimana permasalahannya?? Biasanya kode scriptnya tidak parse pada htmlnya untuk mengakalinya anda perlu memparsenya.

    Untuk tools ini bisa diletakkan di blog anda:




    Kode Scriptnya:

    <div style="text-align: center; width: 100%;"><div style="margin: 0 auto; padding: 0; width: 100%;"><div id="mainDiv" style="padding: 2px 0;"><textarea cols="21" id="tarea" onfocus="code_check();" rows="10" style="font-size: 12px; height: 80%; width: 92%;"></textarea><div style="margin: 0 auto; padding: 5px 0; width: 95%;"><button onclick="code_convert();" style="margin-right: 5px;" type="button">Ubah</button> <button onclick="code_clear();" style="margin-left: 5px;" type="button">Hapus</button> </div></div></div></div><script>function code_check(){var focuscheck=document.getElementById('tarea');if(focuscheck.value.indexOf('Masukkan disini')>0)focuscheck.value='';}function code_clear(){var wtarea=document.getElementById('tarea');wtarea.value='';}function code_convert(){var ctarea=document.getElementById('tarea');var toConvert=ctarea.value;var toConvert=toConvert.replace(/&/g,"&amp;");var toConvert=toConvert.replace(/'/g,"&#039;");var toConvert=toConvert.replace(/"/g,"&quot;");var toConvert=toConvert.replace(/</g,"&lt;");var toConvert=toConvert.replace(/>/g,"&gt;");ctarea.value=toConvert;ctarea.focus();ctarea.select();};var x=document.getElementById('tarea');x.value='\nMasukkan disini';x.rows=gr;</script><div style="font-family: Georgia,&quot;Times New Roman&quot;,serif; text-align: right;">
    <span style="font-size: xx-small;"><a href="http://thefimsite.blogspot.com/" target="_blank">Kunjungi Kami</a></span></div>

    2012/06/23

    Maksimalkan SEO pada Link

    Memaksimalkan kinerja link sangat dibutuhkan oleh kita semua terlebih search engine sangat suka link yang masuk atau inbound link. Hal inilah yang banyak webmaster pikirkan bagaimana cara meletakkan link dan link tersebut bisa berandil besar terhadap blog tersebut. Selain konten artikel yang utama, dalam pembuatan link pun tak sembarang agar terlihat lebih SEO Friendly dimata search engine terutam Google. dengan pemanfaatan yang lebih tentu akan menghasilkan nilai yang lebih terhadap blog tersebut.
    Berikut adalah teknik dasar yang saya jalankan untuk memaksimalkan SEO pada Link:

    Untuk biasanya seseorang menggunakan link seperti ini
    <a href="http://thefimsite.blogspot.com/">The FIM Site</a>

    hasilnya

    The FIM Site
    Namun untuk memaksimalkannya adalah seperti ini:
    <a title="The FIM Site" href="http://thefimsite.blogspot.com" target="_blank" rel="dofollow">The FIM Site</a>

    hasilnya

    The FIM Site

    Untuk gambar anda biasanya menggunakan seperti ini:

    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvsfkIImRGOx2MEr9F4Qx0U1aWcLtiEBDaQHhBzNYz9OROHE-7qi8Y9b5-4w6zjdtwquoF1epCm54U1hTPRHFGfxemLFyJNneVQwn85OaTAwuJhoGKeVVr4q8GR-qwIo47iqcYr3MiYK21/s1600/your-ad-here-41.jpg"/>

    hasilnya


    Namun untuk memaksimalkannya anda bisa menggunakan seperti ini:

    <img title="Judul Gambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvsfkIImRGOx2MEr9F4Qx0U1aWcLtiEBDaQHhBzNYz9OROHE-7qi8Y9b5-4w6zjdtwquoF1epCm54U1hTPRHFGfxemLFyJNneVQwn85OaTAwuJhoGKeVVr4q8GR-qwIo47iqcYr3MiYK21/s1600/your-ad-here-41.jpg" alt="Judul Gambar" target="_blank"/>

    hasilnya

    Judul Gambar

    Nb :
    1. Kuning untuk URL yang digunakan
    2. Biru untuk Judul yang akan digunakan
    3. Merah untuk URL Gambar yang digunakan
    4. Hijau untuk Pemberian Nama Gambar anda di search engine

    2012/06/22

    Memasang Kode Warna

    Terkadang diantara kita kesulitan untuk mendapatkan kode warna ketika kita sedang melakukan pengeditan blog oleh sebab itu tidak jarang banyak diantara kita berusaha mencari tahu keberbagai penjuru search engine tidak terkecuali di google. Untuk mempermudahnya saya disini akan memberikan script kode tentang Kode Warna yang bisa diletakkan di blog anda.

    Berikut adalah tampilannya:



    Untuk kodenya adalah sebagai berikut:
    <div style="line-height: 0; text-align: center;">
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">   <param name="src" value="http://www.allblogtools.com/MiSc/colors/color-codes.swf" />
    <param name="pluginspage" value=" http://www.macromedia.com/go/getflashplayer" />
    <embed width="485" height="485" type="application/x-shockwave-flash"
    src="http://www.allblogtools.com/MiSc/colors/color-codes.swf"   pluginspage=" http://www.macromedia.com/go/getflashplayer" /> </object></div>

    2012/06/21

    Menampilkan Widget pada Halaman Tertentu

    Terkadang banyak diantara kita mencari sejumlah cara untuk menyembunyikan widget atau hanya sekedar menampilkan hanya pada halam tertentu saja. Maka tidak heran banyak webmaster yang sangat jeli memperhatikan kenyamanan penggunaan berbagai fitur yang tersedia oleh blog maupun web. 

    Dengan memaksimalkan tersebut akan sedikit mempermudah anda dalam penyajian artikel untuk bisa dibaca oleh pembaca artikel anda. Dengan menggunakan fitur ini yang saya dapatkan dari wizyuloverz.blogspot.com mengenai peletakkan suatu widget.


    Berikut Kode Untuk Mengatur Menampilkan Widget Di Blog :

    1. Menampilkan widget hanya di halaman depan saja (homepage).

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    ......................................................
    </b:if>

    2. Menampilkan di semua halaman kecuali homepage.

    <b:if cond='data:blog.url != data:blog.homepageUrl'>
    ......................................................
    </b:if>

    3. Menampilkan widget hanya di halaman Archive saja.

    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    ......................................................
    </b:if>

    4. Menampilkan widget di semua halaman kecuali halaman archive.

    <b:if cond='data:blog.pageType != &quot;archive&quot;'>
    ......................................................
    </b:if>

    5. Menampilkan widget hanya di halaman posting.

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    ......................................................
    </b:if>

    6. Menampilkan widget di semua halaman, kecuali halaman posting.

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    ......................................................
    </b:if> 

    7. Menampilkan widget hanya di postingan tertentu saja.

    <b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
    ......................................................
    </b:if>

    8. Menampilkan widget selain di postingan tertentu.

    <b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
    ......................................................
    </b:if>

    9. Menampilkan widget hanya di halaman staticpages.

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    ......................................................
    </b:if>

    10. Menampilkan widget di semua halaman,kecuali halaman staticpages.

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    ......................................................
    </b:if> 



    Keterangan :
    • Titik - titik di atas adalah kode widget yang harus di tempatkan


    Lalu bagaimana cara penggunaannya?? Cara penggunaannya cukup mudah anda hanya cukup mencari judul widget saja. Misalkan judul widget anda adalah Advertise. Untuk lebih lengkapnya mari liat penjelasan berikut ini.
    Berikut adalah cara penggunaannya:

    1. Silahkan login akun Blog anda.
    2. Pilih menu Rancangan dan Pilih Edit/HTML
    3. Setelah Itu Centang Expand Widget  
    4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template 
    5. Kemudian cari Advertise gunakan Ctrl+f
    6. Lalu kita cari dan perhatikan kode widget seperti ini :

      <b:widget id='HTML2' locked='false' title='Advertise' type='HTML'>
      <b:includable id='main'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
      <data:content/>
      </div>
      </b:includable>
      </b:widget> 
        
      Untuk memasukkan kode tersebut anda hanya cukup memasukkan salah satu kode diatas dalam kode tersebut seperti contoh berikut:

      <b:widget id='HTML2' locked='false' title='Advertise' type='HTML'>
      <b:includable id='main'>

      <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
      <data:content/>
      </div>
      </b:if>
      </b:includable>
      </b:widget>

    Nb : Untuk yang diwarnai kuning adalah kode yang ditambahkan.

    2012/06/20

    Membuat Related Post dengan Thumbnail

    Biasanya untuk memanjakan pengunjung dari suatu blog dibutuhkan suatu nuansa yang baik dalam pemanjaan mata serta memduahkan dalam pencarian. Oleh sebab itu dengan menggunakan pemanfaat fitur ini akan sedikit mempermudah anda terlebih anda tidak perlu mengotak-ngatik HTML blog anda. Cara mendapatkan fitur ini juga terlebih mudah bahkan free untuk penggunaannya. Namun jika anda ingin menggunakan fitur Related Post hanya dalam bentuk anda bisa membaca tutorial Membuat Kolom Artikel Terkait.

    Cara Mendapatkan Widget
    1. Pergi ke LinkWithin.
    2. Setelah masuk halamannya, lihat ke bagian kanan bawah dimana disitu terdapat kolom isian untuk mendapatkan widgetnya.
    3. Masukkan valid email, dan Isikan url blog/website.
    4. Pilih Platform blog anda (ini digunakan untuk memasukkan secara otomatis melalui dashboard/admin page blog).
    5. Pilih jumlah link/stories yang ingin anda tampilkan, sesuaikan dengan lebar post body di blog.(pilih melalui dropdown menu di kolom Width)
    6. Centang "My blog has light text on a dark background" jika latar tampilan blog anda berwarna gelap.
    7. Klik 'GetWidget!'.
    8. Anda akan masuk ke halaman selanjutnya dan dibimbing untuk melakukan langkah-langkah sesuai dengan platform blog.
    9. Setelah masuk ke halaman widget editor/page element di dashboard, tarik widget ke bawah post body jika ingin ditampilkan di bawah post body, save dan check hasilnya.
    Contoh tampilannya seperti ini:

    Membuat Related Post dengan Thumbnail

    2012/06/13

    Membuat Tombol Back to Top

    Setelah saya tidak posting artikel. kali ini saya akan berbagi sedikit cara bagaimana membuat tombol back to top yang saya dapatkan dari ada-blog.com mengenai membuat Tombol Back To Top.


    Fitur back to top yang dibuat sekarang ini adalah fitur tombol back to top menggunakan jQuery. Kelebihan yang diapat dari penggunaannya juga adalah efek ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. 

    Untuk membuat nya silahkan anda ikuti langkah berikut:
    • Loggin blog
    • Rancangan --> Edit HTML --> Expand Templated Widgets
    • Backup terlebih dahulu template anda
    • Cari kode </body>
    • Letakkan kode berikut ini sebelum kode </body>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    • Setelah itu letakkan kode dibawah ini setelah kode diatas
    <script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
    <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik8Fla7TOs6jzo_9XxKZgEBdSTPkfYIp6_0HVErEsjr6VqSwV05cSbqpRtq27JzK2x3U5SXWxz6CYPRJdbFZWFUbjLczbT04qZQ00guQGoXMCd7XoUcT87RW2IiEj1M-WcIAtsQZNq5Mel/s1600/back_to_top.gif'/></a>
    • Simpan

    2012/06/04

    Mendaftar dan Claim Alexa Rank

    Untuk memaksimalkan kinerja blog anda untuk mendapatkan rank yang rendah yang diberikan oleh Alexa Rank maka anda perlu melakukan Verifikasi terlebih dahulu terhadap Alexa Rank ini dengan cara sebagai berikut. Namun saya juga memiliki sedikit cara untuk lebih mendapatkan Alexa Rank yang rendah kenpa dikatakan rendah karena semakin sedikit jumlah nilai yang diberikan oleh Alexa Rank berarti semakin besar kualitas konten Blog anda dan traffik pengunjung yang tinggi dengan cara membaca artikel Cara merampingkan Digit Alexa Rank.
    • Kunjungi http://www.alexa.com/register
    • Setelah itu anda akan diminta untuk memasukkan Email dan Nickname anda
    • Setelah memasukkan, akan ada kiriman dari Alexa Rank bahwa anda telah terdaftar maka dan klik tautan link yang diberikan Alexa Rank sebagai anda menerima Alexa Rank dan segera mungkin anda akan diarahkan pada layar login. Isikan dengan password dan ritypepassword yang akan anda gunakan dalam pemanfaatan Alexa Rank
    • Setelah itu anda klik Site Tools pada menu header Alexa Rank kemudian klik Claim Your Site yang letaknya paling bawah seperti gambar dibawah ini
    Claim Alexa Rank
    Claim Alexa Rank
    • Setelah itu anda akan diminta untuk memasukkan URL blog anda.
    • Setelah itu anda akan diarahkan kelayar dimana anda diharuskan memilih menggunakan berbagai fasilitas. Namun jika saya menggunakan yang Intro karena Free. Setelah itu anda klik Sign Up
    • Setelah itu anda akan mendapatkan kode dimana kode tersebut harus diletakkan pada Blog anda setelah tag kode <head> dan jika sudah meletakkkan kode tersebut maka anda simpan dan klik Verify seperti gambar dibawah ini
    Verify
    Verify
    • Setelah semuanya selesai maka Alexa Rank telah terverifikasi pada Blog anda. Untuk meletakkan Widget Alexa Rank bisa membaca Tutorialnya di Cara Memasang Alexa Rank

    2012/06/02

    Pasang Meta Tag di Postingan Otomatis

    Meta Tag
    Meta Tag
    Memaksimalkan kinerja meta tag adalah sedikit alasan untuk memantangkan posisi artikel kita dalam search engine terutama mereka yang baru berusia muda. Tidak jarang banyak webmaster terus berupaya melakukan cara untuk menjadikan artikelnya menjadi yang terbaik setidaknya menempati urutan Top 10 Search engine. Maka dengan meta tag adalah cara yang perlu anda kuasai.

    Berikut ada sedikit cara untuk memaksimalkan kinerja meta tag yang akan anda buat.

    Jika anda belum pernah menggunakan meta tag maka anda harus mencari kode dibawah ini pada HTML template anda 

    <title><data:blog.pageTitle/></title>

    atau

    &lt;title&gt;&lt;data:blog.pageTitle/&gt;&lt;/title&gt;


    Namun jika pernah menggunakan meta tag maka anda mencari kode

    <b:if cond='data:blog.pageType == "item"'>
    <title><data:blog.pageName/> | <data:blog.title/></title></b:if>


    atau

    &lt;b:if cond='data:blog.pageType == "item"'&gt;
    &lt;title&gt;&lt;data:blog.pageName/&gt; | &lt;data:blog.title/&gt;&lt;/title&gt;&lt;/b:if&gt;

    Setelah itu ganti kode tersebut dengan kode dibawah ini

    <b:if cond='data:blog.pageType == "index"'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/></title>
    </b:if>
    <b:if cond='data:blog.url == "http://alamatbloganda.blogspot.com/"'>
    <title><data:blog.pageTitle/></title>
    <meta name='description' content='isi dengan deskripsi untuk homepage blog anda'/>
    <meta name='keywords' content='isi dengan kata kunci untuk homepage blog anda'/>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
    </b:if>
    <meta content='follow,all' name='robots'/>


    Nb: Ganti yang berwarna Biru sesuai dengan isi yang anda inginkan

    2012/06/01

    Cara Keluar dari Google Sandbox

    Memiliki artikel yang berkualitas namun dipenjara?? sungguh malang nasib artikel tersebut.. Mungkin artikel tersebut terlalu banyak pengeditan sama dengan halnya artikel saya pernah mengalami nasib serupa.. Namun hal ini bisa diantisipasi secepat mungkin.. Waktu itu artikel saya yang berjudul Perencanaan Finansial Pendidikan Sang Buah Hati mengalami namanya Google Sandbox, namun hanya dalam tempo 12 jam artikel tersebut telah beredar kembali pada Top 10 Google.. Waktu itu saya hanya merubah labelnya saja dan hasilnya dalam tempo 10 menit artikel saya langsung hilang dari posisi Top 10 Google.. Benar-benar menyakitkan karena artikel ini tengah mengikuti kontes blog.. 

    Akhirnya saya cari berbagai cara untuk menampilkan artikel tersebut dan tibalah saya pada Google Webmaster Tools. Saya mengakalinya pada banyak fitur yang diberikan Google Webmaster Tools dan akhirnya usaha saya tidak sia-sia.. Lalu bagaimana caranya?? cukup mudah kok sebenarnya.. Ini sebenarnya hanya terjadi sebentar dan anda hanya perlu mengunjungi https://www.google.com/webmasters/tools lalu anda pilih blog anda yang akan diperbaiki dengan cara klik Managed Site lalu Add or Remove Users.. Jika telah selesai dengan langkah tersebut maka pilih menu sitelink seperti gambar dibawah ini

    Cara Keluar dari Google Sandbox
    Cara Keluar dari Google Sandbox

    Untuk yang dilingkari biru adalah alamat url artikel anda. Sementara kotak isian yang bawah adalah url lengkap artikel anda semisal url artikel saya adalah http://thefimsite.blogspot.com/2012/05/tentang-google-analytics.html maka untuk pengisian lingkar biru hanya memasukkan 2012/05/tentang-google-analytics.html sementara yang dibawahnya anda memasukkannya lengkap pada url artikel anda yaitu semisal http://thefimsite.blogspot.com/2012/05/tentang-google-analytics.html hal ini bermaksud untuk meminta Google Boot mengunjungi kembali artikel tersebut agar segera terindeks kembali.. Insya Allah dalam tempo kurang dari 24 jam artikel anda segera terindeks.. 

    Untuk mengetahui dimana letak posisi artikel anda, anda bisa membaca artikel Mengetahui Posisi Artikel di Google sebagai referensi untuk mencari posisi artikel anda dalam peredarannya di Google.

    2012/05/31

    Tentang Google Sandbox

    Google Sandbox
    Google Sandbox
    Google Sandbox merupakan suatu keadaan pada sebuah web atau blog yang telah didaftarkan pada mesin pencari hilang dari peredaran SERP (Search Engine Result Pages) Google. Atau lebih akrab disebut oleh para webmaster dengan penjara Google. Biasanya situs yang terkena efek ini adalah yang umurnya masih muda, namun tidak menutup kemungkinan bagi situs yang mempunyai ranking bagus di Google juga terkena efek Google Sandbox atau bahkan banyaknya perubahan terhadap suatu artikel tersebut.

    Google Sandbox adalah tempat sementara sebuah situs atau blog diparkir dan dinilai oleh Google. Apakah alamat tersebut layak muncul dalam SERP atau tidak. Tentu pertimbangan Google ini didasari oleh peraturan-peraturan yang telah diberikan. Hal inilah yang terkadang menjadi salah satu momok besar bagi para webmaster karena walaupun mereka membuat artikel sebanyak mungkin takut jika artikel tersebut tidak masuk dalam peredaran SERP Google.

    Penyebab Google Sandbox banyak sendiri, diantaranya :
    1. Begitu banyak dan cepat mendapatkan backlink inbound. Google secara otomatis menganggap hal tersebut tidak wajar. Tapi selama masih wajar mungkin tidak masalah. Sayangnya saya belum mengetahui berapa jumlah backlink inbound dalam setiap hari yang masih dianggap wajar oleh google. Menurut saya ada lebih baiknya mencari backlink yang terbaik adalah sedikit tetapi kontinu.
    2. Isi konten yang tidak cocok dengan judul dan deskripsi yang dibuat. Oleh karena itu setiap penulisan artikel usahakan ada kata-kata yang ada dalam judul masuk ke dalam konten.
    3. Keyword Stuffing yaitu menuliskan kata-kata keyword secara berlebihan dalam weblog kita.

    2012/05/30

    Mendaftar Google Analytics

    Setelah Anda mengetahui manfaat dan apa saja kegunaan yang diberikan oleh Google Analytics yang telah saya jelaskan pada artikel Tentang Google Analytics maka anda perlu membuatnya dan menjadikannya sebagai alat penghitung traffik situs maupun blog anda dengan cara sebagai berikut:

    • Kunjungi https://www.google.com/analytics
    • Setelah itu anda klik Create An Acount --> Sign Up
    • Maka Anda akan diarahkan pada layar seperti ini untuk mengisikan data dengan benar.
    Mendaftar Google Analytics
    Mendaftar Google Analytics

    • Setelah itu anda akan mendapatkan kode script yang harus diletakkan sebelum tag kode </head>. Hal ini bemaksud sebagai kode verifikasi bahwa Situs atau Blog anda telah terdaftar pada Google Analytics
    Mendaftar Google Analytics
    Mendaftar Google Analytics
    • Lalu klik save