Saturday, 3 September 2011

Membuat Label Menjadi 2 Kolom

Label 2 Kolom

Gambar di atas menunjukkan bahawa label ditampilkan menjadi 2 kolom. Nah tanpa basa basi, mari kita praktik Membuat label Menjadi 2 Kolom.

Jika di blog sudah ada labelnya, maka tinggal masuk ke html blog sobat. Setelah itu centang kotak kecilnya ya sob. Setelah itu cari kode ]]></b:skin>

Untuk mempermudah gunakan Ctrl+F atau F3 (jika sobat menggunakan mozilla firefox). Jika sudah paste kode ini diatas kode merah tersebut.

#Label1 li {
      float:left;
      width:45%;
}

Simpan deh! atau kalau tidak preview dulu hasil edit label sobat. 
Perlu diperhatikan nama label sobat. Mungkin nama label di atas bisa berbeda dengan nama label punya saya, untuk mengetahui nama label silakan sobat gunakan pencarian dengan Ctrl+F atau F3 dan ketik 'Label1' tanpa tanda petik, jika sama lanjutkan, jika beda silakan sobat ganti dengan nama label sobat.

Tidak semua template mendukung warna background yang mengikuti. Seperti kasus saya, dengan trik ini mungkin warna background tidak selalu mengikuti kotak label. Yang jelas saya sudah mencoba di blog saya yang lain dan berhasil.
Seperti itulah cara Membuat label menjadi 2 kolom. Semoga berhasil
read more...

Friday, 2 September 2011

Cara Mudah Membuat Recent Post Dengan Gambar

Recent Post with tumnail

Sesuai judulnya Cara mudah membuat recent post dengan gambar, Seperti motto blog ini yaitu belajar mengedit blog dengan menyenangkan. Maksudnya cara membuat recent post dengan gambar, kita tak perlu susah payah mengedit html atau apalah itu. Belum lagi tampilan baru dasboard blogger yang membuat anda harus belajar lagi membuat anda malas edit html. Anda hanya perlu memasukkan data-data yang diperlukan dan pengeditan hanya perlu klik-klik saja.

Tidak percaya? silakan klik tombol dan langsung membuat recent post dengan gambar secara otomatis. Silakan klik gambar di bawah ini (klik kanan dan klik buka Tautan di tab baru/ klik in new tab)

Recent Post with tumbnail

Add Recent Posts Widget


Jika diklik akan muncul seperti tab berikut ini :
Keterangan :




Instructions
Change settings
For a Grid Layout, click the 'Grid Layout' Button, and it will adjust the settings automatically for you
Click 'Add Widget To My Blog' button

instruksi :

mengubah pengaturan 
Untuk Layout Grid, klik Button 'Grid Tata Letak', dan akan menyesuaikan pengaturan secara otomatis untuk Anda

Klik 'Add Widget To My Blog' tombol








Widget Title
Widget Title:


Widget title diisi dengan judul widget sobat




Customize Widget
Blog url: http:///                         (isi dengan url blog sobat)
(You can leave this blank if you are displaying the posts from the same blog to which you are adding the widget) 

(Anda dapat meninggalkan kosong ini jika anda menampilkan posting dari blog yang sama yang Anda menambahkan widget)
 
Number of posts: (post yang akan tampil)
Maximum title Length: characters      (Judul yang akan tampil)
Show Thumbnail: (Tampilkan gambar)
Show Default Thumbnail:(If image is not present) (Tampilkan Gambar secara default)
Thumbnail Dimension: px (Dimensi gambar)
Float Thumbnail to:
Thumbnail Margin:
Show summary:
Summary size: characters
Show post date:
Show Comment Number:
Show Read more Link:
Read More Text:
Use Full Feed:
Sorting: published updated

Jika dirasa semua udah beres dan sesuai selera tinggal klik button atau tombol seperti di bawah ini 

 


Reset untuk mengulangi jika anda tidak puas dalam membuat widget
Grid Layout adalah tampilan yang sudah anda buat
Add Widget to My blog adalah tombol membuat widget otomatisnya

Nah gimana sobat, mudah bukan cara mudah membuat recent post dengan gambar? semoga membantu.

Sumber ane di Blogger Widget



read more...

Monday, 29 August 2011

Cara Menghapus Index Google

Index Google

