Cara Mengecek Crawl Error di Google Webmaster


Pernahkah anda menghapus beberapa postingan atau artikel pada blog anda ? Jika pernah, sebaiknya jangan dilakukan. Karena akan menyebabkan link ke artikel tersebut akan error. dan reputasi blog anda dimata search engine tidak bagus. Apalagi artikel yang anda hapus tersebut sudah terlanjur di crawler oleh search engine Google.


Salah satu pekerjaan yang harus dilakukan para blogger dalam meningkatkan SEO pada blog, adalah mengecek Crawl Error di Google Webmaster anda. Hal ini berguna untuk memperbaiki page rank untuk blog atau situs anda. Kebanyakan dari teman-teman blogger tidak terlalu memperhatikan hal ini.


Nah bagaimana Cara Mengecek Crawl Error di Google Webmaster ?



1. Bukalah Google Webmaster anda. Kemudian klik pada menu Diagnostics > Crawl errors > Not found


Cara Mendeteksi Crawl Error


2. Lihatlah berapa banyak error yang terdapat dalam blog anda. Perhatikan angka dalam kurung disebelah tulisan Not found.
Label:

Cara Menambahkan Blog Baru pada Satu Akun Blog


create-new-blog-list Salah Satu keuntungan membuat blog pada Blogger, satu akun Google dapat digunakan untuk membuat banyak blog. Pada prinsipnya, kita dapat memiliki lebih dari satu blog dari akun yang sama. Jika anda ingin menambahkan blog baru, silahkan ikuti langkah-langkah berikut ini :


1. Pada Dashboard, klik tombol yang bertuliskan New Blog.






2. Lalu muncul tampilan seperti gambar dibawah ini :


create-new-blog

Pada bagian Title (1), isikanlah dengan Judul Blog yang anda inginkan.
Pada bagian Address (2), ketikkan dengan nama alamat blog yang ingin digunakan.
Lalu pilihlah salah satu template yang anda sukai. Untuk template nantinya dapat ditukar kembali. Langkah terakhir adalah mengklik tombol Create blog!.
Label:

Cara Menyisipkan Al-Quran Digital dengan Suara pada Blog


al-quran Sesuai dengan perkembangan teknologi masa kini, Al-qur’an pun dikemas dalam bentuk digital secara online. Hal ini akan memudahkan umat muslim untuk belajar membaca Al-Qur’an lengkap dengan memahami artinya, mendengarkan lapasnya sesuai dengan tajwid secara Online. Selain itu, Al-Quran digital ini juga bisa dipelajari per-surah. Sehingga akan memudahkan kita untuk membacanya.


Al-quran digital ini dibuat oleh Alquran-indonesia.com, dapat kita sisipkan kedalam blog. Bagi rekan-rekan blogger yang ingin menyisipkan Al-Quran ini kedalam blog dapat meng-copy kode dibawah ini :




<iframe width="100%" height="400" frameborder="0" src="http://m.alquran-indonesia.com/mquran/index.php/quran">

</iframe>



Hasilnya akan menjadi seperti dibawah ini :
Label:

Cara Menyisipkan gambar dipostingan blogspot

insert-gambar Untuk menambah keindahan postingan pada blog, serta untuk menguatkan kandungan isi blog tentu saja harus dilengkapi dengan gambar. Nah untuk menambahkan gambar kehalaman blog kita harus memahami prinsip dasarnya. Apakah prinsip yang paling mendasar tersebut ? Format gambar yang direkomendasikan untuk halaman blog haruslah berformat .jpg, .png dan .gif. Sedangkan untuk format lain seperti, .bmp tidaklah dianjurkan, karena memiliki kapasitas file yang besar sehingga proses loading akan makin lambat. Jika telah memahami prinsipnya, berikutnya adalah bagaimana cara memasukkannya kedalam halaman blog.


Saya berasumsi bahwa rekan-rekan semua telah menuliskan teks postingan terlebih dahulu. Jika sudah, letakkan pointer mouse ditempat yang ingin disisipkan gambar. Lalu klik icon Insert Image atau yang ditunjukkan dengan panah.
insert-gambar-01
Akan muncul tampilan seperti gambar dibawah ini :

