Cara Membuat Widget Artikel / Postingan Terbaru di Blogspot

Untuk membuat widget tentang artikel atau postingan terbaru di Blogspot (Blogger) kita harus membuat widget HTML/JavaScript terlebih dahulu. Bagi pemula yang belum memahami apa itu Widget, widget adalah komponen tambahan selain konten utama yang disediakan Blogger untuk melengkapi isi dari suatu blog. Widget bisa diletakkan di samping konten utama (sidebar), di bagian teratas (header) ataupun di bagian terbawah (footer).

Kembali membahas tentang widget HTML/JavaScript. Untuk mengakses widget tersebut silahkan menuju ke Dashboard » Layout (Tata Letak) [gambar 1a], dan silahkan klik 'Add a Gadget' (Tambah Gadget) [gambar 1b] di lokasi yang kita inginkan. Akan muncul Configure HTML/JavaScript [gambar 2]. Tempelkan kode berikut di widget tersebut :

Cara Ke-3 Buat Daftar Isi Dengan Label Tertentu di Blogspot

Cara membikin daftar isi (sitemap) ini merupakan cara ketiga dari cara membuat daftar isi sebelumnya, yaitu cara ke-1 membuat daftar isi dan cara ke-2 membuat daftar isi. Khusus yang ke-3 ini, kita akan membuat daftar isi khusus yang berisikan artikel-artikel dimana artikel tersebut merupakan daftar dari satu topik (kategori/label) saja.

Kenapa diperlukan pembatasan atau filter dengan memilih label tertentu? Jawabannya agar tidak terjadi multiple link, dan pasti kita akan dianggap telah melakukan spam link. Biasanya ini terjadi karena satu artikel memiliki lebih dari satu label.

Cara Ke-2 Membuat Sitemap / Daftar Isi Blogger Otomatis

Cara membuat sitemap atau daftar isi Blogspot atau Blogger di artikel ini merupakan cara kedua atau sebagai alternatif dari artikel sebelumnya yaitu cara ke-1 dan termudah membuat daftar isi / sitemap. Jika dibandingkan dengan cara pertama, cara kedua ini sedikit lebih banyak langkah-langkah dalam pembuatannya. Karena di sini kita perlu menambahkan kode ke dalam Template Blogger.

Perlu kita ketahui bahwa sitemap atau daftar isi pada artikel ini ditujukan untuk pengunjung bukan untuk robot suatu search engine.

Cara Menulis Simbol Kode Html di Postingan Artikel Blog

Apakah anda selalu gagal dalam menulis kode (skrip/sintaks) html atau simbol karakter unik di blog? Hal tersebut dikarenakan kode tersebut dibaca sebagai kode html asli bukan suatu tulisan artikel biasa, karena dibaca sebagai kode maka dia berfungsi sebagai kode pembentuk html dan tidak akan bisa muncul sebagai tulisan posingan artikel suatu blog bersangkutan. Untuk dapat menuliskan kode html di artikel atau postingan blog (khususnya blogger/blogspot), caranya sebagai berikut:

1. Kunjungi situs perubah kode
2. Tuliskan kodenya pada form Input.
3. Klik tombol "encode"
4. Copy semua kode yang ada pada form Result dan paste atau Tempelkan pada postingan artikel di blog anda.

Jika anda mempunyai permintaan, saran dan kritik silahkan berkomentar. Terima kasih telah berkunjung di D-dig.

Title Atau Judul Artikel Di Blogger Berbeda Di SERP Google

Jika anda membuka artikel ini, anda bisa melihat perbedaan antara title atau judul artikel blogger (blogspot) ini dengan judul di hasil pencarian atau SERP (Search Engine Result Page) Google, padahal meta tags yang dipasang sudah baik. Oleh karena itu juga saya ingin membuktikannya secara langsung dengan membuat artikel ini. Dimana artikel ini saya beri title "Title Atau Judul Artikel Di Blogger Berbeda Di SERP Google", setelah dipublikasikan dan di-index oleh Google, judul yang muncul di hasil pencarian Google adalah Title Atau Judul Artikel Di Blogger Berbeda Di SERP Google - D-dig. Disitu ada penambahan karakter (-) dan kata "D-dig", dimana sebenarnya D-dig adalah title dari Blog ini. Jadi di hasil pencarian Google, judul keseluruhannya dirumuskan menjadi: Judul Artikel + Judul Blog

Jika diperhatikan pada xhtml blognya, kode aslinya seperti dibawah ini.
<title><data:blog.pageName/></title>

