Selasa, 26 Agustus 2008

Zoom Efek Dengan Script Fancy Zoom

Bagi anda yang ingin menyimpan gambar dalam ukuran besar pada halaman  blog, tentunya akan mengalami kesulitan karena keterbatasan kolom posting ataupun sidebar. Untuk mengatasi hal ini, banyak cara yang bisa kita lakukan, diantaranya adalah dengan memakai scrip fancy zoom. Dengan menggunakan script fancy zoom, anda cukup menempatkan gambar berukuran kecil pada halaman blog anda, baik itu di tempatkan pada halaman posting ataupun sidebar atau juga di bagian footer. Prosesnya adalah ketika gambar tersebut di klik oleh pengunjung blog, maka gambar yang tadinya berukuran kecil akan di zoom sehingga tampak gambar yang berukuran besar. Untuk melihat contoh efek menarik dari fancy zoom, silahkan klik di sini! 

Untuk membuat efek zooming seperti yang di contohkan, anda memerlukan script yang di namakan fancyzoom. Sebenarnya script ini di pakai biasanya di pakai pada blog wordpress, namun setelah kang rohman coba, ternyata bisa berjalan di mesin blogger dengan baik. Tertarik membuat efek zoom seperti ini, silahkan lanjut samapai akhir. Berikut langkah-langkahnya :

 

Silahkan download terlebih dahulu script fancy zoom, klik pada banner di bawah ini :

Mirror 1 (ziddu) Mirror 2 (bizhat)
download_thumb[1]
download_thumb[1]

 

Jika sudah di download, silahkan di ekstrak terlebih dahulu dengan memakai software ekstraktor seperti winzip atau winrar. Nanti akan terdapat dua file script java :

 

ektrak

 

Nanti akan ada dua file java yang file name nya yaitu : FancyZoom.js dan FancyZoomHTML.js. Tugas anda selanjutnya adalah mengupload file java tersebut ke server tempat anda biasa menyimpan file java, misalkan ke yahoo geocities atau yang lainnya. Setelah di upload, kemudian copy kedua alamat file tersebut, misalkan kang rohman sudah mempunyai alamat sebagai berikut (hanya contoh saja, jangan di pakai) :

http://www.geocities.com/amn_tea/FancyZoom.js

http://www.geocities.com/amn_tea/FancyZoomHTML.js

 

Dari alamat tersebut, buatlah kode seperti ini (contoh juga) :

<script src='http://www.geocities.com/amn_tea/FancyZoom.js' type='text/javascript'></script>
<script src='http://www.geocities.com/amn_tea/FancyZoomHTML.js' type='text/javascript'></script>


 



Kemudian masukan kode tersebut di atas kode </head> di dalam template blog anda. Bingung? ya sudah, lengkapnya begini nih caranya :




  1. Silahkan login ke blogger dengan Id anda.


  2. Klik Tata Letak.


  3. Klik tab Edit HTML.


  4. Klik tulisan Download template Lengkap. Silahkan di backup dulu templatenya (penting).


  5. Cari kode </head>


  6. Simpanlah kode yang tadi di buat di atas kode </head>. Contoh :

     kode 




  7. Lihat sedikit ke bawah, dan temukan kode ini <body>


  8. Hapus kode <body> lalu ganti dengan kode :

     


    <body onload="setupZoom()">

     




  9. Klik tombol SIMPAN TEMPLATE.






Untuk langkah awal sudah OK, langkah selanjutnya adalah upload gambar-gambar yang berukuran besar ke server tempat biasa anda menyimpan file gambar, misal ke photobucket.com atau imageshack.com atau di mana saja. kemudian copy alamat gambar tersebut. Misalkan kang rohman sudah mengupload gambar ke google pages dan mempunyai alamat gambar sebagai berikut :


http://kangrohman.googlepages.com/Waterlilies.jpg


Pola pemanggilan gambar yang akan di zoom adalah sebagai berikut :


<a href="image.jpg"><img src="image-thumbnail.jpg" /></a>

 


Jadi untuk contoh alamat di atas, kode yang di buat bisa seperti ini :




<a href="http://kangrohman.googlepages.com/Waterlilies.jpg"><img height="200" src="http://kangrohman.googlepages.com/Waterlilies.jpg" width="300" border="0" /></a>




 