insert-gambar-02

Lalu klik tombol Choose files. Carilah gambar yang ingin disisipkan pada komputer rekan-rekan. Klik tombol Open untuk memasukkannya. Tampilan akan berubah menjadi seperti dibawah ini :

insert-gambar-03

Kemudian klik tombol Add selected. Gambar akan masuk kedalam postingan.

insert-gambar-04

Aturlah opsi untuk gambar. Pilih ukuran gambar pada tulisan Small, Medium, Large, X-Large atau Original size. Lalu pilih opsi peletakkan gambar pada tulisan Left, Center dan Right. Jika ingin menambahkan keterangan pada gambar, klik tulisan Add caption.

Hasil akhirnya kira-kira seperti gambar dibawah ini :

insert-gambar-05
Label:

Cara Membuat Daftar List pada Blog

BulletsandNumbers Jika anda pernah menggunakan Microsoft Word tentu saja akan sangat mengenal dengan istilah bullet dan numbering. Pada blog, juga menggunakan istilah ini. Hanya saja cara menuliskannya berbeda.

Secara umum daftar list dibagi menjadi 2, yaitu daftar list numbering atau biasa dikenal dengan ordered list. Dan daftar list yang kedua berupa bullet (simbol) atau biasa dikenal dengan unordered list.



Sebagai contoh silahkan dilihat bedanya dibawah ini :

Ordered List / Numbering

  1. Baris Pertama

  2. Baris Kedua

  3. Baris Ketiga

  4. Dan Seterusnya

Unordered List / Bullet

  • Baris Pertama

  • Baris Kedua

  • Baris Ketiga

  • Dan Seterusnya

Bagaimana cara menuliskannya pada HTML atau Blog ? Untuk menuliskannya kita harus berada pada mode HTML. Secara umum, bentuk penulisannya adalah sbb :

Ordered List / Numbering :

<ol> 
  <li>Baris Pertama</li>  
  <li>Baris Kedua</li>  
  <li>Baris Ketiga</li> 
  <li>Dan Seterusnya</li> 
</ol>

Untuk menuliskan ordered list kita memulainya dengan TAG <ol></ol>. Dan untuk menuliskan baris isinya ditulis dengan tag <li>Teks Anda</li>

Unordered List / Bullet : 

<ul> 
  <li>Baris Pertama</li>  
  <li>Baris Kedua</li>  
  <li>Baris Ketiga</li> 
  <li>Dan Seterusnya</li> 
</ul>

Untuk menuliskan unordered list kita memulainya dengan TAG <ul></ul>. Dan untuk menuliskan baris isinya ditulis dengan tag <li>Teks Anda</li>

Diantara kedua list ini bisa disisipkan atau digabungkan menjadi bagian yang komplek, seperti contoh dibawah ini :

  1. Baris Pertama

  2. Baris Kedua

    • Sub Baris Pertama

    • Sub Baris Kedua

      1. Sub Sub Baris Pertama

      2. Sub Sub Baris Kedua


    • Sub Baris Ketiga


  3. Baris Ketiga

Cara penulisannya adalah sebagai berikut :

<ol>
  <li>Baris Pertama </li>
  <li>Baris Kedua 
    <ul>
      <li>Sub Baris Pertama </li>
      <li>Sub Baris Kedua 
        <ol>
          <li>Sub Sub Baris Pertama </li>
          <li>Sub Sub Baris Kedua </li>
        </ol>
      </li>
      <li>Sub Baris Ketiga </li>
    </ul>
  </li>
  <li>Baris Ketiga </li>
</ol>
Label: , ,

Blue Ice Blogger Template








Template Name :
Blue Ice
Template Author :
New Blogger Templates / http://buymythemes.com/
Description :
Blue Ice Blogger Template is a free blogger templates adapted from CSS Template to Blogger Template with nice blue background. It's a 2 column blogger template with right sidebar, 2 column footer and suitable for business blogs.


Label: ,

Zero Gravity Blogger Template








Template Name :
Zero Gravity
Template Author :
http://www.dhetemplate.com
Description :
Features Zero gravity Blogger Template : 2 column, 3 column footer, Magazine style, Featured content slider, css3 properties, Tabview ready, Ads ready