Tetapi memasuki SERP seakan-akan oleh Google mengedit kodenya menjadi seperti dibawah ini.
<title><data:blog.pageName/> - <data:blog.title/></title>

Keterangan gambar:
a. Judul di SERP Google ada penambahan karakter "- D-dig"
b. Judul di blog normal.
c. Judul di source code normal.

Catatan:

• Semua isi artikel ini hanya berdasarkan pengalaman pribadi. Tidak menutup kemungkinan, hal ini bisa dialami oleh blogger lain tetapi dengan kasus yang berbeda. Mohon informasinya.
• Sepertinya jika judul blog dirasa terlalu panjang, Google tidak menambahkan Judul Blog tersebut sebagai judul penambah dari judul artikel pada SERPnya. Atau dengan kata lain penambahan judul di hasil pencarian tidak berlaku.

Jika anda mempunyai permintaan, saran dan kritik silahkan berkomentar. Terima kasih telah berkunjung di D-dig.

Cara Ke-1 Membuat Sitemap / Daftar Isi Otomatis - Blogger

Di Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi. Cara membuat daftar isi atau sitemap tersebut sangat mudah atau gampang, yaitu dengan menempelkan sedikit kode javascript ke halaman (page) ataupun postingan, dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.

(Jika gagal kita bisa gunakan cara ke-2 dalam membuat daftar isi / sitemap Blogger atau cara ke-3 membuat sitemap)

Pembuatan sitemap atau daftar isi secara otomatis pada artikel ini ditujukan untuk pengunjung blog kita, bukan untuk robot Google. Platform blog yang dimaksud di sini adalah Blogger bukan Wordpress, Tumblr, dan platform blog lainnya. Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah dan secara otomatis.

Iklan Google Adsense Di Dalam Artikel Blogger

Google Adsense mempersilahkan publishernya untuk menempatkan iklannya di tengah artikel. Khusus bagi pengguna blogger, hal tersebut dapat dibuktikan dan dilihat pada konfigurasi baru di bagian Posting Blog. Apakah anda ingin menempatkan iklan Google Adsense di antara posting artikel blogspot Anda? Cara memasang iklan Google Adsense agar berada di tengah artikel mudah, pertama kita ke tab Layouts atau Tata Letak. Kemudian, di bagian Posting Blog atau Blog Post, klik Edit. Sebuah jendela pop-up atau halaman konfigurasi akan muncul dengan pilihan untuk mengkonfigurasi posting blog Anda. Centang kotak di samping tulisan Show Ads Between Post atau Tampilkan Iklan di Antara Posting.

Apabila Anda menginginkan penempatan iklan berada pada akhir tiap posting atau artikel, pilihlah angka 1 dari menu drop-down (perlu diketahui bahwa disini pihak Google AdSense membatasi iklannya, untuk tiap halaman diberi jatah 3 unit iklan, jika anda sudah menempatkan 3 unit iklan di tempat lain selain di dalam posting, maka anda tidak akan dapat melihat iklan dalam posting, jika anda menginginkannya maka anda harus mengurangi unit iklan lainnya). Untuk mengakhiri konfigurasi iklan Google Adsense, klik tombol oranye Save atau Simpan.

Sumber Showing ads between your posts.

Cara Menghapus Blog Di Blogspot/Blogger

Sebagai pengguna blog di Blogger/Blogspot saya tidak tahu bagaimana cara menghapus blog di blogger/blogspot ini. Sebenarnya dulu juga pernah menghapus beberapa blog tetapi masih kesulitan mengingat kembali bagaimana cara menghapusnya. Agar tidak lupa maka dari pada itu saya tulis sekalian ke dalam artikel blog ini. Berikut bagaimana cara menghapus akun blog di Blogger atau Blogspot. Karena ada dua tampilan blog, yaitu tampilan blog yang terbaru dan tampilan blog lama, maka terdapat dua cara menghapusnya, dan juga masih terdapat beberapa perbedaan cara menghapus blog berkaitan dengan bahasa, antara bahasa Indonesia dan English.

Cara menghapus blog dengan tampilan baru

1. Pilih blog yang akan dihapus.
2. Settings > Other.
3. Cari teks link Delete blog dan klik.
4. Akan muncul pertanyaan, apakah anda ingin mengekspor blog tersebut.

Jika anda menggunakan bahasa Indonesia caranya sebagai berikut