Kode width="300" dan height="200" adalah ukuran agar gambar yang tampil bisa menjadi berukuran lebih kecil daripada ukuran aslinya, dan tentu saja nilai ini bisa anda ganti dengan nilai yang anda inginkan.

 


Semoga bermanfaat.

Senin, 25 Agustus 2008

Memilah Milah Komentar

Informasi ringan namun mudah-mudahan bermanfaat, karena ternyata masih ada yang menanyakan tentang bagaimana cara memilah-milah kemunculan kotak komentar posting, tepatnya pertanyaan tersebut seperti ini “ gimana ya cara ngilangin komentar dalam satu postingan seperti dalam postingan kontak kami?”.

Sebenarnya kotak komentar suatu posting tentu saja bisa kita atur agar bisa di munculkan atau disembunyikan pada posting tertentu, caranya terbilang sangat mudah. Sekarang silahkan anda login ke blogger, kemudian pilih posting baru seolah-olah anda akan memposting suatu artikel. Untuk mengatur apakah pada postingan tersebut akan di munculkan kotak komentarnya atau bahkan di sembunyikan, maka anda tinggal klik tulisan Pilihan Posting di sudut kiri bawah kotak posting. Setelah di klik maka akan terbuka opsi yang bisa anda pilih, yaitu :

 

Komentar Pembaca :

  • Ijinkan
  • Jangan di ijinkan.

 

Tugas anda adalah memberi tanda pada radio button di samping tulisan tersebut, jika anda memilih ijinkan maka kotak komentar nantinya akan muncul dan pembaca postingan tersebut tentu saja bisa memberi komentar. Nah jika anda tidak menginginkan kotak komentar muncul, maka anda tinggal memilih opsi Jangan diijinkan dan tentunya nanti kotak komentar tidak akan muncul, contohnya seperti pada posting kang rohman tentang Kontak Kami. Sangat mudah bukan? atau masih bingung, nih kang rohman berikan screenshot nya, klik pada gambar jika ingin memperbesar :

 

kotak-komentar

 

Apakah postingan yang lama bisa di edit kembali? tentu saja bisa, namun opsi pilihannya berbeda dengan yang baru, yaitu :

 

Komentar Pembaca :

  • Ijinkan
  • Jangan ijinkan, tayangkan yang telah ada
  • Jangan ijinkan, sembunyikan yang telah ada

 

Jika anda memilih opsi yang kedua, maka kotak komentar akan di sembunyikan namun komentar yang sudah terlanjur masuk masih tetap tayang. Nah apabila memilih opsi yang ke tiga, maka kotak komentar akan di sembunyikan dan komentar yang telah masukpun akn ikut di sembunyikan sehingga artikel tersebut tidak ada koementarnya.

 

Semoga bermanfaat.

Sabtu, 23 Agustus 2008

Alternatif Warna Kotak Komentar

Menyambung postingan yang sebelumnya yaitu tentang cara Modifikasi Template, maka kali ini kang rohman akan memberikan alternatif warna yang berbeda dari yang kemarin. Jadi bagi anda yang merasa kurang cocok dengan warna yang kemarin, tinggal pilih mana yang cocok dengan template blog anda. Alternatif pilihannya adalah sebagai berikut :

blue-comment_03

 

yellow-comment_03

 

red-comment_03

 

green-comment_03

 

Warna apa yang anda suka? tinggal pilih saja. Cara untuk menggantinya sangat mudah, silahkan baca tutorial tentang Revisi Cara modifikasi kotak komentar.

Sudah di baca? jika sudah, anda tinggal upload gambar berikut ke server yang biasa anda pakai untuk menyimpan gambar :

 

komentar warna biru

komentar warna kuning

komentar warna pink

komentar warna hijau

 

Selain mengganti alamat URL gambar, anda harus pula mengganti warna background . Yang di ganti adalah kode yang ini  (warna merah):

#commentblock {
    width: 510px;
    background: #dde28f;
    text-align:left;
    padding: 20px 20px 10px 20px;
    margin: 10px 0px 0px 0px;
    border-top: 2px solid #333333;
    border-bottom: 1px solid #333333;
    }

 

kode warna penggantinya adalah sebagai berikut :