Label: ,

Techmiem Blogger Template








Template Name :
Techmiem
Template Author :
xmlbloggertemplates
Description :
Techmiem is a good looking layout for personal blogs. It’s clean and pleasing to the eye. You can use the template on any other blogs that you run. Fiture template : 1 Right Sidebar, 2 Column, Ads Ready, Blogger, Bookmark Ready, Brown, Elegant, Fixed, Web 2.0, Wordpress Look


Label: ,

Cara Menampilkan Postingan Berdasarkan Label

widget-feed-label Untuk menampilkan postingan yang hanya pada label tertentu, kita bisa memanfaatkan jasa LABEL pada blogspot. Sebagai contoh, saya memiliki blog yang dikelompokkan kedalam beberapa label, salah satunya berlabel Widget. Dan saya ingin menampilkan widget artikel yang berisikan artikel dalam label Widget saja. Jadi artikel dengan label lain tidak diikutsertakan.

Nah bagaimana cara membuatnya ? Berikut triks singkat untuk membuatnya :

  1. Login ke Blogger anda. Pilih menu Design > Page Elements.
  2. Kemudian klik Add a gadget.
  3. Lalu cari widget yang bertuliskan Feed. Klik pada tulisannya atau pada gambar bersimbol (+).
    widget-feed-label-01
  4. Lalu akan muncul form isian seperti dibawah ini :
    widget-feed-label-02
    - Ketikkan alamat ini pada form :
    http://alamat-blog-anda.blogspot.com/feeds/posts/default/-/Widget
    Ubahlah teks alamat-blog-anda menjadi alamat blog anda.
    - Jika menggunakan nama labelnya lebih dari satu kata seperti “Widget Saya”, maka harus menambahkan %20 diantara kedua kata label tersebut. Hasilnya menjadi :
    http://alamat-blog-anda.blogspot.com/feeds/posts/default/-/Widget%20Saya
    - Untuk menampilkan urutan postingan dari yang terbaru ke yang lama, ubah menjadi
    http://alamat-blog-anda.blogspot.com/feeds/posts/default/-/Widget?orderby=updated
  5. Klik tombol SAVE.
Label: , ,

Cara Menambahkan Widget Label / Kategori

widget-label Sebelumnya kita haruslah tahu dengan Istilah Label pada blog. Label merupakan pengelompokkan postingan kedalam kategori-kategori tertentu. Jika beberapa postingan diberikan label yang sama, maka artinya postingan tersebut termasuk kedalam kategori yang sama pula.

Widget Label merupakan widget standard bawaan blogspot. Dengan menambahkan widget label ini, akan memudahkan pengunjung untuk mencari artikel berdasarkan label / kategori tertentu.

Berikut Langkah-langkah menambahkan Widget Label :

  1. Login ke Blogger anda, lalu pilih Design > Page Elements.
  2. Kemudian klik pada Tulisan Add a Gadget.
  3. Lalu cari widget yang bertuliskan Labels. Klik pada tulisannya atau pada gambar bersimbol (+).
    widget-label-01
  4. Aturlah konfigurasi seperti yang anda inginkan. Sebagai contoh bisa dilihat pada gambar dibawah ini :
    widget-label-02
    Title : Tuliskan judul widget yang anda inginkan, bisa anda tulis dengan Kategori, Menu, Kompetensi, dll.
    Show : Terdapat 2 pilihan dibagian ini. Jika ingin menampilkan semua label yang ada, silahkan pilih All Labels, jika hanya ingin menampilkan Label-label tertentu saja silahkan pilih Selected Labels.
    Sorting : Pilih metode pengurutan label yang muncul berdasarkan Alphabetically (Abjad) atau berdasarkan By Frequency (berdasarkan jumlah artikel terbanyak pada label).
    Display : Jika anda ingin menampilkan label secara berurutan dari atas kebawah, pilihlah opsi List. Tetapi jika ingin menampilkan dari kiri ke kanan, pilihlah opsi Cloud.
    Pada tulisan Show number of posts per label boleh dipilih atau tidak, tergantung kebutuhan anda.
  5. Klik tombol SAVE.