1. Pilih blog yang akan dihapus.
2. Setelan > Lainnya.
3. Cari teks link Hapus blog dan klik.
4. Akan muncul pertanyaan, apakah anda ingin mengekspor blog tersebut.

Cara menghapus blog dengan tampilan lama

1. Settings > Basic.
2. Cari teks link Delete blog dan klik.
3. Akan muncul pertanyaan, apakah anda ingin mengekspor blog tersebut.

Blog yang telah dihapus dapat dipulihkan dalam jangka waktu 90 hari sebelum dihapus selamanya. Anda dapat membuat blog lainnya di alamat ini dengan menggunakan Akun Google yang saat ini digunakan. Jadi jika ternyata anda ingin mengembalikan blog yang telah anda hapus, hal tersebut bisa dilakukan dengan syarat blog tersebut telah dihapus dalam waktu tidak lebih dari 90 hari.


Bagaimana cara menghapus akun blog blogger blogspot juga dijelaskan oleh pihak Google sebagai pemilik Blogger.com di Delete a blog

Jika anda mempunyai permintaan tutorial silahkan berkomentar. Terima kasih telah berkunjung di D-dig.

URL / Alamat Dari Post / Artikel di Blogger

Alamat (URL) adalah salah satu objek yang bisa diterapkan teknik SEO (Search Engine Optimazation). Dengan menempatkan satu keyword atau lebih pada alamat.

Dalam blogspot atau blogger judul artikel merupakan acuan dalam penamaan alamat link. Seperti alamat link artikel ini, dengan judul Alamat Link Post Artikel Blogger, judul tersebut mempunyai panjang 32 karakter, dimana panjang tersebut kurang dari ketentuan yang ada yaitu panjang maksimal 39 karakter, maka semua karakter pada judul tersebut masuk dalam alamat link.

Ketentuan:

• 39 karakter. Alamat link diambil dari suatu judul artikel yang bersangkutan sebanyak 39 karakter.
• Karakter spasi pada judul artikel otomatis dirubah menjadi karakter min (-) dalam alamat link.
• Karakter unik pada judul artikel seperti ~!@$%^&*() dan lainnya akan otomatis dihilangkan dalam alamat link.

Judul tepat 39 karakter
http://d-dig.blogspot.com/2012/04/123456789012345678901234567890123456789.html

Judul lebih dari 39 karakter
http://d-dig.blogspot.com/2012/04/123456789012345678901234567890123456789_24.html

Judul: Alamat Link Suatu Post Artikel Dalam Blogger (44 karakter)
http://d-dig.blogspot.com/2012/04/alamat-link-suatu-post-artikel-dalam.html
Karena kata Blogger melebihi 39 karakter maka kata Blogger dihilangkan dari alamat link.

Semua hal di atas berlaku jika kita menggunakan link otomatis dari Blogspot, bukan dari Permalink yang bisa diedit. Namun justru dari Permalink yang bisa kita edit kita bisa lebih leluasa membuat URL yang panjang dan berisi semua keyword yang kita bidik. Untuk mengaksesnya silahkan membuat post (entri) baru, di bagian kanan ada menu Links. Klik dan pilih Permalink. Isi permalink tersebut sebelum kita menekan tombol Publish. Karena Permalink tersebut tidak bisa diedit lagi jika kita sudah mempublikasikan post bersangkutan.

Meta Tags Blog di Blogger

Meta Tags Blog di Blogger sangat penting untuk kepentingan SEO (Search Engine Optimazation). Ada tiga meta tags. Pertama Title, dimana title ini menunjukkan nama blog, dan terpampang di tab browser. Kedua Keyword, dimana meta ini menjelaskan kata kunci yang terdapat di blog dan kata kunci dari setiap artikel pada blog yang bersangkutan. Ketiga Description, dimana meta ini menjelaskan rangkuman isi dari seluruh blog dan rangkuman dari setiap artikel pada blog yang bersangkutan.

Cara menambahkan kode meta tags:

1. Pada template cari kode berikut: <head>
2. Tempelkan kode berikut dibawahnya: 
   <b:include data='blog' name='all-head-content'/>
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <title><data:blog.title/></title>
   <meta content='deskripsi blog' name='description'/>
   <meta content='kata kunci blog' name='keywords'/>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <title><data:blog.pageName/></title>
   <meta expr:content='data:blog.pageName+ &quot;, &quot; +data:blog.title+ &quot;, &quot; +data:blog.pageName' name='description'/>
   <meta expr:content='data:blog.pageName' name='keywords'/>
   </b:if>