Untuk yang warna biru :

background : #c5d3fe ;

 

Untuk yang warna kuning:

background: #dde28f;

 

Untuk yang warna pink:

background: #fedadc ;

 

Untuk yang warnahijau

background: #cbfce2 ;

 

 

Mudah-mudahan tidak pada bingung. Sampai jumpa kembali pada posting berikutnya.

Rabu, 20 Agustus 2008

Revisi: Cara Modifikasi Kotak Komentar

Sudah baca tutorial kemarin tentang cara modifikasi kotak komentar? Bagaimana hasilnya? dari komentar yang masuk dan setelah kang rohman kunjungi blognya, ternyata memang banyak yang sudah berhasil. Namun ada yang mengeluhkan bahwa hasilnya sedikit berbeda dengan yang di miliki kang rohman, yaitu di sebelah atas garisnya tidak rata sehingga mengurangi keindahan dari kotak komentar tersebut. Screenshotnya seperti ini :

 

revisi-kotak-komentar_03

 

Hiks…. kenapa ya bisa begitu? ternyata permasalahnya adalah gambar yang di upload ke blogger sebagai background kotak komentar tersebut mengalami penyusutan alias di perkecil oleh mesin blogger. So, gambar yang tadinya sudah pas menjadi tidak pas. Apakah ada solusi? tentu saja. solusinya anda harus menyimpan gambar background di server lain seperti di photobucket, google pages, imageshack, yahoo geocities atau di server lainnya yang biasa anda gunakan untuk menyimpan gambar. Tentunya sudah tahu kan cara menyimpan gambar dan mengambil alamat URL nya, belum tahu juga? sok atuh di baca postingan kang rohman tentang “upload gambar ke photobucket” atau tentang “google page creator”.

 

Trus bagaimana kelanjutan tentang kotak komentarnya? hiksss…lupa. Sekarang begini, silahkan anda save gambar di bawah ini! belum tahu caranya? tinggal sorot saja gambarnya, kemudian klik kanan lalu pilih Save Image As… (untuk fire fox) atau Save Picture As… (untuk internet explorer), kemudian simpan di komputer anda.

 

background kotak komentar

 

 

Sudah di simpan gambarnya? jika sudah, silahkan upload ke server tempat anda biasa menyimpan gambar, kemudian jangan lupa untuk mengcopy alamat URL nya.

Jika sudah dapat, silahkan ikuti tutorial berikut untuk memperbaiki kotak komentar yang kemarin.

 

  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Klik tulisan Download Template Lengkap. Silahkan backup dulu templatenya (penting!).
  5. Cari kode css yang seperti ini (kode yang kemarin hasil modifikasi).

     

    .commenttext {
        clear: both;
        margin: 3px 0px 10px 0px;
        padding: 20px 10px 5px 10px;
        width: 490px;
        background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA1OGo7mncb7C3m3gzWdfMS3Si_FQ9AKbPMjfmV4hXBSZNmJF30L3YTWLc3GzRs21Tl3AdzrtlFncSkcvMQaRP976URHdr_Sn0kKawu95tcIJByw1iLaVa-CXLrVJ489Bqc9W38Bf-UjPV/s320-r/comment.gif) no-repeat top left;
        }

    .commenttext-admin {
        clear: both;
        margin: 3px 0px 10px 0px;
        padding: 20px 10px 5px 10px;
        width: 490px;
        background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA1OGo7mncb7C3m3gzWdfMS3Si_FQ9AKbPMjfmV4hXBSZNmJF30L3YTWLc3GzRs21Tl3AdzrtlFncSkcvMQaRP976URHdr_Sn0kKawu95tcIJByw1iLaVa-CXLrVJ489Bqc9W38Bf-UjPV/s320-r/comment.gif) no-repeat top left;
        }

     

  6. Gantilah alamat gambar yang saya beri warna merah dengan alamat gambar yang anda miliki. contoh ( ini contoh saja lho, jangan di pakai) :

     

     

    .commenttext {
    clear: both;
    margin: 3px 0px 10px 0px;
    padding: 20px 10px 5px 10px;
    width: 490px;
    background: #FFFFFF url(http://kangrohman.googlepages.com/commentgray.gif) no-repeat top left;
    }
    .commenttext-admin {
    clear: both;
    margin: 3px 0px 10px 0px;
    padding: 20px 10px 5px 10px;
    width: 490px;
    background: #FFFFFF url(http://kangrohman.googlepages.com/commentgray.gif) no-repeat top left;
    }

     

  7. Klik Tombol SIMPAN TEMPLATE.

  8. Selesai, silahkan lihat hasilnya.

 

 

 