Ada banyak alasan dan cara Menghapus Index Google. Mungkin bagi anda yang ingin menghapus link blog dari situs ini karena sudah kadaluarsa dan perlu diupdate. Sedangkan link lama sudah tidak diharapkan lagi, maka Menghapus index googlelah yang harus dilakukan.
Baik tanpa basa basi kita langsung praktek.

# Cara 1 : Jika sobat hanya ingin menghapus 1 link saja dari index google.

Nah berikut adalah langkah-langkah agar google menghapus halaman-halaman yang sudah terlanjur ke index :
   1. Ketik di google : “site:namabloganda.com” tanpa tanda petik.
   2. Kemudian carilah link blog yang ada kata “Nothing found …… “
   3. Masuk ke akun google webmaster tool blog Anda.
   4. Pilih Site Configuration – Crawler Acces – Remove URL
   5. Klik New Removal Request – Masukkan URL yang ingin dihapus – Continue – Centang Kotak di bawahnya – Submit.



# Cara 2 : Jika sobat ingin menghapus semua link index google
 Cara pertama menonaktifkan indeks search engin melalui setting blog kita.
 setting>basic>search engine>ganti menjadi no.

Nah cara ke-2 adalah menghalangi robot untuk membaca situs kita (crawl) dengan cara memasang meta tag di blog kita

Agar semua robot tidak mengindeks laman di situs Anda, tempatkan tag meta berikut ke bagian laman Anda:

<meta name="robots" content="noindex">
 
Agar robot lain dapat mengindeks laman tersebut di situs Anda, dan hanya robot Google yang tidak mengindeks laman tersebut:

<meta name="googlebot" content="noindex"> 

Nah sekarang sudah tau kan Cara Menghapus Index Google. Untuk lebih jelasnya silakan meluncur di pusat bantuan google
read more...

Membuat Widget Melayang (Sliding Widget)

Nah, Pasti sobat sudah tau artinya Sliding Widget yaitu Membuat Widget Melayang (Sliding Widget). Sliding widget ini bisa diartikan widget yang meluncur, merosot atau apalah terserah sobat. 

Nah untuk lebih jelasnya coba tengok kaskus. Di sebelah kiri ada widget share dan login yang mengikuti kemana mouse digerakkan atau di scrool atas atau bawah. nah untuk Membuat Widget Melayang (Sliding Widget) ini cukup mudah, berikut triknya

Cari kode 

]]></b:skin>


Pastekan di atasnya kode berikut ini :

#widget_fly {
position:fixed;_position:absolute;bottom:0px;
left:0px;
clip:inherit;
_top:expression
(document.documentElement.scrollTop
+
document.documentElement.clientHeight-
this.clientHeight);
_left:expression
(document.documentElement.scrollLeft
+
document.documentElement.clientWidth
- offsetWidth); }


warna merah berarti letak widget yang ingin di terbangkan. Sobat bisa ganti di dengan bottom right atau dimana saja terserah, center bottom, up left dll.
Nah untuk membuat melayang, sobat hanya harus menambah <div id="widget_fly"> dan diakhiri dengan </div> pada html sobat.

Nih contohnya, Tambah HTML sobat, 

<div id="widget_fly"> 
Kode HTML sobat
</div> 
  

Kode HTML sobat adalah script yang ingin dibuatnya melayang. Beri nama </h> untuk mengosongkan nama script HTML sobat.

Mudah2an cara Membuat Widget Melayang (Sliding Widget) di atas berhasil, mudah dipahami dan membantu sobat dalam menghias blog sobat.


read more...

Tuesday, 23 August 2011

Membuat Recent Post dengan Label




Label:
Recent Posts








Widget by:

Info Blog
Berikut kodenya :
<br />
Label: <span id="pbl_labels"></span><br />
<div id="pbl_posts">
Recent Posts </div>
<br />
<script type="text/javascript">
var jumlah_maksimum_post      = 5;
var dengan_ringkasan          = true;
var jumlah_karakter_ringkasan = 50;
</script><br />
<br />
<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">
</script><br />
<br />
<script src="http://sejutatrik.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed">
</script><br />
<br />
<br />
<div style="font-size: 0.75em; text-align: right;">
Widget by:<br />
<a href="http://infotentangblog.blogspot.com/2009/07/recent-post-dengan-label.html"><br />
Info Blog<br />
</a>
read more...