Widget label akan muncul disidebar anda. Klik gambar Obeng untuk melakukan perubahan opsi yang diinginkan.

Label:

HTML : Mengenal Tag Hyperlink <A>

hyperlink Hyperlink atau biasa dikenal dengan Link adalah sebuah kata, kalimat atau gambar yang mengarah kesebuah halaman atau alamat tertentu pada halaman web. Tujuan tersebut bisa mengarah ke halaman web itu sendiri, ke halaman lain dalam web tersebut atau juga ke alamat web lain.

Secara umum penulisan tag hyperlink ditandai dengan tag <a>. Bentuk penulisannya sangat simpel dan mudah, yaitu :

<a href=”url”>Teks Link</a>

CONTOH bisa dilihat dibawah ini

Penulisannya : <a href=”http://kolom-blogger.blogspot.com”>Tutorial Blogspot</a>
Hasilnya : Tutorial Blogspot

Pada kode diatas terdapat tag tambahan HREF, yang berarti bagian ini berisikan alamat tujuan tertentu baik itu url web ataupun email.

CONTOH PENERAPAN :

  1. <a href=”http://www.belajarpc.info”>Contoh link menuju URL</a>
    Apakah anda ingin Menjadi Teknisi Komputer yang Handal ?
  2. <a href=”index.html”>Contoh link langsung ke File dalam web tersebut</a>
    Contoh link langsung ke File
  3. <a href=”#bawah”>Contoh link pada halaman yang sama</a>
    Klik tulisan ini untuk menuju ke Paragraph 20
    Paragraph 1
    Paragraph 2
    Paragraph 3
    Paragraph 4
    Paragraph 5
    Paragraph 6
    Paragraph 7
    Paragraph 8
    Paragraph 9
    Paragraph 10
    Paragraph 11
    Paragraph 12
    Paragraph 13
    Paragraph 14
    Paragraph 15
    Paragraph 16
    Paragraph 17
    Paragraph 18
    Paragraph 19
    Paragraph 20
  4. <a href=”mailto:oki.helfiska@yahoo.com”>Contoh link ke Email</a>
    “Jika anda ingin mengirim kritik dan saran silahkan Email saya”

ATRIBUT TAMBAHAN

  1. TARGET
    Penambahan atribut target kedalam tag link akan menentukan tujuan dibukanya alamat dalam web browser
    Contoh Penulisan :
    <a href=”http://www.belajarpc.info” target=”_blank”>Belajar Komputer</a>
    Artinya, alamat www.belajarpc.info akan dibuka pada halaman baru atau tab baru pada web browser.
    Atribut lainnya :
    _blank : membuka dokumen terkait di jendela baru atau tab
    _self : membuka dokumen terkait pada frame yang sama ( default )
    _parent : membuka dokumen terkait dalam frameset induk
    _top : membuka dokumen terkait dalam jendela utama.
  2. TITLE
    Penambahan atribut title berfungsi untuk menambahkan informasi tambahan pada link ketika mouse over diatas link.
    Contoh Penulisan :
    <a href=”http://www.belajarpc.info” target=”_blank” title=”Visit Blog Belajar PC>Belajar Komputer</a>
    Hasilnya :
    Belajar Komputer (Arahkan mouse diatas teks disamping)

LINK MENGGUNAKAN GAMBAR

Selain menggunakan teks, link juga bisa diterapkan pada gambar.

Contoh penulisan :

<a title="Visit Blog Belajar PC” href="http://www.belajarpc.info"><img border="0" alt="Visit Blog Belajar PC" src="gambar.gif"  /></a>

Hasilnya :

Visit Blog Belajar PC

Label:

Cara mengganti Template Blogspot

Setelah anda berhasil Membuat Blog, silahkan untuk merubah template blog tersebut. Template merupakan bentuk tampilan dan tata letak dari sebuah blog. Agar tampilan blog yang kita miliki sesuai dengan keinginan kita dan disukai oleh pengunjung, tampilan tentu saja harus menarik. Selain itu template juga berfungsi untuk memudahkan pengunjung lain dalam berselancar artikel-artikel yang ada pada blog.

