Widget Untuk Menampilkan Berapa Banyak Posting Telah Dilihat

Dari C#.NET ASP.NET Articles VB.NET CSHARP code Examples samples tutorials aku mendapat kode untuk menampilkan banyaknya halaman suatu posting telah dilihat atau di kunjungi. Kodenya adalah sebagai berikut (telah aku edit sedikit ya):

<p></p>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='left' id='hit-counter'>Hits:
<script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/>
</div></b:if>
&lt;p&gt;&lt;/p&gt;

Membuat Judul Artikel/Posting Menjadi Kata Kunci Blog

Judul blog merupakan hal pertama yang dilihat search engine ketika mengindek suatu situs atau blog, baru setelah itu judul posting.

Dengan struktur Judul Blog - Judul Posting ini, maka judul blog sebaiknya mengandung kata kunci utama yang bisa menjelaskan tentang isi situs atau blog tersebut secara menyeluruh, dan judul posting mengandung kata kunci yang bisa menjelaskan tentang isi posting yang ada.

Membuat Vertikal Scroll Bar

Karena ada widget pada sidebar yang kadang isinya lumayan banyak, sehingga membuat ukuran panjang widget menjadi cukup besar, maka akhirnya aku cari-cari cara gimana supaya bisa membuat ukuran widgetnya menjadi lebih kecil tetapi dengan isi yang, kalau bisa, tidak berkurang.

Setelah cari-cari kesana sini, akhirnya ketemu juga caranya. Yaitu dengan membuat scroll bar pada widget tersebut, sehingga hanya sebagian kecil saja isi widget yang panjang yang ditampilkan, sementara sisanya bisa disembunyikan. Dan jika ingin melihat sisa isi widgetnya, cukup dengan menggeser bar yang ada disebelah kanan dan atau bawah widget.

Membuat Garis Pinggir Blog Pada Template Minima

Untuk membuat garis pinggir (border) blog pada  template minima yang harus dilakukan adalah:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut:

#outer-wrapper {
  width: 760px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

Membuat Garis Pinggir Pada Sidebar Template Minima

Untuk membuat garis pinggir (border) pada kolom sidebar di template minima yang harus dilakukan adalah:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut:

.sidebar .widget, .main .widget {
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
}

Membuat Recent Posts Dengan Gambar Thumbnail Berdasarkan Label/Kategori

Dari Suhas Tech aku mendapatkan kode untuk membuat recent post dengan thumbnail yang berdasarkan label/kategori. Kodenya seperti dibawah ini:

Membuat Judul Posting dalam Huruf Miring Pada Blogspot

Untuk membuat judul posting dalam huruf miring pada postingan di Blogspot, caranya adalah dengan menambahkan baris kode <em> di depan kalimat judul yang ingin dibuat dalam huruf miring itu. Setelah itu di akhir kalimat tersebut beri lagi kode penutup </em>.

Membuat Tulisan Menjadi Rata Kanan dan Kiri Secara Otomatis

Agar tulisan pada artikel / posting dapat menjadi rapi (tulisan menjadi rata kanan dan kiri), kita dapat membuat tulisan menjadi rata kanan dan kiri secara otomatis dengan cara sebagai berikut:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut:

Meletakan Link Navigasi di Atas Kolom Posting Pada Template Minima

Secara default, link navigasi pada template minima letaknya di bawah posting. Untuk memindahkan link navigasi ke atas posting, caranya adalah sebagai berikut:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Beri tanda checklist pada kotak Expand Widget Templates

3. Carilah baris kode <!-- navigation --> dan kopi baris kode yang berwarna merah:

Memberi Warna Pada Latar Belakang Judul Artikel Pada Template Minima

Untuk memberi warna pada latar belakang judul artikel (posting) pada template minima, caranya adalah sebagai berikut:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut:

.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}

Merubah Warna Judul Artikel Pada Template Minima

Untuk merubah warna judul artikel (posting) pada template minima, caranya adalah sebagai berikut:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut:

<Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#ffffff">

Membuat Garis Pinggir Pada Kolom Posting Template Minima

Untuk membuat garis pinggir (border) pada kolom posting di template minima yang harus dilakukan adalah:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut:

.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }

Merubah Ukuran Lebar Header Template Minima

Jika ingin membuat header template minima menjadi lebih lebar dari lebar defaultnya yang 660px, maka yang harus dilakukan adalah:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut:

#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }

Merubah Ukuran Lebar Template Minima

Jika ingin membuat template minima menjadi lebih lebar dari lebar defaultnya yang 660px, maka yang harus dilakukan adalah:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut:

#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

Merubah Ukuran Lebar Kolom Posting (Blog Posts) pada Template Minima

Karena ini memasang banner yang berukuran 468 x 60 px pada kolom posting (blog posts) pada template minima, yang ukuran default lebar kolom postingnya adalah 410 px, maka agar banner yang terpasang tidak terpotong, maka ukuran lebar kolom postingnya harus dirubah/diperbesar terlebih dahulu.

Untuk merubah lebar kolom posting (blog posts) yang harus dilakukan adalah:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut: