Menghilngkan Tulisan Tampilkan Entri Lawas

Sobat LMD lovers bila sebuah blog sudah terpasang widget label, Pasti bila di klik salah satu labelnya maka akan muncul tampilan seperti di bawah ini :

Itu memang sudah tampilan bawaan standar dari Blogspot. Akan tetapi tampilan seperti itu akan sangat mengganggu sekali ya Sobat LMD lovers? hehe
Postingan saya kali ini akan membahas cara menghapus tampilan entri lawas.

        Bagaimana cara menghilangka tampilan entri lawas tersebut.

LANGSUNG SAJA

1.Login ke blogger sobat
2.Masuk ke halaman DASBOR lalu klik RANCANGAN

3.klik pada EDIT HTML
4.centang pada EXPAND TEMPLATE WIDGET
5.carilah code ini <b:includable id='status-message'> .
Untuk memudahkan pencarian, sebaiknya tekan tekan ctrl F, lalu pastekan kode diatas.
maka diblog Langit Malam  akan muncul kira - kira seperti gambar dibawah ini :

6.Cari code seperti 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>

7.Ganti code diatas dengan code dibawah ini :

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

 jangan lupa simpan template & lihat hasilnya.

kira-kira seperti itu sobat LMD lovers untuk menghilangkan tampilan entri lawas.
jika sobar LMD lovers ingin melihat perubahannya silahkan klik labels. ^_^

Cara Bikin Cursor Berbintang

Apa Kabar Sobat Blogger ? :)
Kali ini saya akan memberi tips Mempercantik Blog yang Anda buat. Bagaimanapun juga kita ingin blog yang kita cintai terlihat Indah,banyak cara bisa kita pakai Sobat Blogger,dari membuat Efek Turun Salju maupun membuat Efek Pelangi pada Blog,namun ada beberapa blog yang menampilkan cursor dengan bertabur bintang,bagaimana cara membuatnya,? ini ada scrip tinggal memasangnya pada blog kamu,adapun catanya sebagai berikut :

Membuat cursor bertabur bintang

1. Login ke blogger.
2. Masuk ke Rancangan-->Add Element
3. Tambahkan gadget HTML/JavaScript
4. Copy kode taburan bintang dibawah ini.
   
   
   
   <script src="http://sabarmuanas.googlecode.com/files/bintang.putih.js" type="text/javascript"></script>
   
   
   
5. Lalu paste dan simpan.
   
   Untuk merubah warna bintang yang bertaburan,silahkan kamu ganti tulisan yang berkedip dengan warna yang kamu inginkan seperti putih,ungu,merah,hijau dan biru.
   
   PENTING !
   jika ingin lebih terlihat lebih indah saya sarankan untuk sesuaikan dengan Background Blog anda.
   
   SEMOGA BERMANFAAT .. ^_^

Kompres CSS Untuk Mempercepat Loading Blog

 

Kompres Code CSS Untuk Mempercepat Loading Blog, kiranya itulah yang akan saya bahas kali ini, karena para pengunjung sering komplain dan paling males jika menemui blog yang loadingnya minta ampun beratnya, dimana efek buruknya yaitu, jangan berharap para pengunjung akan kembali lagi ke blog kita. contohnya gak jauh-jauh, blog saya ini juga tergolong berat, tp karana kebantu oleh cache jadi mending'lah gak berat-berat amat, tapi menurut saya masih perlu di kompres lagi.hehe ..

Setelah kemarin saya membahas tentang Cara Mempercepat Loading Blog With CSS External , dimana pada cara tersebut, kode CSS kita buat file.css dan mengupload ke webhosting, Nah kali ini ada cara yang lebih mudah dan lebih praktis, yaitu kita mengkompres kode CSS dengan aplikasi online. Cara yang sudah saya praktekan sebelumnya yaitu mengkompres CSS dengan CSS Compressor.

Penting!!

Untuk jaga-jaga selalu backUp dulu template sobat, agar bila nanti sobat mengalami masalah, bisa sobat upload kembali backup templatenya. Ok....
Berikut langkah-langkahnya:

• Seperti biasa, Login ke akun blogger sobat
• Masuk Rancangan/Layout
• Pilih Edit HTML
• Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
• Perhatikan Langkah-langkah berikut ini

1. Kompres kode CSS pada umumnya (standart)
Untuk pada cara pertama ini adalah cara yang umumnya sering kita/para blogger lakukan.

• Untuk melihat/membandingkan hasilnya, terlebih dahulu, untuk mengeceknya silahkan cek di Speed Test
• Kemudian blok dan POTONG semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
• Bila sobat kurang jelas dengan penjelasan diatas perhatikan ini:

<b:skin><![CDATA[
disini mulainya | . . . . . .

. . . . .KODE-KODE CSS. . . . .

sampai disini |
]]></b:skin>