3. Jika pada template ada kode yang sama dengan kode di atas, maka hapus kode yang ada di template.
4. Akhiri dengan menyimpan HTML tersebut dengan mengklik tombol 'Simpan template'.
5. Silahkan dilihat kode sumber blog anda (Klik kanan > Lihat Kode Sumber Teks yang Dipilih) atau (Ctrl + U).

Gantilah tulisan deskripsi blog dengan tulisan deskripsi dari blog anda. Gantilah tulisan kata kunci blog dengan tulisan beberapa kata kunci yang ada pada blog anda. Anda juga bisa merubah deskripsi artikel dengan tulisan anda sendiri, seperti berikut:

<meta expr:content='data:blog.pageName+ &quot; Tulisan deskripsi &gt; &quot; +data:blog.pageName' name='Description'/>
Kode deskripsi diatas nanti akan muncul seperti ini : Judul artikel + Tulisan anda + Judul

Catatan:
Jika anda ingin juga menulis kode diatas ke dalam postingan artikel anda silahkan baca Cara Menulis Kode di Blog

Navigasi Breadcrumb Blogger

Sebuah breadcrumb adalah bar navigasi yang biasanya ditampilkan di atas posting. Jika diartikan ke dalam Bahasa Indonesia, breadcrumb berarti remahan roti. Breadcrumb dapat berfungsi sebagai pemandu arah bagi kita dan pengunjung untuk memberikan informasi peta blog kita. Pengunjung harus dapat menemukan informasi yang mereka inginkan dengan cepat dan mudah. Jika tidak, mereka akan pergi dan mencari situs lain yang lebih mudah dipahami. Biasanya breadcrumb akan terlihat seperti seperti yang ditunjukkan di bawah ini.

Home » Blog » Navigasi Breadcrumb Blogger

Untuk posting ini kita dapat menambahkan atau memasang breadcrumb dengan cara menambahkan dua kode html dan satu kode css.

Cara memasukkan kode-kode untuk keperluan breadscrumb:

