Cara Menghilangkan Atau Menghapus Rekomendasikan ini di Google

Add Comment
Dalam rangka membuat blog untuk kelihatan lebih cantik dan menarik makan kita perlu menghilangkan tuluisan " Rekomendasikan ini di Google " . Lebih detailnya lihat gambar ini 

Gambar di atas juga membuat loading blog kita lebih lama. Maka untuk mengatasinya perhatikan langkah-langkah berikut.

Cara Menghilangkan Atau Menghapus Rekomendasikan ini di Google
1.     Login ke blogger
2.     Masuk ke halaman dashboard
3.     Pilih template
4.     Klik Edit Html
5.     Tekan CTRL + F untuk mencari script salah satu script di bawah ini. 
Script Pertama :
 <div class='post-share-buttons goog-inline-block'>
<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
</div>

Script ke dua :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear:both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'><tr>
<td style='font-size:12px;padding-top:2px;' valign='top'><span
class='reactions-label'><data:top.reactionsLabel/></span></td>
<td><iframe allowtransparency='true' class='reactions-iframe'
expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
</b:if> 

    6. Setelah salah satu script di atas di temukan kemudian hapus
    7. Klik previuw, kalau tidak pesan error maka klik simpan

Sekian postingan atau artikel kali ini dan jika ada yang perlu di posting lagi silahkan berkomentar tapi berkomentarlah yang sopan. oke semoga postingan kali bermanfaat buat kita semua.

SALAM SUKSES :-)
Cara Agar Gambar Postingan Tidak Melebihi Halaman Blog

Cara Agar Gambar Postingan Tidak Melebihi Halaman Blog

Add Comment
Gambar dalam postingan sebuah blog pasti akan selalu ada karena untuk memberi informasi yang lebih detail kepada pembaca atau pengunjung. Akan tetapi jika gambar itu melebihi halaman dari blog maka akan membuat blog kelihatan tidak menarik maka dari itu kita perlu mengatur ukuran gambar tersebut secara default. Sebenarnya di blogger sendiri sudah menyediakan tool sendiri untuk mengatur ukuran gambar  yaitu small, medium, large, X-large dan original size tetapi tidak semuanya cocok dengan gambar yang akan di posting karena bisa saja kelihatan kecil atau besar tapi melewati halaman blog. Oleh karena itu maka kita perlu mengaturnya lewat kode html, Perhatikan langkah-langkah berikut.

Cara Agar Gambar Postingan Tidak Melebihi Halaman Blog
  1. Login ke blogger
  2. Masuk ke halaman dashboard
  3. Pilih template
  4. Klik Edit HTML
  5. Tekan CTRL + U untuk mencari kode ]]></b:skin> 
  6. Letakan kode di bawah ini di atas kode ]]></b:skin>
#header img { max-width: 97%; max-height:91%; margin:1px 1px;padding:0px;}
.post img { vertical-align:bottom; max-width:91%; max-height:91% }
#navigation img { vertical-align:bottom; max-width:79%; }                           7. Nanti hasilnya seperti ini
#header img { max-width: 97%; max-height:91%; margin:1px 1px;padding:0px;}
.post img { vertical-align:bottom; max-width:91%; max-height:91% }
#navigation img { vertical-align:bottom; max-width:79%; }
]]></b:skin>
                                                                                     
   8. Klik previuw, kalau tidak ada pesan error maka save. Selesai

 Sekian postingan atau artikel kali ini dan jika ada yang perlu di posting lagi silahkan berkomentar tapi berkomentarlah yang sopan. oke semoga postingan kali bermanfaat buat kita semua.
SALAM SUKSES :-)

Cara Membuat Menu Di Blog

Add Comment
Menu di blog di gunakan untuk memudahkan pengunjung untuk mengenal pemilik blog, mengelompokan beberapa artikal menjadi satu, membuat daftar isi, home atau beranda dan lain-lainnya. Menu blog yang strategis di letakan di bagian bawah header atau judul blog karena pengunjung membaca blog dari atas ke bawah. Membuat menu di blog tidaklah susah karena tidak perlu memasukan kode-kode yang akan membuat pusing terutama buat pemula. Menu di blog kurang lebih gambarnya seperti ini :

Cara membuat menu di blog
  1. Login ke blog
  2. Masuk ke halaman dashboard
  3. Pilih tata letak 
  4. Klik tambahkan gadget
  5. Pilih Laman
      
  6. Centang beranda , tentang saya dan tambahkan tautan external untuk menambahkan menu yang lain
  7. Kemudian klik save atau simpan