• Buka situs CSS compressor disini
• Setting pengaturannya seperti berikut:

Compression mode = pilih 'Normal'
Comment handling = pilih 'Don't strip any comments'

Pastekan kode CSS yang telah di potong tadi pada kotak kosong
Kemudian klik Compress-It
Selanjutnya copy hasil kompresan tadi dan tempatkan pada template kamu diantara kode

<b:skin><![CDATA[
Pastekan disini kode CSS yang telah di kompres tadi
]]></b:skin>

• Terakhir klik Simpan

Tugas sobat selanjutnya yaitu membandingkan berat blog sebelum dan setelah dikompres.


2. Cara Kompress Kode CSS Kedua (ini jurus dari mbah saya) dan juga Kompres pada Kode HTML

Triknya juga gak jauh-jauh dari cara yang pertama, cuma cara kedua ini lebih galak dari yang sebelumnya, (kata simbah gitu) Ckckckk
Karena memang caranya yang agak rumit, apalagi melihat kode CSS yang sudah kita kompres, pasti gak ada koma, titik dan spasinya. Pastinya membuat bingung kalo kita mau edit kodenya.
Tapi bila sobat berminat untuk mengkompres kode CSS biar makin maknyus, silahkan ikuti langkah-langkahnya berikut ini:

Caranya perhatikan kembali langkah pada cara yang pertama, yaitu:

• Blok dan POTONG semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
• Buka situs CSS compressor disini
• Settingnganya rubah seperti berikut:

Compression mode = pilih 'Super Compact'
Comment handling = pilih 'Strip all any comments'

• Kemudian tempatkan hasil kompresannya diantara kode

<b:skin><![CDATA[
Pastekan disini kode CSS yang telah di kompres tadi
]]></b:skin>

• kemudian potong kembali pada kode diantara kode

<body>
Bla. . . . .bla. . . . .bla. . . . . Bla . . . . .
</body>

• Selanjutnya buka halaman berikut dan kompres kode tersebut disini HTML Optimizer
• Copy dan pastekan kode hasil kompresan tadi diantara kode <body> dan </body>

• Terakhir klik Simpan

Untuk cara kedua harap lebih berhati-hati dalam mempraktekannya, karena kode CSS/HTML setelah dikompres benar-benar akan membuat kita pusing membacanya, hohoho karena memang tanpa spasi.
Oke, tugas sobat selanjutnya yaitu membandingkan hasil dari sebelum dan sesudah dikompres.
Untuk cara diatas sudah saya terapkan pada blog saya ini. Dan Alhamdulillah tidak mengalami masalah alias lancar!! Dan akhirnya begitulah kiranya Cara Kompres CSS Untuk Mempercepat Loading Blog yang spernah saya lakukan juga.

semoga bisa membantu sobat bloger ..^_^

Membuat Buku Tamu Tersembunyi

 

Bagi kebanyakan blogger membuat buku tamu memang penting. selain untuk mempercantik blog kita, buku tamu atau chat box juga sebagai sarana untuk saling berkunjung dan meninggalkan jejak link kita di blog yang kita kunjungi. Meskipun pada kenyataannya link yang kita tinggalkan di chat box tidak akan terindex oleh mesin pencari.

PERLU DI INGAT ! Sebelum bikin buku tamu tersembunyi,jangan lupa kalian harus daftar terlebih dahulu ke KLIK INI .

Pada sebagian blog, penempatan buku tamu ini ada yang di pasang di sidebar dan ada juga yang memasangnya secara tersembunyi sehingga tidak terlalu memakan banyak tempat. Pada postingan kali ini kita akan membahas cara pemasangan yang kedua, yaitu memasang buku tamu secara tersembunyi.

Bagi sobat blogger yang tertarik, silahkan copy sript di bawah ini kemudian pasang di widget sobat.

1. Loggin ke akun blog sobat
2. Pilih rancangan, add gadget kemudian klik HTML/Java script
3. Pasang script di bawah

<style type="text/css">
#gb{
position:fixed;
top:97px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:125px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ZQfH4x0c493Ux6Fzg88DGTLUc_J82HfoH675lK4BdbHVJaTYZng14ZxZMWQD-KPFc3OuHMPKS7xoXGvIHcy_HGTRRhWTBv_zFQJ1rI9DF4yDaDb6jMrWS0ClDOYKPWrUcjgLv4gTLgA/s1600/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000000;
background:#ffffff;
padding:1px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- LETAKKAN KODE CHAT BOX DISINI -->

<div style="text-align:center; font-size:10px">
<font color="black">Powered by:</font>
<a href="http://gesek-gosok.blogspot.com/2011/04/cara-membuat-buku-tamu-tersembunyi.html" target='blank'>
<font color="blue"><blink>Gesek-Gosok</blink></font>
</a>
</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

SEMOGA BERMANFAAT ...