Membuat Scroll di Area Komentar

Ini untuk kita yang menginginkan blog kita tampil dengan lebih hemat tempat. Artinya tidak terlalu panjang blog kita memakan tempat. Saat tulisan kita menarik, dan banyak komentar yang masuk, maka yang terjadi adalah kita harus memutar gerigi mouse sampai ke bawah sekali.

Tentunya kita menginginkan blog kita tampil dengan simple, tidak terlalu panjang atau lebar. Salah satu cara yang dapat kita lakukan adalah dengan membuat scroll pada area komentar blog kita. Dengan demikian blog kita akan lebih hemat tempat. Seseorang yang ingin berkomentar di postingan kita yang sudah banyak komentarnya tidak harus mengeser sampai ke bawah.

Cara Membuat Scroll di Area Komentar
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <dl id='comments-block'>
6.  Setelah ketemu, taruh kode berikut ini di atasnya.

<div style='overflow:auto; width:ancho; height:400px;'>

7. Cari kode berikut ini </dl> dan taruh kode </div> di bawahnya.
Untuk lebih lengkapnya seperti di bawah ini

<div style='overflow:auto; width:ancho; height:300px;'>
      <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>
          <b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
          <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>
</b:if>
          <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>
</div>

8. Kode yang berwarna merah adalah kode yang kita tambahkan. Simpan Template jika sudah selesai

selengkapnya>>

Antara Konten dan SEO

Ada sebuah tulisan dari seorang blogger yang sangat suka menulis di Kompasiana. Tulisan-tulisannya seputar blog dan blogger. Dan yang saya ingat dan ingin saya tulis kembali di sini (tidak copy paste lo,,,:)) yaitu bagaimana Konten menjadi raja (king) sebuah blog dan SEO menjadi Kong, maka jadilah kingkong. hehe... :p

Di dalam dunia ngeblog, Konten adalah sesuatu yang utama, bagaimana tidak? Tulisan yang menarik dan bermanfaat untuk khalayak ramai membuat blogger itu terkenal. Bagaimana blogger menuliskan sesuatu topik apapun itu dengan bahasanya sendiri yang membuat orang yang membaca betah dan ingin membaca hingga akhir. Dengan setia pembaca menanti tulisan-tulisan berikutnya.

Konten adalah raja, sehingga kita juga berusaha untuk membuat konten blog kita itu menjadi lebih menarik dan banyak yang suka dengan blog kita. Satu lagi yang mungkin juga kita perlu perhatikan adalah berusaha untuk konsisten dengan konten yang kita buat atau dalam arti lain fokus dalam satu topik. Tentu saja topik yang kita hadirkan di blog kita harus kita kuasai. Semakin serius pada satu topik bahasan saja maka akan memunculkan karakter yang kuat dari konten blog kita.

Lalu untuk apa SEO itu? SEO adalah Search Engine Optimization yaitu kegiatan untuk mengoptimalkan blog kita di pencarian search engine, usaha untuk mendapatkan posisi teratas dalam peringkat search engine. Cara bagaimana tulisan-tulisan (konten) blog kita bisa terindex oleh mesin pencari. Untuk itu kita harus juga belajar SEO.

Maka untuk bisa mendapatkan traffik yang banyak ke blog kita, maka yang harus kita lakukan adalah membuat konten yang menarik dan populer, selain itu juga harus belajar SEO, usaha untuk blog kita lebih bersahabat Search Engine. Semoga tulisan yang sederhana ini dapat menginspirasi kita, agar blog kita lebih baik lagi :)

selengkapnya>>

Membuat Mouseover Effect Pada Gambar

Membuat gambar lebih menarik, dengan ini setiap gambar atau foto yang kita akan tampilkan akan mempunyai efek juka mouse kita taruh di gambar tesebut. Gamabar tersebut akan menjadi redup atau sebaliknya, yaitu menjadi terang. Dan untuk membuat animasi mouseover effect itu tidaklah sulit.

Seperti dikutip dari O-om Cara kerja efek gambar transparan diatas tidak begitu sulit, yang kita perlukan hanya memanfaatkan properti CSS Image Opacity. Namun sebelumnya perlu juga diketahui property CSS opacity sebenarnya tidak termasuk dalam standar CSS, dimana property ini hanya bekerja dengan baik pada beberapa web browser modern saja.

Cara membuat mouseover effect dari redup ke lebih terang.

<img src="URL gambar" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

Cara membuat mouseover effect dari terang ke redup

<img border="1" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" src="URL Gambar" style="opacity: 1;" />

Dan mungkin akan sedikit repot jika harus menmabhkan kode css setiap kali ingin menampilkan effect pada gambar kita di postingan. Tapi ada jalan mudah untuk otomatis setiap gambar kita di postingan bereffect seperti diatasa, acaranya adalah menambahkan kode css berikut ini d atas ]]></b:skin>

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}

.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

selengkapnya>>

Memanfaatkan TwitterFeed Untuk Meningkatkan Traffik Blog

Ini mungkin Tulisaan saya di Belajar Ngeblog yang tidak membahas cara untuk mempercantik blog. Karena sebelumnya lebih banyak untuk memberikan tutorial untuk mempercantik blog. Kini berganti sejenak untuk memposting tulisan yang tidak ada kode HTMLnya. Sekarang berusaha untuk memberikan trik untuk meningkatkan traffik blog kita.

Blog yang kita miliki tentunya tidak hanya ingin indah atau rapi saja tapi juga ingin blog kita itu menjadi ramai. Yang bisa kita lakukan salah satunya yaitu dengan mengintergariskan (menyatukan) Blog kita dengan sosial network seperti twitter dan facebook. Yaitu dengan memposting feed dari blog kita ke twitter dan facebook secara otomatis dengan TwitterFeed.com

Langsung saja saya berikan Cara Memanfaatkan TwitterFeed Untuk Meningkatkan Traffik Blog

1. Kunjungi website TwitterFeed di TwitterFeed.com lalu Klik Regiter Now.

2. Isi Form yang telah disediakan lalu klik Create Account.

3. Langkah selanjutnya akan muncul form yang berisikan Feed Blog dan Dan kita bisa memilih untuk mengkoneksikanya dengan twitter, ping.fm, facebook atau yang lain. Mudah kok :)

Dengan demikian kita dapat memposting ffed blog kita secara otomatis ke soscail network yang kita inginkan, posting itu disertai link pendek menuju blog kita (postingan terbaru). Jika merasa belum paham, mungkin kalian bisa juga baca di sini. Pintar-pintarlah memanfaatkan sosial network yang kita ikuti untuk meningkatkan traffik blog kita.

selengkapnya>>