Begitulah cara membuat menu bar di blog.

Sekian postingan atau artikel kali ini dan jika ada yang perlu di posting lagi silahkan berkomentar tapi berkomentarlah yang sopan. oke semoga postingan kali bermanfaat buat kita semua.
SALAM SUKSES :-)

Cara Menghilangkan Atau MengahapusTang Obeng di Blog

Add Comment
Gambar tang obeng di blog adalah istilah lain dari quick edit yang berfungsi untuk mengedit langsung saat kita sebagai pemilik blog mengunjungi blog kita. Jika kita klik gambar tang obeng pada suatu widget maka akan langsung muncul pengaturan widget tersebut. Untuk gambar tang obeng tersebut seperti ini :

Gambar tersebut sebenarnya bukan masalah bagi pengunjung karena gambar obeng dan tang tersebut tidak akan tampil saat menjungi blog kita dan hanya tampil saat pemilik blog tersebut login di blog yang bersangkutan serta hanya muncul di komputer pemilik blog.

Ikuti langkah-langkah berikut untuk cara menyembunyikan atau menghilangkan gambar tang obeng
  1. Login ke blogger
  2. Masuk ke halamn dashboard
  3. Pilih Template
  4. Klik Edit HTML
  5. Tekan CTRL + F untuk mencari kode ]]></b:skin>
  6. Letkan kode berikut di atasnya                                                     .quickedit{display:none;}
  7. Klik Previuw, jika tidak pesan error dan gambar tang obeng telah hilang maka klik save
Cara di atas hanya menyembunyikan atau menghilangkan bukan menghapusnya, maka untuk menghapus beserta elemen-elemannya ikuti langkah-langkah berikut.

cara menghapus gambar tang obeng
  1. Login ke blogger
  2. Masuk ke halamn dashboard
  3. Pilih Template
  4. Klik Edit HTML
  5. Tekan CTRL + F untuk mencari kode <b:include name='quickedit'/>
  6. Setelah itu hapus semua kode yang bertuliskan <b:include name='quickedit'/>
  7. Selanjutnya klik previuw, jika tidak ada pesan error maka klik simpan
Sekian postingan atau artikel kali ini dan jika ada yang perlu di posting lagi silahkan berkomentar tapi berkomentarlah yang sopan. oke semoga postingan kali bermanfaat buat kita semua.
SALAM SUKSES :-)

Cara Menghapus Tulisan Tampilkan Posting Dengan Label Bla Bla Bla. Tampilkan Semua Posting

Add Comment
Tulisan yang ada pada saat membuka label atau kategori di blog maka kita akan menemukan tulisan Tampilkan posting dengan label bla bla bla. Tampilkan semua posting. Lebih tepatnya seperti gambar :
Tulisan di atas akan selalu muncul saat membuka label atau kategori dan tentunya sangat tidak menarik untuk dilihat oleh kita sendiri maupun pengunjung. Maka dari itu kita harus mencari solusi untuk masalah yang satu ini agat tidak tampil lagi di blog kita tentunya.
Ada 2 cara untuk mengatasi masalah di atas yaitu dengan menghilangkan atau menyembunyikan atau dengan menghapusnya beserta elemennya.

Cara menghilangkan atau menyembunyikan tulisan Tampilkan posting dengan label bla bla bla. Tampilkan semua posting

 1. Login ke blogir
2. Masuk ke dashboard
3. Pilih Template
4. Klik Edit HTML
5. Tekan CTRL + F untuk mencari kode ini ]]></b:skin>
6. Kemudian letakkan kode dibawah ini, diatas ]]></b:skin>

 .status-msg-wrap{ 
display:none; 
} 
.status-msg-body{ 
display:none; 
} 
.status-msg-border{ 
display:none; 
}

 7. Maka hasil akhirnya setelah di letakan di atas ]]></b:skin> seperti ini :

 .status-msg-wrap{ 
display:none; 
} 
.status-msg-body{ 
display:none; 
} 
.status-msg-border{ 
display:none; 
}
]]></b:skin>

8. Terakhir preview template, jika tidak ada pesan error maka selanjutnya baru Save. Selesai.

 Tapi cara di atas hanya menghilangkan atau menyembunyikan bukan menghapus dengan elemen-elemen tulisan Tampilkan posting dengan label bla bla bla. Tampilkan semua posting,  maka dari itu kita perlu langkah-langkah di bawah ini lagi.

 Cara menghapus tulisan Tampilkan posting dengan label bla bla bla. Tampilkan semua posting

 1. Login ke blogir