1. Login dan masuk ke akun blog.
2. Masuk ke Edit HTML. Template > Edit HTML > Lanjutkan.
3. Centang Expand Template Widget yang terletak di kiri atas.
4. Cari (Ctrl+F) kode HTML berikut: <b:skin><![CDATA[/*
5. Tempelkan kode CSS berikut dibawahnya: 
   .breadcrumbs {
   padding:5px 5px 5px 0px;
   margin: 0px 0px 15px 0px;
   font-size:95%;
   line-height: 1.4em;
   border-bottom:3px double #e6e4e3;
   }
6. Cari lagi kode HTML:
   <b:includable id='main' var='top'>
   <!-- posts -->
   <div class='blog-posts hfeed'>
   <b:include data='top' name='status-message'/>
7. Tempelkan kode HTML berikut dibawahnya: <b:include data='posts' name='breadcrumb'/>
8. Cari lagi kode HTML: <b:includable id='main' var='top'>
9. Tempelkan kode HTML berikut diatasnya:
   <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> » Archives for <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> » All posts
   <b:else/>
   <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
   </b:if>
   </span>
   </p>
   </b:if>
   </b:if>
   </b:if>
   </b:if>
   </b:includable>
10. Akhiri dengan menyimpan HTML tersebut dengan mengklik tombol 'Simpan template'.
11. Silahkan dilihat tampilan blog anda. 

Menghilangkan Gadget Navbar (Navigasi Bar)

Terdapat beberapa alasan bagi para blogger untuk menyembunyikan Navbar (Navigasi Bar), diantaranya yaitu agar terkesan seperti web profesional, bukan blog, walaupun sebenarnya ciri khas blog masih terlihat. Alasan lainnya yaitu tidak kecocokannya navbar yang disediakan dengan template yang dipakai, seperti warnanya tidak ada yang selaras dengan template dan menjadikan blog yang bersangkutan terlihat kurang bagus. Alasan berikutnya, karen navbar merupakan fasilitas yang tidak diperlukan oleh blogger tersebut, dan tidak ada alasan untuk mempertahankan navbar sebagai bagian dari blognya.


Cara menghilangkannya navbar pun cukup mudah:

1. Login dan masuk ke akun blog.
2. Masuk ke Edit HTML. Template > Edit HTML > Lanjutkan.
3. Cari (Ctrl+F) kode HTML berikut: <b:skin><![CDATA[/*
4. Tempelkan kode CSS berikut dibawahnya: #navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
5. Akhiri dengan menyimpan HTML tersebut dengan mengklik tombol 'Simpan template'.
6. Silahkan dilihat tampilan blog anda.

Dalam artikel-artikel blogger lain yang membahas navbar, terdapat catatan yang menyatakan bahwa menghilangkan navbar melanggar TOS blogger, menurut saya itu tidak benar. Silahkan dilihat di forum google (http://www.google.com/support/forum?hl=en) > kategori blogger > label Layouts & Templates. Banyak sekali yang mempertanyakan tentang legalitas menyembunyikan navbar. Seperti pertanyaan forum berikut (http://www.google.com/support/forum/p/blogger/thread?tid=76caf6e6f98abf00&hl=en). Di situ dijelaskan bahwa semua orang dipersilahkan untuk menghilangkan navbar, tetapi penghilangan navbar tersebut tidak diharus dilakukan.

Gadget Google Adsense

Ketika akan menambah gadget, saya melihat adanya perubahan pada daftar gadget, pada daftar gadget terdapat gadget Adsense. Timbul pertanyaan, apakah ini Adsense milik saya? (maklum saya masih baru setelah lama vakum blogging). Setelah membuka gadget Adsense, tanpa pikir panjang langsung saja klik tombol 'Simpan'. Muncullah peringatan sebagai berikut.

Harap perbaiki kesalahan pada form ini.

Blogger tidak diizinkan meminta kode iklan untuk akun AdSense Anda. Anda harus memperbaikinya dengan memberi hak akses ke Blogger di dalam AdSense dan masuk kembali

Cara mensettingnya:
Masuk Google Adsense > Account settings. Klik link tulisan 'view 3rd-party access' > klik link tulisan 'enable access'

Tidak hanya pada daftar gadget. Pada menu utama Admin/Dasboard terdapat menu Penghasilan.
Setelah klik tombol 'Mendaftar Adsense', maka muncullah tombol 'Tautkan Adsense', munculnya tombol ini dikarenakan akun ini termasuk akun di Google Adsense. Jika akun belum atau tidak terdaftar di Google Adsense maka tombol yang muncul adalah tombol 'Buat Akun'. Tombol 'Tautkan Adsene' pun diklik. Setelah beberapa menit saya melihat lagi menu Penghasilan. Dan terlihat perubahan, terlihat settingan-settingan Adsense.

Note: Blog harus bersetting bahasa Inggris jika ingin terdapat menu Adsense, jika memakai bahasa Indonesia pilihan tersebut tidak ada.
Setelan > Bahasa dan pemformatan. Bahasa: Inggris - English.

Dosen Teknik Universitas Trunojoyo (Unijoyo)

Nama Dosen & NIP	Situs/Blog	Yahoo Messenger/E-mail
Moh. Kautsar Sophan, S.Kom., M.MT 19770713.200212.1.004	kautsarsophan	ocal_sophan@yahoo.com
Wahyudi Setiawan, S.Kom 19780926 200604 1 001	wahyudisetiawan	wahyudissetiawan@yahoo.com
Rosida Vivin Nahari, S.Kom 132326491	rosidavn	rosida_vn
Yonathan Ferry Hendrawan, ST 19800213.200604.1.001	yonathanferry	yfh132@yahoo.com
Achmad Yasid, S.Kom 132326492	achmadyasid	-
Firdaus Solihin, S.kom, M.Kom 19760627.200801.1.008	fsolihin	fsihin
Mohammad Syarief, ST 19800321.200801.1.008	achmadyasid	-
Faikul Umam, S.Kom 19830118.200812.1.001	faycool	-
Fika Hastarita xxx -	fikahastarita	-
Husni Ilyas xxx -	komputasi	lunix96@yahoo.com
Noor Ifada, ST., MISD 19780317.200312.2.001	noorifada	noor.ifada@gmail.com
Yoga Dwitya Pramudita, S.Kom 19840413.200812.1.002	3rr0r	y_d33p
Yuni xxx -	loonhixq	yunhix@yahoo.com
Muhammad Yusuf, ST., M.MT 19791215.200812.1.002	yusufxyz	yusuf_xy@yahoo.com.au
Abdullah Basuki Rahmat,S.Si,M.T 19740610.200812.1.002	abdullahbasuki	abasoke@yahoo.com
Lain-lain
Lutfi -	lutfi-blog	gilluts
Dwi M. Wibowo -	sonic2epix	sonic2epix
Sumber: http://rosidavn.wordpress.com/ blog/situs dosen bersangkutan