Kalau bukan karena sebuah pertanyaan pada komentar "Membuat Scroll Pada Bloglist" mungkin saya tidak akan menulis masalah ini karena pada dasarnya cara membuatnya hampir sama. Bahkan jika dibandingkan dengan "membuat scroll pada linklist", caranya sangat mirip sekali. Namun demi sobat (dan karena kemalasan saya mencari topik baru) maka saya tulis juga tutorial ini, hehehe...

Bagi kamu yang menggunakan Label (Kategori) dari gadget blogger dengan cara diurut (bukan dengan cara Tag Cloud) pasti akan mengalami masalah "kepanjangan" jika label posting-annya terlalu banyak. Dan tentu saja untuk mengatasinya perlu dibuatkan scroll agar tidak terlalu memanjang ke bawah.

Cara membuat scroll pada Label ini tidak jauh berbeda dengan ketika membuat scroll pada Linklist (Daftar Link), sebagai berikut:

• Dari halaman dasbor, klik Tata Letak - Edit HTML.
• Beri tanda centrang pada Expand Template Widget.
• Kemudian cari kode type='Label' (gunakan Control F atau F3).
• Perhatikan kode yang ada di bawahnya, seperti ini: 

  <b:includable id='main'>

  <b:if cond='data:title'>

  <h2><data:title/></h2>

  </b:if>

  <div class='widget-content'>

  
  
• Tambahkan perintah style='overflow:auto; height:200px' pada kode yangberwarna biru, sehingga menjadi seperti ini:

  <b:includable id='main'>

  <b:if cond='data:title'>

  <h2><data:title/></h2>

  </b:if>

  <div class='widget-content' style='overflow:auto; height:200px'>

  
  
• Atur ukuran tinggi (height)-nya sesuai kebutuhan.
• Simpan hasil editing ini dan ucapkan Alhamdulillah.....

Read more…

Berikut adalah kode script untuk turunnya salju di halaman blog kita...!


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:50}); </script>

Read more…

Kali ini kita aka mencoba untuk membuat menu Horizontal dengan menggunakan widget.

Kelebihannnya kalau kita mengunakan widget adalah kita dapat memindah letak menu tersebut dengan cepat sesuai dengan keinginan kita.

Adapun untuk membuat menu horizontal pada blogger menggunakan widget langkah-langkahnya adalah sebagai berikut:

* pertama2 sign in seperti biasa

* klik tata letak untuk bahasa indonesia atau layout untuk bahasa inggris

* klik edit html

* trus klik expand widget template

Sebelum membuat menu horizontal jangan lupa download template agar misalnya ada kesalahan bisa menggunakan template sebelumnya

kalau sudah cari kode berikut:

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

kemudian ganti angka 1 dengan 2 dan no dengan yes

terus dibawahnya ada kode

b:widget id='Header1' locked='true'

Ganti true dengan false Terus save template

Untuk menu horizontal dalam template atau menggunakan html dan css kopi kode dibawah ini paste diatas Code: ]]></b:skin> : 

#nav ul{

display:block;

margin: 0px;

padding: 0px;

}

#nav li{

float:left;

list-style-type:none;

padding:3px 5px 3px 5px;

margin:1px;

border:#CCCCCC 1px solid;

}

#nav li a{

text-decoration:none;

}

#nav li:hover{

background:#00FFFF;

}

Untuk warna menu horizontal ini bisa diganti sendiri jika ingin menggunakan warna yang lain.

lalu save template.

Setelah itu untuk menambah menu horizontal tinggal kopi kode berikut pada widget dan tempatkan sesuai keinginan kita:

<div id="nav"> 

<ul> 

<li><a href="#">Home</a></li> 

<li><a href="#">About</a></li> 

<li><a href="#">Contact</a></li> 

<li><a href="#">FAQ</a></li> 

<li><a href="#">Product</a></li> 

</ul> 

</div> 

Jangan lupa mengganti kode # dan nama yang berwarna merah.

Terus buka elemen halaman atau page element pada header klik add page element html terus paste kode itu terus save.

Read more…

Pada suatu hari, saya mendapat kendala pada blog saya. Pada saat membuat Laman.  Saya mendapati bahwa terjadi masalah laman dengan read more. Postingan laman tidak tampil full (hanya tampil sebagian) dan terdapat link read more, walaupun sudah diklik readmore tetap lamannya yang tampil sebagian. Sempat frustasi saya menghadapi ini, dan akhirnya saya searching di mbah Google dan mendapati blog yang membahas masalah ini ( Terima Kasih KepadaTirai Kehidupan) saya pun mengikuti langkah-langkah mudahnya, dan Berhasil. Bagi anda yang mempunyai masalah yang sama, silakan ikuti langkah-langkah berikut :

1. Berangkat Ke Dasbor --> Rancangan --> edit html

2. Sebaiknya Backup terlebih dahulu template anda untuk menghindari terjadi kesalahan

3. Klik Expand Widget Template

4. Cari Kode dibawah ini ataupun yang sejenisnya. ( kode auto read more anda)

     Bila tidak ketemu, cari kode yang berwarna hijau, lalu cocokan dengan yang hampir sama 

<b:if cond='data:blog.pageType != &quot;item&quot;'> 

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>

<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5. Setelah itu ganti dengan kode berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>

<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>

</b:if>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>

</b:if>

6. Yang berwarna merah itu adalah kode yang ditambahkan dan ada yang diganti pula, hasil jadi kodenya seperti yang diatas.

7. Simpan Template

Read more…