Mudah-mudahan dengan tutorial ini, keluhan anda bisa jadi terobati. Satu lagi, pada posting berikutnya akan saya berikan altenatif warna lain dari kotak komentar hasil modifikasi ini. Jadi, jangan lewatkan seri berikutnya ya.

 

Selamat berkreasi.

Selasa, 19 Agustus 2008

Cara Modifikasi Kotak Komentar

Hiks... setelah membaca beberapa pesan yang masuk ke kotak shoutbox, kotak komentar serta kiriman email, rupanya banyak sekali yang menyukai tampilan dari kotak komentar yang kang rohman pakai yaitu kotak komentar yang seperti ini :

 

komentar

Seperti biasanya, kalau banyak yang suka pasti kang rohman di berondong oleh permintaan agar di buatkan tutorial cara membuat kotak komentar yang seperti gambar di atas. Nah, untuk memenuhi hasrat beliau-beliau ini maka kang rohman menyempatkan diri untuk membuatkan tentang bagaimana membuat kotak komentar ini.

Perlu di ketahui sebelumnya bahwa setiap kode template antara yang satu dengan yang lain bisa berbeda bisa juga sama, jika tutorial ini tidak sama dengan kode yang ada pada template anda, maka maaf saja berarti anda kurang beruntung. Sebagai contoh, kang rohman memakai kode template Minima.