2. Masuk ke dashboard
3. Pilih Template
4. Klik Edit HTML
5. Tekan CTRL + F untuk mencari kode ini <b:includable id='status-message'>
Maka yang harus di ganti tlisan ini :

 <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>

 5. Ganti kode di atas menjadi :

 <b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

 6. Terakhir preview template, jika tidak ada pesan error maka selanjutnya baru Save. Selesai.
Sekian postingan kali ini dan jika ada yang perlu di posting lagi silahkan berkomentar tapi berkomentarlah yang sopan. oke semoga postingan kali bermanfaat buat kita semua.
SALAM SUKSES :-)

Cara Menambahkan Widget Di Samping Header

Add Comment
Biasanya template bawaan bloger headernya itu terlalu banyak memakan tempat maka dari itu kita perlu menambahkan widget di sampingnya agar nanti kelihatan bagus dan menarik serta bisa menambahkan gadget apa saja . Setelah menambahkan widget maka header blog akan terbagi menjadi seperti ini.


Untuk dapat membuat seperti gambar di atas maka anda harus mengikuti langkah-langkah di bawah ini.

Cara Menambahkan Widget Di Samping Header.

1. Login ke blogger.
2. Ke halaman dashboard
3. Pilih template
4. Edit HTML
5. Tekan CTRL + F untuk mencari kode .header-outer {
    Kode lengkapnya seperti ini :

.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}

6. Ganti semua kode di atas dengan kode di bawah ini :

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 110px;}
#header {
width: 39%;
margin-right: 9px;float: left; }
#headerkedua {
float: right;
width: 55%; 
margin: 20px 10px 5px 10px;
padding: 2px;}
#headerkedua .widget {margin: 3px;}

Keterangan :
.header-outer { pada bagian height: 110px(untuk mengatur tinggi  header).
 #header { pada bagian width: 39%; lebar header kiri.
#headerkanan { pada bagian width: 55%; lebar header kanan. 
margin: 20px 10px 5px 10px; posisi atas-bawah header kanan.

7. Tekan CTRL + F lagi untuk mencari kode <div class='region-inner header-inner'> dan tambahkan kode berikut ini disamping kanannya :

<b:section class='headerkedua' id='headerkedua' maxwidgets='1' showaddelement='yes'></b:section>

Nanti keseluruhannya akan menjadi seperti ini : 

<div class='region-inner header-inner'><b:section class='headerkedua' id='headerkedua' maxwidgets='1' showaddelement='yes'></b:section>

8. Selanjutnya klik pratinjau dan kalau tidak ada pesan error maka klik save.

Dengan menambahkan widget di samping header maka tampilan blog kita akan semakin menarik dan tentunya dengan widget tersebut juga bisa nantinya di pasangkan iklan untuk menghasilkan pundi-pundi uang.
Sekian postingan kali ini dan jika ada yang perlu di posting lagi silahkan berkomentar tapi berkomentarlah yang sopan. oke semoga postingan kali bermanfaat buat kita semua.
SALAM SUKSES :-)

Cara Menghilangkan atau Menghapus Tanggal Postingan dan Author di Blog

Add Comment
Tanggal postingan di blog adalah sesuatu yang menunjukkan aktif dan tidaknya blog. Semakin sering posting maka blog anda akan dilihat selalu terupdate.  Dan inilah yang menyebabkan pengunjung ingin selalu kembali ke blog anda. Akan tetapi, sebagai pemilik blog sebaiknya memperhatikan kesan pertama pengunjung ke blog. Ketika pengunjung datang dan melihat tanggal posting terakhir disitulah kesan pertama akan ditimbulkan.  Jangan sampai kesan pertama yang timbul adalah tanggal posting sudah lampau atau lama sekali tidak di update. Itu bisa menjadi masalah untuk blogger dalam menjaga kontinuitas kunjungan.
Tapi kita bisa menutupi kelemahan tersebut dengan menghilangkan tanggal postingan di blogspot.  Caranya sebagai berikut:
  1. Login ke dashboard blog lalu Pilih Tata Letak
  2. Klik Edit pada Posting Blog

      3. Hilangkan centang pada hari dan tenggal
      4. Hilangkan centang yang bertuliskan "Diposkan oleh"
      5. Hilangkan centang yang bertuliskan "di"



      6. Terakhir Klik Simpan.

Sekian postingan kali ini. Semoga mudah di mengerti dan bermanfaat untuk kita semua dan jika ada masukan atau sesuatu yang ingin anda saya posting silahkan berkomentar tapi yang sopan ya :-)
SALAM SUKSES


Langganan: Postingan (Atom)