Untuk mengganti template pada blogspot dapat dilakukan dengan 2 cara, yaitu :

  1. Dengan menggunakan Template Designer atau
  2. Dengan menggunakan Template dari Layanan Pihak ketiga / template hasil karya para blogger yang lain.

Pada tulisan kali ini saya hanya membahas Cara mengganti Template Blogspot karya para blogger. Sebelum melakukan penggantian template, silahkan anda download terlebih dahulu template yang akan digunakan. Sebagai referensi, anda dapat mencari Template Blog disini. Atau disitus penyedia template yang popular seperti : BTemplates dan ZoomTemplate.

Langkah-langkah apa saja yang dilakukan untuk mengganti template ?

  1. Login ke Blogger anda, lalu pilih menu Design > Edit HTML.
    Cara Mengganti Template Blogspot
  2. Kemudian pada bagian Backup / Restore Template pilih tombol Browse.
    Cara Mengganti Template Blogspot
  3. Carilah letak file template yang telah di download sebelumnya. Format file yang akan diupload harus berformat .xml.
    Cara Mengganti Template Blogspot
  4. Setelah itu klik tombol Upload.
  5. Blogger akan meminta kita untuk mengkonfirmasi penghapusan gadget pada template yang sebelumnya. Klik tombol DELETE WIDGETS untuk menghapusnya.
    Cara Mengganti Template Blogspot
  6. Proses merubah template telah berhasil dilakukan. Klik link View Blog untuk melihat hasil perubahan dari template.
    Cara Mengganti Template Blogspot

Lakukan langkah yang sama jika anda masih ingin merubah templatenya.

Label: ,

Cara Mengganti Kursor Mouse pada Blog

cursor-mouse Apakah Anda merasa bosan dengan kursor default pada blog anda?  Jika iya, anda dapat merubahnya dengan mudah. Merubah kursor mouse pada blog berbeda dengan merubah kursor pada sistem operasi. Keunggulannya kursor pada blog bisa divariasikan, baik itu menggunakan format .cur, .ani maupun .gif.

Selain itu, penggunaan cursor juga bisa diterapkan hanya pada bagian tertentu saja, misalnya hanya pada Hyperlink (URL), Table, TD, DIV, SPAN, dll.

Bagaimana Cara Mengganti Kursor Mouse pada Blog ?

Cara 1 :

  1. Login ke Blogger anda

  2. Klik Menu Design > Page Elements > Add Gadget

  3. Pilih gadget "HTML/Java Script"

  4. Copy kode dibawah ini kedalamnya : 

    <style type="text/css">
    body {cursor:url("http://cursors3.totallyfreecursors.com/thumbnails/4.gif"),default} 
    </style>

  5. Tekan tombol Save.

    Anda dapat mengganti alamat kursor yang lain pada bagian URL.

Cara 2 :

  1. Login ke Blogger anda

  2. Klik Menu Design > Edit HTML

  3. Carilah kode ]]></b:skin>, lalu paste-kan kode dibawah ini sebelum kode tersebut :
    body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/4.gif), default;}

  4. Simpan Template anda.



Sebagai referensi kursor anda bisa mengunjungi situs :

Beberapa contoh gambar kursor yang bisa anda gunakan :

indonesia rofl chelsea-football-club garfield1 ironman-ani justinbieberglitter mario sonic

Label: ,

Tukaran Link Otomatis Yuk

Mau Tukaran Link Secara Otomatis dengan Blog ini ? Disinilah tempatnya. Cukup Masukkan Nama Anda dan URL dari Blog anda, langsung jadi deh :)

Label:

Cara Mematikan Fungsi Klik Kanan Mouse dengan JQuery

disable-right-click Klik kanan pada web browser memiliki fungsi yang cukup banyak. Diantaranya adalah mencopy teks, memblok sebagian teks, menyimpan gambar, mengambil url link, dll. Sebagian blogger sengaja mematikan fungsi ini untuk menghindari agar artikel dan gambarnya tidak bisa di copas alias copy + paste. Nah sobat blogger yang belum mengetahui triks ini tentu saja juga bisa menerapkannya pada blog sobat.