Agar tidak terlalu ngalor ngidul karena sekarang kang rohman punya penyakit males ngetik banyak-banyak, maka langsung saja kepada langkah bagaimana cara memodifikasi kotak komentar ala blog kang rohman.

 

  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Klik tulisan Download Template Lengkap. Silahkan backup dulu templatenya (penting!).
  5. Beri tanda centang/tik pada kotak kecil di samping tulisan Expan template Widget.

     

    expand widget template

     

  6. Tunggu beberapa saat ketika proses sedang berlangsung.

  7. Cari kode pada bagian CSS yang seperti ini :

     

    #comments h4 {
      margin:1em 0;
      font-weight: bold;
      line-height: 1.4em;
      text-transform:uppercase;
      letter-spacing:.2em;
      color: $sidebarcolor;
      }

    #comments-block {
      margin:1em 0 1.5em;
      line-height:1.6em;
      }
    #comments-block .comment-author {
      margin:.5em 0;
      }
    #comments-block .comment-body {
      margin:.25em 0 0;
      }
    #comments-block .comment-footer {
      margin:-.25em 0 2em;
      line-height: 1.4em;
      text-transform:uppercase;
      letter-spacing:.1em;
      }
    #comments-block .comment-body p {
      margin:0 0 .75em;
      }
    .deleted-comment {
      font-style:italic;
      color:gray;
      }

     

     

  8. Hapus / delete kode di atas lalu ganti dengan kode yang ada di bawah ini :

     

    #comments h4 {
      margin:0;
      font-weight: bold;
      line-height: 1.4em;
      text-transform:uppercase;
      letter-spacing:.2em;
      color: #000;
      }

    #bg_commentblock {
        width: 548px;
        background: #ffffff;
        float: left;
        padding:20px;
        margin:0 0 10px 0;
        border:1px solid #C0C0C0;
        }

    #commentblock {
        width: 510px;
        background: #E8E8E8;
        text-align:left;
        padding: 20px 20px 10px 20px;
        margin: 10px 0px 0px 0px;
        border-top: 2px solid #333333;
        border-bottom: 1px solid #333333;
        }
    #commentblock ol {
        list-style-type: square;
        margin: 0px 0px 0px 10px;
        padding: 0px 0px 10px 0px;
        }
    .commentdate {
        font-size: 12px;
        padding-left: 0px;
        }
    #commentlist li p {
        margin-bottom: 8px;
        line-height: 20px;
        padding: 0px;
        }

    .commentname {
        color: #333333;
        margin: 0px;
        padding: 5px 5px 5px 0px;
        }

    .commentinfo{
        clear: both;
        }

    .commenttext {
        clear: both;
        margin: 3px 0px 10px 0px;
        padding: 20px 10px 5px 10px;
        width: 490px;
        background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA1OGo7mncb7C3m3gzWdfMS3Si_FQ9AKbPMjfmV4hXBSZNmJF30L3YTWLc3GzRs21Tl3AdzrtlFncSkcvMQaRP976URHdr_Sn0kKawu95tcIJByw1iLaVa-CXLrVJ489Bqc9W38Bf-UjPV/s320-r/comment.gif) no-repeat top left;
        }

    .commenttext-admin {
        clear: both;
        margin: 3px 0px 10px 0px;
        padding: 20px 10px 5px 10px;
        width: 490px;
        background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA1OGo7mncb7C3m3gzWdfMS3Si_FQ9AKbPMjfmV4hXBSZNmJF30L3YTWLc3GzRs21Tl3AdzrtlFncSkcvMQaRP976URHdr_Sn0kKawu95tcIJByw1iLaVa-CXLrVJ489Bqc9W38Bf-UjPV/s320-r/comment.gif) no-repeat top left;
        }

     

     

  9. Lihat Ke bagian bawah, dan cari kode yang seperti ini :

     

    <b:includable id='comments' var='post'> 
    <div class='comments' id='comments'> 
    <a name='comments'/> 
    <b:if cond='data:post.allowComments'> 
    <h4> 
    <b:if cond='data:post.numComments == 1'> 
              1<data:commentLabel/>:
            <b:else/>
              <data:post.numComments/> <data:commentLabelPlural/>:
            </b:if>
          </h4>

          <b:if cond='data:post.commentPagingRequired'>
            <span class='paging-control-container'>
              <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
              &#160;
              <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
              &#160;
              <data:post.commentRangeText/>
              &#160;
              <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
              &#160;
              <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
            </span>
          </b:if>

          <dl id='comments-block'>
            <b:loop values='data:post.comments' var='comment'>
              <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
                <a expr:name='data:comment.anchorName'/>
                <b:if cond='data:comment.authorUrl'>
                  <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
                <b:else/>
                  <data:comment.author/>
                </b:if>
                <data:commentPostedByMsg/>
              </dt>
              <dd class='comment-body'>
                <b:if cond='data:comment.isDeleted'>
                  <span class='deleted-comment'><data:comment.body/></span>
                <b:else/>
                  <p><data:comment.body/></p>
                </b:if>
              </dd>
              <dd class='comment-footer'>
                <span class='comment-timestamp'>
                  <a expr:href='data:comment.url' title='comment permalink'>
                    <data:comment.timestamp/>
                  </a>
                  <b:include data='comment' name='commentDeleteIcon'/>
                </span>
              </dd>
            </b:loop>
          </dl>

          <b:if cond='data:post.commentPagingRequired'>
            <span class='paging-control-container'>
              <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                <data:post.oldestLinkText/>
              </a>
              <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                <data:post.olderLinkText/>
              </a>
              &#160;
              <data:post.commentRangeText/>
              &#160;
              <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                <data:post.newerLinkText/>
              </a>
              <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                <data:post.newestLinkText/>
              </a>
            </span>
          </b:if>

          <p class='comment-footer'>

            <b:if cond='data:post.embedCommentForm'>
              <b:include data='post' name='comment-form'/>
            <b:else/>
              <b:if cond='data:post.allowComments'>
                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
              </b:if>
            </b:if>

          </p>
        </b:if>

     

  10. Hapus / delete kode di atas lalu ganti dengan kode yang ada di bawah ini :

     

    <b:includable id='comments' var='post'>

      <div class='comments' id='comments'>
        <a name='comments'/>
        <b:if cond='data:post.allowComments'>

    <div id='bg_commentblock'>

    <h4>

    Komentar :

       </h4>

       <div id='commentblock'><!--commentblock-->

    <strong>ada</strong> <b:if cond='data:post.numComments == 1'>1
            <b:else/>
               <strong><data:post.numComments/> <data:commentLabelPlural/> ke &#8220;<data:post.title/>&#8221;</strong>
            </b:if>

          <dl class='commentlist'>
            <b:loop values='data:post.comments' var='comment'>
              <span><dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='display:inline'>
                <a expr:name='data:comment.anchorName'/>
                <b:if cond='data:comment.authorUrl'>
                  <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
                <b:else/>
                  <data:comment.author/>
                </b:if>
                <data:commentPostedByMsg/>
              </dt>pada hari&#160;<dd class='comment-footer' style='display:inline; margin:0px'>
                <span class='comment-timestamp'>
                  <a expr:href='data:comment.url' title='comment permalink'>
                    <data:comment.timestamp/>
                  </a>
                  <b:include data='comment' name='commentDeleteIcon'/>
                </span>
              </dd></span>
              <dd class='commenttext'>
                <b:if cond='data:comment.isDeleted'>
                  <span class='deleted-comment'><data:comment.body/></span>
                <b:else/>
                  <p><data:comment.body/></p>
                </b:if>
              </dd>
            </b:loop>
          </dl>
          <b:if cond='data:post.commentPagingRequired'>
            <span class='paging-control-container'>
              <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                <data:post.oldestLinkText/>
              </a>
              <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                <data:post.olderLinkText/>
              </a>
              &#160;
              <data:post.commentRangeText/>
              &#160;
              <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                <data:post.newerLinkText/>
              </a>
              <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                <data:post.newestLinkText/>
              </a>
            </span>
          </b:if>

          <p class='comment-footer'>

    <b:if cond='data:post.embedCommentForm'>

    <b:include data='post' name='comment-form'/>

    <b:else/>

    <b:if cond='data:post.allowComments'>

    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    </b:if>

    </b:if>

    </p>
        </div><!--end commentblock-->

    </div>
        </b:if>

     

     

  11. Klik tombol Simpan Template.

  12. Selesai. Silahkan lihat hasilnya.

      

