Menghilangkan Data Post Di Halaman Depan Dan Hanya Judul Yang Tampil

Tutorial kali ini membahas postingan yang tampil di homepage, tapi yang tampilnya cuman judulnya aja (atau dengan tanggal posting). Contohnya lihat aja punya blognya kang Rohman.

Ok… langsung ja kita login ke blogger > Dosbor > Tataletak > Edit HTML

Kemudian letakkan kode di bawah ini tepat di bawah ]]></b:skin> :

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style type='text/css'>
    .post-body{display:none;
    }
    </style>
    </b:if>

Kalau ingin menghilangkan tanggal, waktu dll gunakan yang ini :

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style type='text/css'>
    .post-dateheader, .post-timestamp,
    .reaction-buttons,
    .star-ratings,
    .post-backlinks post-comment-link,
    .date-header, .post-icons, .post-labels{display:none}
    </style>
    </b:if>

Simpan. Selesai

Silahkan di cek

Kalau ada unek-unek, silahkan komen ya sob, jangan sungkan

Read More

Membuat Widget Hanya Tampil di Posting

Kalau tadi saya posting bagaimana membuat widget hanya tampil di home page, sekarang bagaimana agar widget kita tampil hanya di halaman posting saja. OK, langsung saja ke pembahasan :

Misal yang ingin kita hilangkan adalah widget HTML10 (kalau di blog sob mungkin berbeda. Gunakan ctrl + F untuk pencarian lebih cepat, lalu ketikkan HTML10

1. Login blogger > Dosbor > Tataletak > Edit HTML
2. Centang/ceklis “Expand Widget Template”

Sisipkan kode : <b:if cond='data:blog.pageType == "item"'> dibawah kode <b:includable id='main'>
Sisipkan kode: </b:if> diatas kode </b:includable>
      Contoh lengkapnya seperti ini :

      <b:widget id='HTML10' locked='false' title='Artikel Terbaru' type='HTML'>
      <b:includable id='main'>
      <b:if cond='data:blog.pageType == "item"'>
      <!-- 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>

jangan lupa klik tompol simpan

Silahkan komen kalau ada yang belum ngerti ^_^

Read More

Membuat Widget Hanya Tampil di HomePage

Jika Sob ingin agar salah satu widget hanya tampil di home page, ini caranya :

1. Login blogger > Dosbor > Tataletak > Edit HTML
2. Centang/ceklis “Expand Widget Template”

Misal yang ingin kita hilangkan adalah widget HTML10 (mudah2an sob ngerti), maka cari HTML10, agar lebih cepat tekan tombol ctrl + F lalu ketikkan HTML10 (atau yang lainnya yang penting sesuai dengan widget sob)

Sisipkan kode : <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah kode <b:includable id='main'>
   2. Sisipkan kode : </b:if> diatas kode </b:includable>
       Contoh lengkapnya seperti ini :

      <b:widget id='HTML10' locked='false' title='Artikel Terbaru' 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>

Kalau ada unek-unek jangan di tahan, silahkan komen yo sob!!!

Read More

Menu Breadcrumb

Langsung aja bos : Lihat kode di bawah ini

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

simpan di atas kode ]]></b:skin> lalu cari kode yang persis seperti ini

<div class='post hentry uncustomized-post-template'>

lalu simpan kode di bawah ini persis di bawahnya

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse : <a expr:href='data:blog.homepageUrl'>Home</a> &gt;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &gt; <data:post.title/>
</div>
</b:if>
</b:if>

jangan lupa simpan template.

G ngerti???? komen aja bos

Read More

Windows Live Writer

Sepanjang saya menjadi seorang blogger, hampir 95% artikel adalah ditulis menggunakan Windows Live Writer. Windows Live Writer merupakan perisian percuma dari Microsoft yang sangat berguna untuk menulis artikel blog anda. Dengan menggunakan WLW, anda dapat menulis dengan mudah, cepat dan kemas.

Masih baru dengan WLW? Tutorial kali ini akan menunjukkan bagaimana menggunakan WLW untuk menulis artikel blog anda.

Kenapa anda patut menggunakan Windows Live Writer

1.Mudah digunakan, seperti Micorosft Word

2. Ringan (5mb) dan percuma!

3.Support blogger (blogspot), wordpress (percuma dan selfhosted), typad dan banyak lagi.

4.Boleh menulis walaupun offline (Save sebagai draft)

5.Boleh digunakan untuk banyak blog sekaligus.

6.Sokongan plugin yang banyak.

Setup Windows Live Writer

1.Download Windows Live Writer dan install

2.Next

3.Pilih Other blog service

4.Isikan domain blog anda, usernam dan juga password.

5.Tunggu proses integrasi dengan blog siap.

6.Pilih nama bagi blog anda dan klik Finish.

Menulis Artikel

1.Tulis tajuk artikel dan kandungan anda seperti biasa.

2.Untuk memasukkan gambar, klik pada Picture di sidebar sebelah kanan.

3.Pilih Kategori pada bahagian bawah.

4.Sekiranya anda sudah berpuas hati, klik pada Publish pada bahagian atas.

5.Tunggu proses upload artikel anda siap

6.Perhatikan artikel baru akan keluar pada blog anda.

Untuk pengguna WordPress

Pastikan anda menhidupkan fungsi ini untuk menggunakan Windows Live Writer:

1.Login ke Admin Control Panel dan pergi ke Settings->Writing

2.Enable Atom Publishing Protocol dan XML-RPC

Ref : http://jomphp.com/

Read More

Judul Posting Berada di Depan Judul Blog

Cara ini ternyata banyak digunakan oleh para blogger, katanya sih baik untuk SEO. Dengan tampilnya judul artikel lebih dulu dari judul blog akan menghasilkan tingkat traffic yang lebih tinggi dari search engines.

Mudah-mudahan kaya gitu. Bagaimana caranya :

1. Login ke blogger > Dashboard > layout > Edit HTML
2. Cari kode <title><data:blog.pageTitle/></title>
3. Ganti kode di atas dengan kode berikut :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

Simpan. Selesai. Coba Anda buka … tara…

Semoga bermanfaat

Untuk Wordpress (hosting sendiri) saya belum tahu

Read More