Mau tahu caranya ?

1. Login ke blogger sobat, lalu klik > Design > Edit HTML

2. Menggunakan Ctrl + F, carilah tag </head>.

3. Copy-kan kode dibawah ini sebelum tag </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});

//]]>
</script>


4. Langkah terakhir klik pada tombol Save Template.
Label: ,

Cara memasang Breadcrumb pada Blogspot

Pernahkah mendengar istilah Breadcrumb ? Bagi anda yang sudah lama melakukan blogging sudah tentu tau dengan istilah ini. Tetapi bagi yang baru, breadcrumb merupakan menu navigasi yang mempermudahkan pengunjung blog mengetahui posisinya dalam blog tersebut. Sehingga pengunjung blog dapat berpindah lokasi dari konten menuju home.

Breadcrumb juga berfungsi untuk menggambarkan struktur atau lokasi dari artikel yang dibacanya diblog. Biasanya breadcrumb diletakkan pada bagian atas header atau disebelah bawah header. Sebagai contoh bisa dilihat pada bagian atas judul artikel ini.



Bagaimana cara membuat breadcrumb pada blogspot ?

  1. 1. Login ke blogger anda.

  2. Klik DESIGN > Edit Html. Jangan lupa mem-backup template anda terlebih dahulu, kemudian klik Expand Widget templates.

  3. Lalu carilah kode berikut ini : 

    <b:include data='top' name='status-message'/>
    Gantilah kode tersebut dengan kode dibawah ini  

    <b:include data='top' name='status-message'/> 
    <b:include data='posts' name='breadcrumb'/>

  4. Langkah berikutnya carilah kode dibawah ini : 

    <b:includable id='main' var='top'>
    dan ganti dengan kode ini : 

    <b:includable id='breadcrumb' var='posts'>    
    <b:if cond='data:blog.homepageUrl == data:blog.url'>    
    <!-- No breadcrumb on home page --> 
    <b:else/> 
    <b:if cond='data:blog.pageType == "item"'> 
    <!-- breadcrumb for the post page --> 
    <p class='breadcrumbs'> 
    <span class='post-labels'> 
    <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> 
    <b:loop values='data:posts' var='post'> 
    <b:if cond='data:post.labels'> 
    <b:loop values='data:post.labels' var='label'> 
    <b:if cond='data:label.isLast == "true"'> » 
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a> 
    </b:if> 
    </b:loop> 
    <b:else/> 
    » Unlabelled 
    </b:if> 
    » <span><data:post.title/></span> 
    </b:loop> 
    </span> 
    </p> 
    <b:else/> 
    <b:if cond='data:blog.pageType == "archive"'> 
    <!-- breadcrumb for the label archive page and search pages.. --> 
    <p class='breadcrumbs'> 
    <span class='post-labels'> 
    <a expr:href='data:blog.homepageUrl'>Home</a> » Arsip untuk <data:blog.pageName/> 
    </span> 
    </p> 
    <b:else/> 
    <b:if cond='data:blog.pageType == "index"'> 
    <p class='breadcrumbs'> 
    <span class='post-labels'> 
    <b:if cond='data:blog.pageName == ""'> 
    <a expr:href='data:blog.homepageUrl'>Home</a> » Semua posts 
    <b:else/> 
    <a expr:href='data:blog.homepageUrl'>Home</a> » Kategori <data:blog.pageName/> 
    </b:if> 
    </span> 
    </p> 
    </b:if> 
    </b:if> 
    </b:if> 
    </b:if> 
    </b:includable> 
    <b:includable id='main' var='top'>

  5. Berikutnya carilah kode : 

    ]]></b:skin>
    dan tambahkan kode ini diatasnya : 

    .breadcrumbs { 
    padding:5px 5px 5px 0px;
    margin: 0px 0px 15px 0px;
    font-size:95%;
    line-height: 1.4em;
    border-bottom:3px double #e6e4e3;
    }

  6. Simpan template anda, dan lihat hasilnya

Label: , ,

Cara menulis Konten Pada Blog

Setelah berhasil membuat blog, langkah selanjutnya adalah bagaimana cara menulis konten pada blog. Yang harus diperhatikan ketika menuliskan konten blog adalah bahwa konten yang dituliskan harus unik dan isinya sesuai dengan tujuan serta tema dari blog yang kita bangun. Agar nantinya konten yang ditulis dapat menarik dan disukai oleh yang membacanya.

Nah bagaimana cara menulis konten pada blog ?

  1. Login ke akun blogger anda.
  2. Lalu pilih menu NEW POST
    cara-memposting-01
  3. Akan muncul lembar menuliskan postingan seperti gambar dibawah ini :
    cara-memposting-02
    Title : Tuliskan judul postingan yang ingin dibuat.
    Pada bagian bernomor 2, tulislah isi konten postingan tersebut.
    Labels : Tambahkan Label atau kategori dari postingan, misalnya saya memberikan Label “Motivasi” untuk postingan tersebut. Label ini penting untuk diterapkan. Karena fungsi dari Label adalah untuk mengelompokkan beberapa postingan kedalam 1 kategori.
  4. Setelah diisi semua, klik tombol PUBLISH POST untuk menyimpan dan menerbitkan postingan anda. Jika anda belum ingin menerbitkannya bisa menekan tombol SAVE untuk menyimpan jadi draft/konsep atau PREVIEW untuk melihat hasil sementaranya.
  5. Jika anda langsung mem publish postingan, blogger akan menampilkan tampilan seperti dibawah ini :
    cara-memposting-03
    Pada gambar diatas terdapat 3 link tulisan, pada tulisan pertama (1) digunakan untuk melihat hasil postingan anda. Pada Tulisan kedua (2) digunakan untuk meng-edit tulisan yang telah dibuat tadi. Dan yang ketiga (3) untuk membuat postingan baru.
  6. Selamat menulis Blog.
Label:

Cara Menampilkan Ikon dalam postingan pada Label Tertentu

Pada blogger anda dapat menampilkan ikon, teks atau gambar tertentu untuk setiap label / kategori tertentu di dalam posting blog. Nah sebagai contoh, saya membuat sebuah blog tentang KPA Bestari yang memiliki label / kategori sebagai berikut : Berita, Pengumuman, Kegiatan, Dokumentasi dan Album. Setiap postingan yang berada dalam label tersebut diatas akan menampilkan ikon yang berbeda-beda. Contoh dapat dilihat pada gambar dibawah ini.

Cara Menampilkan Ikon dalam postingan pada Label Tertentu

Nah mau tau cara membuatnya ? Untuk membuatnya kita harus memahami 2 tahapan :

Tahap 1 : Persiapan

  1. Dilarang menyisipkan gambar pada paragraf pertama setiap postingan.

  2. Dilarang menerapkan lebih dari 1 (satu) label untuk postingan.

  3. Setiap postingan telah diberi Label.

Tahap 2 : Cara Membuatnya

  1. Siapkan gambar / icon yang sesuai dengan label pada blog anda. Saya menggunakan gambar-gambar icon dibawah ini untuk label.



    Anda bisa mendownloadnya melalui www.iconfinder.com.

  2. Login ke Blogger, lalu pilih DESIGN > EDIT HTML dan klik "Expand Widget Templates"

  3. Lalu carilah kode dibawah ini, agar cepat gunakan CTRL + F : 

    <div class='post-header-line-1'/>

  4. Kemudian paste-kan kode ini dibawah tag diatas : 

    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.name == &quot;LABEL_ANDA_1&quot;'>
    <img align='right' src='http://alamat-ikon-anda'/>
    </b:if>
    <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name == &quot;LABEL_ANDA_2&quot;'> <img align='right' src='http://alamat-ikon-anda'/>
    </b:if>


  5. Ubahlah tulisan LABEL_ANDA_1, LABEL_ANDA_2 dengan label yang anda gunakan. Duplikat kode diatas sesuai dengan banyaknya label yang anda miliki.


  6. Ubah alamat gambar anda pada kode src=’http://alamat-ikon-anda’ dengan alamat ikon yang anda miliki.


  7. Langkah terakhir, simpanlah template anda.


