Archive for Februari, 2010

22 Februari 2010

Cara Mendapatkan Kode API wordpress Untuk Akismet


 

Cara Mendapatkan Kode API wordpress Untuk Akismet

Cara Mendapatkan Kode API wordpress Untuk Akismet

Akismet adalah salah satu plugin default yg biasanya sudah nempel di script wordpress yang gunanya untuk mencegah terjadinya spamming komentar. Namun kita harus meng aktifkannya agar si akismet bisa berfungsi.

Untuk mang aktifkan plugins Akismet caranya sbb  :

caranya daftar dulu ke wordpress.com ( bikin akun baru)

lalu masuk ke bagian “User” atau (Pengguana) lalu ke Profil nanti lihat diatas adakode API , nah copy  kode API untuk akismet tsb .

Cara mendapatakan kode API wordpress untuk aktifkan Akismet

Kemudian masuk ke dashbor blog berbayar kita , masuk ke setting–>akismet–>masukkan kode API yg tadi kita copy

Sumber image : bloggista.com , blog.taragana.com

22 Februari 2010

Membuat scroll pada komentar blog


Para rekan blogger sekalian…kita berjumpa lagi dlm acara tutorial kali ini, dengan judul “Membuat Scroll pada komentar blog”. Apa itu scroll? Kalau ini teman2 pasti sudah pada tahu, tu lho di bagian kanan browsernya teman2…yang biasanya membuat gulung2/geser halaman web/blog, nah itulah yang namanya scroll. Selama si empunya nulis2 tutorial masalah blogging di blogger, ini adalah postingan yang kedua yang membahas mengenai pembuatan scroll, sebelumnya saya sudah nulis tutorial “Cara Membuat kotak Scroolbar pada blog” tapi jika kamu pengen membuat kotak komentar kamu juga mempunyai fungsi scroll ada cara mudah yang bisa kamu lakukan,caranya sbb:

  • lalu klik Tata Letak,
  • kemudian Klik Edit HTML.
  • Dan yang paling penting jangan lupa centang si “expand widget template”
  • Cari kode yang mirip seperti ini:

    <dl id=’comments-block’>
    <b:loop values=’data:post.comments’ var=’comment’>
    <dt class=’comment-author’ expr:id=’&quot;comment-&quot; + data:comment.id’>
    <a expr:name=’&quot;comment-&quot; + data:comment.id’/>
    <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=’comment-body-author’>
    <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=’&quot;#comment-&quot; + data:comment.id’ title=’comment permalink’>
    <data:comment.timestamp/>
    </a>
    <b:include data=’comment’ name=’commentDeleteIcon’/>
    </span>
    </dd>

    </b:loop>
    </dl>


    Nah, kalau sudah memperhatikan kode di atas, sekarang tambahkan kode berwarna merah,yang akhirnya menjadi seperti berikut:


    <div style=’overflow:auto; width:ancho; height:350px;’>
    <dl id=’comments-block’>
    <b:loop values=’data:post.comments’ var=’comment’>
    <dt class=’comment-author’ expr:id=’&quot;comment-&quot; + data:comment.id’>
    <a expr:name=’&quot;comment-&quot; + data:comment.id’/>
    <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=’comment-body-author’>
    <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=’&quot;#comment-&quot; + data:comment.id’ title=’comment permalink’>
    <data:comment.timestamp/>
    </a>
    <b:include data=’comment’ name=’commentDeleteIcon’/>
    </span>
    </dd>

    </b:loop>
    </dl>
    </div>


  • Klik simpan template

NB:

Teman2 juga bisa mengatur panjang lokasi kotak komen yang ber-scroll itu dengan cara mengatur nilai pada kode <div style=’overflow:auto; width:ancho; height:350px;’> nah perhatikan pada bagian:350px . Angka tersebut dapat tman2 atur sesuai keinginan tman2, tapi lihat dulu hasil kerjaannya tman2 pada kolom komentar postingannya, apakah sudah sesuai dengan ukuran kotak komen yg tman2 inginkan

21 Februari 2010

Cara mengganti logo blogger


Cara mengganti logo/icon bloggerCara mengganti logo/icon blogger sangat mudah juga. buat temen2 yang gk suka logo blogger bisa mennganti sesuai dengan keinginanya, tapi kalo saya sih biar aja deh..soalnya sebagai ucapan terima kasih saya sama blogger jadi aq tidak akan menggantinya, ok buat yang pengen mengganti icon tersebut silahkan menuju Tkp aja ya,caranya sbb:

sebelumnya anda harus membuat dulu image atau mengedit gambar yang sudah ada menjadi berukuran 24 x 24 pixel up to 32 x 32 pixel, kalo tidak bisa gambar seadanya juga boleh,kemudian silakan upload gambar tersebut, misalnya di photobucket.com, kenapa harus upload kesana? karena untuk mendapatkan kode URL image kita, masih bingung ya,,

1.masuk ke blogger anda
2.pilih tata letak
3.edit html, jangan lupa download dulu demi keamanan
4. cari kode seperti ini </head>
5. kalo sudah ketemu letakkan kode dibawah ini sebelum kode diatas.

<link href=’http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg&#8217; rel=’SHORTCUT ICON’/>

6.save template.

NB: jangan lupa mengganti yang berwarna merah dengan alamat url gambar anda
selamat mencoba!

21 Februari 2010

Menampilkan Status YM Di Website / Blog


Tulisan ini saya publish karena terkadang ada teman yang meminta tutorial “Bagaimana sih memunculkan status YM di Blog / Website ?”. Mungkin bagi kebanyakan Blogger atau Web Developer sudah paham betul akan fasislitas ini.

Nah bagi rekan-rekan yang membutuhkannya berikut coba saya paparkan cara-caranya yang boleh dibilang nggak begitu ribet.

Copykan script dibawah ini ke Website / Blog anda :

<a href=”ymsgr:sendIM?fachroe84? class=”nonlink”><img src=”http://opi.yahoo.com/online?u=fachroe84&m=g&t=0? border=”0? /></a>

Penjelasan :

  • <a href=”ymsgr:sendIM?fachroe84? class=”nonlink”>…</a>
    Script ini bertujuan membuat link ke alamat YM dengan ID : fachroe84, jadi ketika di klik akan langsung keluar editor YM untuk mengirim pesan ke fachroe84.
  • <img src=”http://opi.yahoo.com/online?u=fachroe84&m=g&t=0? border=”0? />
    Script ini bertujuan menampilkan image status si user Online atau Offline.

Berikut ini adalah kode-kode untuk menampilkan image status YM, silahkan pilih favorit anda :

  • t=0
  • t=1
  • t=2
  • t=3
  • t=4
  • t=5
  • t=6
  • t=7
  • t=8
  • t=9
  • t=10
  • t=11
  • t=12
  • t=13
  • t=14
  • t=15
  • t=16
  • t=17
  • t=18
  • t=19
  • t=20

Semoga Bermanfaat