Kode-kode diatas tentunya tidaklah mutlak harus seperti itu, jika anda sedikit familiar dengan css, maka anda bisa berkreasi lebih. Terutama pada bagian lebar kotak komentar, anda harus menyesuaikan dengan lebar kotak komentar template anda. Sedikit petunjuk, untuk mengubah lebar kotak koemntar di atas, anda tinggal mengganti nilai dari width nya, contoh : width: 548px; di ubah jadi width: 500px; atau berapa saja sesuai dengan template anda.

Nah itulah tutorial singkat yang anda tunggu-tunggu selama berbulan-bulan, semoga dapat mengobati rasa kesal yang selama ini mengganjal di hati anda.

 

Selamat mencoba.

Sabtu, 16 Agustus 2008

Menyambut HUT RI Ke 63

63th_thumbs

Hari ini adalah tanggal 17 Agustus 2008, hari yang bersejarah bagi bangsa indonesia, dan saya adalah bagian dari bangsa itu. Sejarah apa yang sudah terjadi di tanggal ini, pasti anda tahu semua. 17 Agustus 2008 merupakan Hari Ulang Tahun Kemerdekaan republik Indonesia yang ke 63. Tidak terasa sudah 63 tahun lamanya kita merdeka, sebuah angka yang cukup lumayan matang apabila di tinjau dari umur manusia zaman sekarang.

Namun apakah kita benar-benar sudah merdeka? jawabannya pasti akan berbeda. Bagi sebagian orang mungkin sudah benar-benar merasa merdeka, namun bagi sebagian yang lain mungkin saja masih merasa belum benar-benar merdeka. Dan menurut pandanganku sebagai bagian dari anak bangsa ini merasa bangsa indonesia belum sepenuhnya merdeka, belum merdeka dari kemiskinan, belum merdeka dari kebodohan, dan berbagai hal lainnya. Akan tetapi walaupun demikian, kita patut bersyukur utamanya kepada Tuhan Yang Maha Esa yag telah memberikan nikmatnya udara kemerdekaan ini dan juga kepada para pahlawan yang telah rela mengorbankan segenap tumpah darahnya untuk bangsa ini.

 

Mudah-mudahan di masa yang akan datang, bangsaku ini benar-benar merdeka dalam berbagai hal. Terima kasih ya Alloh, terima kasih para pahlawanku atas jasamu yang tak ternilai harganya.

 

Jaya selalu INDONESIA ku.