Label: , ,

Cara Melakukan Login Ke Akun Blogger

Bagi blogger newbie mungkin ada yang masih kurang memahami cara login ke bloggernya atau juga mungkin ada yang lupa cara melakukan login ke akun blogger setelah dibuat. Untuk melakukan login ke blogger, anda ketikkan url http://www.blogger.com di address bar web browser.

Nanti anda akan disuguhkan tampilan seperti dibawah ini :

blogger-login-welcome

Pada sisi sebelah kanan terdapat form isi yang harus diisikan

blogger-login-dashboard

  1. Isikan kotak isi Email dengan nama email untuk mendaftar diblog.
  2. Masukkan password yang dibuat ketika mendaftar blog.
  3. Lalu tekan tombol sign in.

Nah mudah bukan ? Keep Blogging.

Label: ,

Cara Membuat Blog di Blogspot

logo-bloggerSebelum memulai membuat blog, kita harus tahu platform apa saja yang banyak digunakan oleh blogger. Secara umum, platform yang nge-top adalah wordpress dan blogspot. Tetapi keputusannya terserah anda. Pada panduan kali ini saya hanya mengulas Cara Membuat Email di Google Mail. Karena lebih mudah untuk dimodifikasi dan juga gratis.

Untuk membuat sebuah blog, anda diwajibkan telah memiliki Email. Jika belum, silahkan baca terlebih dahulu Cara Membuat Email di Google Mail sebagai panduan. Selanjutnya anda dapat langsung mendaftarkan blog di blogger.

Nah bagaimana proses pendaftaran blog di blogger.com ? Berikut langkah-langkahnya :

  1. Buka web browser, dan ketikkan url www.blogger.com.
    blogger-first-time
  2. Kemudian klik tombol berwarna orange yang bertuliskan Get started.
    blogger-get-started
  3. Isilah formulir pendaftaran yang tersedia untuk mendapatkan blog.
    blogger-form-01
    - Isikan alamat email anda, kemudian ulangi ketik alamat email sama seperti yang dituliskan pada field diatasnya.
    - Masukkan password / sandi yang digunakan. Minimal mengandung 8 karakter (kombinasi angka dan huruf).
    - Ketik Ulang sandi yang dibuat diatas pada field dibawahnya.
  4. Lalu Tuliskan Nama Anda atau boleh menggunakan nama lain.
    - Pilih Jenis Kelamin dan masukkan tahun lahir anda.
    - Isikan Verifikasi Kata seperti yang muncul dilayar monitor anda.
    - Klik / ceklist pada kotak yang bertuliskan Saya menerima Persyaratan dan Layanan sebagai anda menerima persyaratan blogger.com
    - Jika semua data telah diisi dengan benar, klik tombol LANJUTKAN.
    blogger-form-02
  5. Langkah berikutnya adalah memberi Judul blog anda. Misalnya saya memberikan nama blog yang dibuat adalah Kelompok Pencinta Alam Bestari.
    blogger-setup
    Pada Alamat blog (URL) isikan nama yang diinginkan. Nama ini tidak bisa sama dengan nama yang telah dipilih oleh blogger lain. Silahkan klik link Cek Ketersediaan untuk memeriksanya. Jika muncul tulisan Alamat blog ini tersedia, maka anda dapat melanjutkan proses selanjutnya. Nantinya nama blog anda berakhiran blogspot.com. Jika kotak isian alamat blog anda adalah “kpa-bestari”, maka alamat yang tercipta menjadi http://kpa-bestari.blogspot.com.
    Klik tulisan LANJUTKAN untuk melanjutkan proses registrasi.
  6. Proses berikutnya adalah memilih template atau design awal dari blog anda. Design ini merupakan template yang disediakan oleh blogger untuk anda. nantinya anda bisa memilih template lain yang dibuat oleh blogger lain.
    blogger-template
    Setelah dipilih, klik tulisan LANJUTKAN.
  7. Berakhirlah sudah proses pembuatan blog. Klik tulisan MULAI BLOGGING untuk mengisi postingan pertama anda.
    blogger-finish
Label:
Langganan: Postingan (Atom)