Blogywalkie: Blogger AddOns

Menambahkan Subcscribe to Comment (Atom)

Subscriber yang disediahkan oleh Blogger hanyalah Subscribe to Post (atom) saja. Kalau seorang
ingin subscribe comment-nya, gimana? Untuk itu, kita akan menambahkannya sendiri melalui
hacking ini. Bagaimana caranya? Seperti biasa, anda harus telah terlogin terlebih dahulu dalam
akun Blogger anda, setelah itu masuk ke Layout, Edit HTML dan centang Expand Widget
Templates. Lalu cari dan tambahi dengan kode ini:

Subscriber yang disediahkan oleh Blogger hanyalah Subscribe to Post (atom) saja. Kalau seorang
ingin subscribe comment-nya, gimana? Untuk itu, kita akan menambahkannya sendiri melalui
hacking ini. Bagaimana caranya? Seperti biasa, anda harus telah terlogin terlebih dahulu dalam
akun Blogger anda, setelah itu masuk ke Layout, Edit HTML dan centang Expand Widget
Templates. Lalu cari dan tambahi dengan kode ini:

<div class="post-feeds">
<b:loop values="data:posts" var="post">
<b:if cond="data:post.allowComments">
<b:if cond="data:post.feedLinks">
<b:include data="post.feedLinks" name="feedLinksBody">
</b:include>
</b:if>
</b:if>
<a href="http://yourblogname.blogspot.com/feeds/comments/TYPE">Subscribe
to: Post Comments (Atom)</a>
</b:loop></div>

Jika sudah, jangan lupa merubah yourblogname.blogspot.com menjadi nama blogmu. Tapi
jangan lupa juga untuk merubah setting feed menjadi Full semua. Bagaimana caranya? Masuk ke
Setting, Format, dan pilih Feed. Disana ada berbagai combo-box, dan pilih Full semua.

Selengkapnya...

Join I'm An Indonesia Blogger

I'm an Indonesia Blogger adalah sebuah widget yang menyatakan kalau kita itu adalah blognya bangsa Indonesia. Sehingga, kita tahu ini blog bangsa siapa. tidak hanya itu, I'm An Indonesia Blogger juga memberi kesan kepada kita, bangsa indonesia, kalau kita adalah bangsa yang bersatu teguh dalam dunia apapun, termasuk dunia maya ataupun dunia nyata. untuk menggunakan ini, anda tidak perlu terdaftar terlebih dahulu. tinggal kopikan saja kode berikut dalam blog anda:

<img alt="I'm an Indonesia Blogger" src="http://spenzagres1.googlepages.com/imanindonesiablogger-styled.jpg" />
<a href="http://blogywalkie.blogspot.com/2007/11/join-im-indonesia-blogger.html">Join I'm an Indonesia Blogger? Click Here</a>

tidak hanya itu saja gambarnya, kita masih punya banyak gambar. mana yang anda suka: (jika anda ingin merubah gambarnya, maka rubah styled di akhir kalimat dengan huruf lain, misal stylea, styleb, stylec, stylee, styleh, atau lainnya. nih gambarnya beserta kode stylenya:

(stylea)

(styleb)

(stylec)

(styled)

(stylee)

(stylef)

(styleg)

(styleh)

(stylei)

(stylej)

(stylek)

(stylel)

Selengkapnya...

Adding a "Print this" option for your blog.

ini adalah hack yang akan memperbolehkan pengunjungmu untuk mencetak langsung halaman blogmu langsung dari link blog-mu sendiri. Seperti biasa, sebelum memulainya, kita baca bismillah terlebih dahulu dan download dulu template kita jika nanti ada kesalahan.

ini adalah hack yang akan memperbolehkan pengunjungmu untuk mencetak langsung halaman blogmu langsung dari link blog-mu sendiri. Seperti biasa, sebelum memulainya, kita baca bismillah terlebih dahulu dan download dulu template kita jika nanti ada kesalahan.

dalam templatemu, paste kode script ini diantara tag <head> dan </head> :

<ul><script style="text/javascript">

<style type="text/css" media="print">
#noprint {display: none;}
// Hide unwanted elements
body {background:fff; color:000;}
// Black text on White background
a {text-decoration: underline; color:00f;}
//Underline Hyperlinks in blue
}
</style>

setelah itu klik Save Template atau Simpan Template

jika kamu ingin memasukkan tulisan ‘Cetak Halaman Ini’ kedalam postinganmu/artikelmu, kamu harus memasukkan kode ini dibawah postingmu:

<a href="javascript:window.print()">Cetak Halaman Ini</a>

jika kamu ingin otomatis menyisipkan ini ketika kamu membuat artikel, masuk ke Setting, Formatting, dan pastekan kode ini disana.

Selengkapnya...

Review Widget: Cheat Box

ChatBox yang kamu lihat disidebar situs ini merupakan satu dari berbagai macam Shoutbox Platform di internet. ShoutBox bisa disebut dengan berbagai macam nama seperti TagBoard, Message Board, Chat Box, ShoutBox dan lainnya - ini merupakan widget yang bagus untuk situsmu, dimana kamu bisa mengukur rasa kesukaan pengunjung terhadap situs-mu, merupakan social enginering yang bagus lho. Memang benar, para pengunjung bisa menampilkan inspirasinya, idenya atau apapun lewat Post a Comment di bawah article, tapi kalo memang mereka berpikir bahwa disitus tempat yang tidak tepat, dan sudah kebanyakan komentar, dan memang topiknya nggak nyambung dengan pikiran mereka, ChatBox bisa mengatasinya.

ChatBox yang kamu lihat disidebar situs ini merupakan satu dari berbagai macam Shoutbox Platform di internet. ShoutBox bisa disebut dengan berbagai macam nama seperti TagBoard, Message Board, Chat Box, ShoutBox dan lainnya - ini merupakan widget yang bagus untuk situsmu, dimana kamu bisa mengukur rasa kesukaan pengunjung terhadap situs-mu, merupakan social enginering yang bagus lho. Memang benar, para pengunjung bisa menampilkan inspirasinya, idenya atau apapun lewat Post a Comment di bawah article, tapi kalo memang mereka berpikir bahwa disitus tempat yang tidak tepat, dan sudah kebanyakan komentar, dan memang topiknya nggak nyambung dengan pikiran mereka, ChatBox bisa mengatasinya.

Memang banyak penyedia jasa ginian ini. Tetapi kita bahas yang memang gampang dan mudah untuk kau pakek saja. Kamu bisa mencari di search engine untuk mengetahui seberapa banyaknya penyedia jasa ginian. Kunci yang akan kita pakai untuk ChatBox kita nanti adalah sedikit konfigurasi, warna dan disen yang bagus, perlindungan dari komentra spam, dan pemudahan pemakaian.

Cbox

Ternyata, penyedia chatbox yang satu ini memiliki fitur yang terbilang hebat-hebat. Cepat daftarkan dirimu kepada mereka, dan memulai mengkonfigurasi chatbox-mu. Dalam Menu Pilihan "Cbox Options", kamu bisa mengkonfigurasi tentang Display, Date and Post Options. Dan didalam pilihan Post Options, terdapatlah fitur "Anti-Spam". centang itu. Dan sekarang pilih menu"Colors & Fonts" pilih warna yang tepat dengan blogmu. Gunakan opsi Coloc Picker jika kamu tidak terbiasa dengan kode warna ala HTML. Ketika kamu selesai mengkonfigur semua, klik Quick Setup untuk mendapatkan kode HTML untuk dipasang di blog.mu.

Masuk ke Dashboard blogmu, Template, Page Elements. Pilih sidebar mana yang kamu inginkan untuk ditempati oleh cbox ini. Lalu pilih Add a Page Element, dan pilih HTML/JavaScript. Tempelkan kode HTML tadi yang kamu dapat dari Cbox, udah selesai. :)

Jiks kamu masih menerima pesan-spam, pergi ke Messages, lalu banned-lah user yang suka nge-spam itu dan hapus pesan-spam itu. Dalam pilih "Blocked Users" kamu bisa menentukan seberapa lama kamu membaned user sialan itu.

ShoutMix

Setelah kamu terdaftar menjadi anggota ShoutMix. Pergi ke kategori Style. ShoutMix memperbolehkanmu untuk mengkustomisasi Labels dalam menu Appearance. Ketika kamu siap dan selesai mengkonfigurasi, pilih Use Shoutbox. Kamu sekarang bisa mengatur panjang dan lebar shoutboxmu, dan klik Generate. Kode HTML akan terbuat untukmu dan kopikan ke page element, html/javascript.

Jika kamu memiliki blog yang bertipe kekeluargaan. Kamu bisa menyalakan pilihan Profanity Filter, dengan mengetikkan daftar kata-kata yang tidak ditampilkan di shoutbox. kamu juga punya kuasa membanned seseorang dalam opsi Ban Control.

Tag-World

Fitur seperti Profanity Filter di shoutmix tidak disediakan di paket gratisan mereka. Walaupun, mereka memiliki fitur untuk mengubah layouts sesuka kita, IP blocking, dan kontrol terhadap spam (Anti-Spam). Salah satu tagboard simple yang bisa kamu pasa di Blog-mu.

www.blogywalkie.blogspot.com

this article is about Blogger Add-Ons

Selengkapnya...

Integrating Google Co Op with Your Blog

Google Co-op's Custom Search Engine, memberikanmu kefleksibelan yang luar biasa dengan situsmu. Kamu bisa membuat search enginemu sendiri yang tergabung "langsung" dengan situsmu dan hasilnya juga terpampang disitusmu. Ingin membuatnya, ikuti artikel ini

1.Jika kamu belum mendaftar, klik disini cepetan
2. Jika telah terdaftar, dan sudah membuat kusto search engine-mu, maka kurang lebih akan tampak seperti ini:

Klik My Search

Klik control panel

Klik Code, dan kopi deh itu kode, selesai, mudahkan?

Selengkapnya...

Social Bookmarking Programs

dalam artikel ini, kita akan membicarakan tentang social bookmarking berbagai bentuk yang bisa diadopsi ke situs kamu, seperti Digg, Technorati, Del.icio.us, Reddit, Blinklist, Furl, Yahoo, Simpy, dll. Pengunjung bisa mengklik mereka untuk menambah situsmu atau artikel mu kedalam bookmarks mereka dan membagi-bagikan (sharing) link-link situs kamu tersebut keteman mereka, blog-mu akan menjadi lebih ramai kalau begitu. Kode-kode yang dibawah ini akan menampilkan secara otomatis social-bookmarking dibawah setiap articlemu.

Social-bookmarking adalah jalan popular bagi seorang pengunjung untuk men-share bookmarks pribadi mereka dengan orang lain. Bookmarks-bookmarks mereka ditampilkan dalam berbagai kategori, misalkan berdasarkan topik, tag atau kategori. Akhir-akhir tahun ini, konsep sosialbookmarking ini banyak digunakan dan marak sekali diinternet, sekarang sosialbookmarking sangat disuakai oleh search engines. Mari, kita buat sosial bookmarking di situs kita masing-masing. Go Blogywalkie :):):)

dalam artikel ini, kita akan membicarakan tentang social bookmarking berbagai bentuk yang bisa diadopsi ke situs kamu, seperti Digg, Technorati, Del.icio.us, Reddit, Blinklist, Furl, Yahoo, Simpy, dll. Pengunjung bisa mengklik mereka untuk menambah situsmu atau artikel mu kedalam bookmarks mereka dan membagi-bagikan (sharing) link-link situs kamu tersebut keteman mereka, blog-mu akan menjadi lebih ramai kalau begitu. Kode-kode yang dibawah ini akan menampilkan secara otomatis social-bookmarking dibawah setiap articlemu.

Social-bookmarking adalah jalan popular bagi seorang pengunjung untuk men-share bookmarks pribadi mereka dengan orang lain. Bookmarks-bookmarks mereka ditampilkan dalam berbagai kategori, misalkan berdasarkan topik, tag atau kategori. Akhir-akhir tahun ini, konsep sosialbookmarking ini banyak digunakan dan marak sekali diinternet, sekarang sosialbookmarking sangat disuakai oleh search engines. Mari, kita buat sosial bookmarking di situs kita masing-masing. Go Blogywalkie :):):)

Bookmarking Codes

1. AddThis (www.addthis.com)

Kamu harus tahu, bahwa salah satu penyedia sosial bookmarking komplit diinternet adalah AddThis, saya juga pakek ini AddThis. Mereka menyediakan sebuah kode widget simple yang sangat berguna yang kamu dapat letakkan didalam templatemu. Ketika pengunjung mengklik ini, mereka akan disuguhi berbagai program sosial bookmarking lainnya atau feed lainnya yang pengunjung bebas untuk pilih. Dengan begitu, ini adalah disen yang sangat hebat, dengan hanya mengambil 1 button gambar dari addthis, ketika pengunjung me-mouseover tepat ke gambar itu, maka gambar lainnya akan muncul (seperti gambar Digg, Technorati, dll).

Sekarang daftarkan diri anda sebagai akun gratisan mereka. ketika kamu telah terlogin, click My Account dan Get the code for your widget. Kamu juga bisa sekaligus memiliki widget bookmarking, dan widget feed. Lalu pilih ukuran mana yangkamu inginkan, dan pilih Blogger sebagai blogging platform (jika wordpress ya wordpress). Ketika kamu mengklik Get your free button link, kamu akan ditampilkan beberapa kode dengan disen yang berbeda, kamu bisa bebas memilih salah satu, ato semuanya (hehehe, jangan semuanya mas,kebanyakan :)) jika kamu ingin meletkakkan kode ini kedalam sidebar mu, masuk ke dashboard, template, page elements, add a page elements dalam sidebar yang kamu pilih dan pilih HTML/Javascript, langsung saja paste kode yang diberikan addthis tadi.

tapi, jika kamu ingin sosial bookmarking itu tertampil setiap di kaki artikelmu. kamu harus meletakkanya didalam templatemu langsung, ikuti artikel ini terus sampai habis.

2. Social bookmark text links

ada juga sosial bookmarking berbentuk teks link seperti labels itu lho. kalian lebih suka yang ini? karena tidak pakek gambar? dan bisa mempercepat loading page? itu terserah anda. tapi disini, kita akan membuatnya sendiri tanpa pihak ketiga, nie-nie kodenya:

<span style='font-size: 85%;' class='post-author'><br/>

Add Post To: |

<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Digg</a>|

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'>Technorati</a>|

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>del.icio.us</a>|

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Stumbleupon</a>|

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Reddit</a>|

<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=" + data:post.url + "&Title=" + data:post.title' target='_blank'>BlinkList</a>|

<a expr:href='"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url' target='_blank'>Furl</a>|

<a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Spurl</a>|

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&u=" + data:post.url' target='_blank'>Yahoo</a>|

<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' target='_blank'>Simpy</a>|

<br/></span>

(CTRL+CLICK to block this code)

itu cuman sekedar kode, untuk cara menempatkannya, kita bahas dibawah, pokoknya kamu harus pilih salah satu kodenya dulu deh, penempatanyaa gampang kok, suer ! :)

3. Sosial Bookmarking berbentuk Icon

kamu lebih suka berbentuk ikon daripada gambar? dan daripada text-link? jika iya, sosial-bookmarking berbentuk ikon akan tampil seperti ini nantinya

Tetap saja, kita akan buat ini secara manual. Cari ikon dari masing-masing situs penyedia sosial bookmarking di situs official mereka. lalu download ikon tersebut, kalau kecil besarkan sesuai dengan ukuran yang dibutuhkan, dan lalu upload ke server gratisan seperti googlepages. tapi gak usah repot-repot kok, kita udah buatkan untuk anda sekalian, tinggal kopi-paste kodenya doanks.

<br/>

<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Digg' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/digg.gif '/></a>

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'><img alt='Technorati' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/technorati.gif '/></a>

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='del.icio.us' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/delicious.gif '/></a>

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Stumbleupon' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/stumbleupon.gif '/></a>

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Reddit' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/reddit.gif' /></a>

<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=" + data:post.url + "&Title=" + data:post.title' target='_blank'><img alt='Blinklist' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/blink.gif '/></a>

<a expr:href='"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url' target='_blank'><img alt='Furl' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/furl.gif '/></a>

<a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Spurl' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/spurl.gif '/></a>

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&u=" + data:post.url' target='_blank'><img alt='Yahoo' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/yahoo.gif '/></a>

<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Simpy' src=' http://i191.photobucket.com/albums/z76/tipsfornewbloggers/simpy.gif '/></a><br/>

(CTRL+CLICK to block this code)
Dimana kamu akan meletakkan kode itu?

kamu bisa meletakkannya di templatemu secara langsung, untuk melakukannya kamu harus menetapkan diposisi mana akan diletakkan: (jangan lupa untuk mencentang Expand Widget Templates)

a. jika kamu ingin meletakkannya dibawah artikel tetapi sebelum Posted By, maka sisipkan kode diatas kedalam kode berikut:

<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> 

</div>

KODEMU DISINI

<div class='post-footer'>

<p class='post-footer-line post-footer-line-1'>

b. jika kamu ingin meletakkanya sebelum labels, maka sisipkan kode mu disini:

KODEMU DISINI

<p class='post-footer-line post-footer-line-2'>

<span class='post-labels'>

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

c. jika kamu ingin meletakkannya sesudah labels, maka sisipkan kodemu disini

<p class='post-footer-line post-footer-line-2'>

<span class='post-labels'>

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

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'>

<data:label.name/>

</a><b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

</span>

</p>

PLACE CODE HERE

Selengkapnya...

Make Your Own Recent Comment Widget

Kita akan membicarakan tentang membuat Widget tentang Recent Comment, dan Recent Post widget lewat Feed blogmu. Ini adalah jalan yang simpel sekali sampai-sampai, hampir semua para Blogger bisa nyambung dan menggunakannya. Di pertengahan bulan yang lalu, Blogger memiliki kemajuan terhadap API Gdata, sebelumnya, banyak para Bloggers yang melaporkan adanya kerusakan/kesalahan ketika mereka memanfaatkan Feed Widget pada Blogger. Sekarang, Blogger telah membetulkan kesalahan itu, dan Feed sudah bekerja kembali. Makanya, sekarang kita akan buat bersama Recent Commend dan Recent Post widget, gimana?

Kita akan membicarakan tentang membuat Widget tentang Recent Comment, dan Recent Post widget lewat Feed blogmu. Ini adalah jalan yang simpel sekali sampai-sampai, hampir semua para Blogger bisa nyambung dan menggunakannya. Di pertengahan bulan yang lalu, Blogger memiliki kemajuan terhadap API Gdata, sebelumnya, banyak para Bloggers yang melaporkan adanya kerusakan/kesalahan ketika mereka memanfaatkan Feed Widget pada Blogger. Sekarang, Blogger telah membetulkan kesalahan itu, dan Feed sudah bekerja kembali. Makanya, sekarang kita akan buat bersama Recent Commend dan Recent Post widget, gimana?

Enable Comments Feed

Pertama, kita harus yakin kalau Comment Feeds kita telah diaktifkan. Jika kamu sudah ter-login, masuk ke Settings -> Site Feed dan pilih ke “Advanced Mode”. Kamu harus merubah “Blog Comment Feed” dan “Per-Post Comment Feeds” dari “Short” menjadi “Full”. Dan jangan pernah memilih “None”. Simpan Settings.

Membuat Recent Comment Widget

Sekarang kita akan memulai Recent Comment Widget-nya, dengan tetap mengandalkan JavaScript (wong jowo pancen huebat ngge?). Kenapa sih kok JavaScript melulu? Karena javascript itu kalo diload cepet karena bahasa yang digunakan itu simpel dan tidak terlalu mbulet seperti bahasa-bahasa script lainnya. Caranya sih muda, upload script java mu ke situs yang terbuka (misal GooglePages) dan menggunakan alamat script itu kedalam kode dalam templatemu.

Ketika sebuah halaman terload, browser akan mengunjungin terlebih dahulu situs tersebut untuk membaca kode script yang terdapat di file .js tersebut. Tetapi masalahnya, beberapa users telah mengkonfigurasi browser mereka untuk men-disable skrip dan skrip tersebut tidak akan pernah dibaca. Pembacamu tidak akan pernah membaca bahkan melihat koment yang ada di widget elo, tetapi tenang aku punya cara untuk mengatasinya.

Tetapi, sekarang kita tidak akan mengupload JavaScript itu kemana-mana, karena ini latihan pertama kita. Kita taruh aja langsung di situs kita, gimana? Setuju? Kalau gitu langsung saja ke Page Element dan pencet Add Page Element, lalu pilih “HTML/JavaScript” dan paste nie kode berikut :

<ul><script style="text/javascript">

function showrecentcomments(json) {

for (var i = 0; i < 5 ; i++) {

var entry = json.feed.entry[i];

var ctlink;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

ctlink = entry.link[k].href;

break;

}

}

ctlink = ctlink.replace("#", "#comment-");

var ptlink = ctlink.split("#");

ptlink = ptlink[0];

var txtlink = ptlink.split("/");

txtlink = txtlink[5];

txtlink = txtlink.split(".html");

txtlink = txtlink[0];

var pttitle = txtlink.replace(/-/g," ");

pttitle = pttitle.link(ptlink);

if ("content" in entry) {

var comment = entry.content.$t;}

else

if ("summary" in entry) {

var comment = entry.summary.$t;}

else var comment = "";

var re = /<\S[^>]*>/g;

comment = comment.replace(re, "");

document.write('<li>');

document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');

document.write(' on ' + pttitle);

document.write('<br/>');

if (comment.length < 100 ) {

document.write(comment);

}

else

{

comment = comment.substring(0, 100 );

var quoteEnd = comment.lastIndexOf(" ");

comment = comment.substring(0, quoteEnd);

document.write(comment + '...<a href="' + ctlink + '">(more)</a>');

}

}

document.write('</li>');

document.write('<div style="text-align:center"><a href="http://tips-for-new-bloggers.blogspot.com/">Widgets by Tips for New Bloggers</a></div>');

}

</script>

<script src=" http://blogywalkie.blogspot.com /feeds/comments/default?alt=json-in-script&callback=showrecentcomments">

</script></ul>

<noscript>You need to enable JavaScript to read this.</noscript>

(CTL+CLICK to block this code :))

<noscript> adalah tag yang digunakan untuk memberitahu sebuah User pada browser tadi kalo JavaScriptnya dimatiin, dan akan diperingatin berupa text “You need to enable JavaScript to read this”

Pergantian yang harus dilakukan :

1. jika kamu ingin lebih dari 5 komen yang akan di tampilkan di widget, rubah tulisan yang bercolor biru .

2. Batas maksimal kata-kata sebuah koment hanya 100 saja, jika lebih akan dipotong. Rubah tulisan orange jika ingin merubah seberapa panjang teks komen ditampilkan..

3. Kamu HARUS merubah tulisan berwarna hijau dengan alamat situs (blog) mu sendiri

Setelah merubah ini-itu, simpang donk page element elo, dan langsung deh liat asilnya di blog elo. Tunggu ya tentang recent post widget, masih dalam proses pembuatan nie.

www.blogywalkie.blogspot.com

this article is about Blogger Add-Ons, JavaScript

Selengkapnya...

Add Favicon to Blogger Blog

Pernakah kamu memimpikan mempunya gambar ikon kecil yang muncul di samping alamat web-mu, seperti yang kamu lihat di blog ini, gambar orang tersenyum. Ikon ini bisa menjadikan ciri bagi sebuah situs agar mudah diingat ciri-cirinya, gitu, juga agar situs kita tampak propesional lho.

Pernakah kamu memimpikan mempunya gambar ikon kecil yang muncul di samping alamat web-mu, seperti yang kamu lihat di blog ini, gambar orang tersenyum. Ikon ini bisa menjadikan ciri bagi sebuah situs agar mudah diingat ciri-cirinya, gitu, juga agar situs kita tampak propesional lho.

You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some icons which are generic. I would suggest that you create one to represent your own unique identity. There are quite a number of free icon editor software which you can download from the net.

Tapi, kamu pertama harus memiliki sebuah ikon yang akan kamu gunakan, kalau icon sih ekstensinya di windows itu .ico. Jika kamu mencari berdasarkan ekstensi itu dihardisk, kamu akan mendapatkan beberapa ikon darinya. Tapi, masalahnya ikonnya tepat nggak dengan jati diri situs elo (klo gak tepat sih gapapa kok). ato, elo bisa menggunakan software pembuat ikon gratisan di internet, misalkan aja program Imageicon yang bisa mengubah gambar ke file berformat .ico. Download aja program itu di www.download.com, ada kok. Inget, ikon yang didukung oleh browser, hanya sedengkal 32x32, paling gak 16x16.

Jika kamu tidak ingin membuat ikon dengan program pembuat ikon apapun, bagaimana kalo kamu mencoba sebuah ikon online yang bertebaran di internet, coba cari deh dengan Google Search disamping elo, ketik "online icon generator".

Once you have created an icon, save it into your hard disk. The next step of attaching the icon is a little tricky. Ideally, all you need to do is to save it in the root directory of your blog site. Nevertheless, there is no way this can be done. For one, if you try to upload an icon image, Blogger will reject it. Two, any file that is uploaded will not go into the Blogger root directory.

Ketika kamu telah membuat sebuah ikon, simpan ini kedalam hard-diskmu. Langkah selanjutnya adalah mengupload-nya dengan sedikit trick. Mengapa kok pakek trick? karena favicon seharusnya diletakkan di root-directory, sedangkan kita tidak bisa meng-ekplorer file di blogkita, ya nggak, berarti gak mungkin kita pakek cara ini. Yang kedua, jika kita mencoba langsung mengupload file icon tadi lewat image uploadernya blogger, blogger akan menolak ini. Ketiga, apapun file yang diupload, tidak akan diletakkan blogger di root directory (cari tahu sendiri ditaruh dimana :), biasanya sih di bp1.blogger.com/folder/folder/file.ekstensi, ya nggak, berarti nggak di root toh?)

Terus gimana dunk, gampang aja, kita upload ikon kita ke sebuah situs web-folder, dan kita buat linknya. Bagaimana kalo kita page Google Page? iya kita pakek aja google page. kita hanya tinggal mengupload icon kita ke google page, dan linkkan ikon tadi kedalam template kita, baik, ide yang bagus.

Jika kamu sudah selesai mengupload ikon elo kedalam Google Pages, maka file yang kamu storekan akan beralamat gini nih : http://yourname.googlepages.com/iconname.ico. Dalam hal ini, yourname berarti nama elo, misal spenzagres1.googlepages.com. dan iconname itu adalah nama ikon mu, sedangkan .ico tidak perlu diganti, itu sudah pasti ekstensi donk.

Masuk ke dashboard blogger elo, dan pilih Template, Edit HTML dan cari kode

<title><data:blog.pageTitle/></title>

tambahkan dibawahnya :

URL of your icon file, itu isi dengan alamat ikon elo tadi seperti diatas seperti yang sudah dibahas.

Udah deh. tapi, kalo ketepaan file kamu bukan file ico, gimana. mau diapain, dikonvert? jangan susah-susah ah, gak papa kok, ganti aja type='image/x-icon' dengan 'image/gif' untuk file gif, dan 'image/png' untuk file PNG. mudahkan?

www.blogywalkie.blogspot.com

this article is about Blogger Add-Ons, Favicon

Selengkapnya...

Tambah Emoticon

Kalian pernah nggak cetingan menggunakan Yahoo Messanger? Kalo perna, pasti kalian mengenal apa itu emoticon. Di Yahoo terdapat banyak emoticon yang digunakan untuk nyatain emosi kita dalam bentu gambar. Sebenarnya kita bisa kok buat emotikon di Blogger, gimana ya?

- pergi ke template - edit html - centang Expand Widget Templates, dan cari tag berikut : ]]></b:skin>

- kopi paste kode berikut tepat di bawah tag ]]><b:/skin> tadi :

- udah gitu aja, save template.

Mudah kan? Nih contohnya :

":) ato :-)"

":D ato :-D"

":$ ato :-$"

":( ato :-("

":p ato :-p"

";) ato ;-)"

":k ato :-k"

":@ ato :-@"

":# ato :-#"

":x ato :-x"

":o ato :-o"

www.blogywalkie.blogspot.com

this article about Blogger AddOns

Selengkapnya...

User-Resizable Post Text

Adalah suatu addons yang akan kita buat sendiri nantinya, sebuah addons yang memperboleh-kan user untuk mengganti ukuran tulisan font di postingan kita. tapi dengan addons ini, kita tidak perlu memencet Ctrl+Nyekrol Mouse, udah basi, udah jaman kuno. sekarang itu mah revolusi blogger, semuanya harus otomatis, ato paling tidak, tidak perlu susah-susah untuk melakukan sesuatu. Kamu bisa melihat contohnya di samping tanggal/jam tuh. Kerenkan? bagaimana untuk melakukannya, lihat nie article:

- catatan:elo harus ngecentang check dengan nama 'Expan Widget Templates' dulu lho yach :)

- pertma nie, elo harus suntikin kode dibawah ini antara tag <head> dan </head> mu.

- terus, kopikan kode berikut ini di dalam tag <div class="post-date">

<a href="javascript:changeFontSize('<$BlogItemNumber$>Text',1);" title="Increase Text Size">GROW</a>

<a href="javascript:changeFontSize('<$BlogItemNumber$>Text',-1);" title="Decrease Text Size">shrink</a>

Keywords : User-Rezisable Post Text, Post Text Rezisable, Automatic Rezisable Post Text, Text Rezisable, Font Changer, Font Size Changer, Rezisable Post Text Font, Font Rezisable Automatic, Rezisable via XML, Font Size Rezisable

www.blogywalkie.blogspot.com

This article is about Blogger AddOns

Selengkapnya...

Add AdSense In Your Article

bikin iklan adsense di dalam postingan kita terkadang gampang-gampang susah jika kita nyobak sendiri tanpa tutorial dari internet. tapi, kalo udah berhasil, hati ini buangga banget rasanya. Anda mau iklan adsense tertampang di postingan anda, baik setelah judul sebelah kanan/kiri, ditengah postingan (otomatis tengah), ato diakhir postingan (otomatis tengah)? pasti iya dech

Secara biasa, kalo di Blogger naruin kode adsense itu lewat widget kan? ato lewat ituloh yang 'Add Page Element', yakan? tapi nggak mungkinlah kita naruk kode adsense kita disana, kita kan naruk setelah judul, berarti sebelum div post-body, kalo ditengah artikel, ya taruh aja di div post-body, kalo setelah label/bawah artikel kita ketik adja setelah

post-footer-line post-footer-line-3. TAPPPI,i kalo kita mo naro adsense kita disono smua, kode adsense kita harus udah parsed-an, misal kita ganti < menjadi < misal nie :

ini CONTOH (jadi sesuai kode elu, ini cuman CONTOH) kode adsense kita berukuran 336x280

kalo udah diparsed bisa menjadi: (kode publikasi ad_cilent diatas dan dibawah itu palsu, ngarang sendiri, kan CONTOH)

wah, bisa mbayangin donk, berarti setiap kita mau naruh/nggenti format/warna ads di template, kita harus memparse-nya dulu sesusah itu, belom kalo salah. takut salah? sante, blogcrowds yang sukah ngeheck template itu bisa diandelin kok untuk urusan ini, gratisan lage. knapa sih kok harus diganti? karena kode adsense elo itu sebenernya adalah kode yang tergolong html/javascript, sedangkan kamu mau nyuntiin kode elo ke templates blogge langsung yang berkode XML, nggak singkronkan? dan nggak mungkin kode blogger templates elo itu elo jadiin HTML, yang terbaik itu ya njadiin kode adsense elo yang jadi XML dengan cari diparse. ngerti maksudnya?

udah-deh, kalo gak ngerti gak papa. sekarang kita akan mulai naro adja kodenya dan kita praktekin, tapi maaf ya, ga da gambarnya, males aku soalnya aq pakek linux (gak punya uang buat beli windows, hehehe), gak kebiasaan bagaimana cara mengimport gambar dari tombol PrintSystemScreen. yaudah, nie :

1. Naruk PAS setelah judul sebelah kanan/kiri

cari baris kode <div class='post-body'> dan taruk hasil parsed-an adsense elo tepat diatasnya dengan dibumbuhi pembuka <div style="float:left;"> (jika elo ingin disebelah left, left itu apa, kanan pa kiri yah? payah nie bahasa inggrisku. :) kalo ingin sebelah kanan genti aja <div style="float:right;"> ) terus tutup dengan </div>. maka akan tampak perti berikut:

2. Naruk PAS ditengah artikel

kalo kita naruh ditengah artikel, otomatis iklan kita akan muncul ditengah, karena sori, aku gak nemuin cara untuk mengatur di pinggir, ato dikanan, gak punya banyak waktu, sori yah, sekolah soalnya nie gua.

3. Naruk PAS diakhir Artikel (ato setelah Label)

ini juga nie, otomatis ditengah nie adsense kita.

Keywords : AdSense at Templates, AdSense On Post, AdSense, Parsing AdSense Code, AdSense Code Parser, AdSense Beetween Article, AdSense After PostTitle, AdSense after Labels, AdSense Code, HTML Parser.

www.blogywalkie.blogspot.com

this article is about Blogger Add-Ons

Selengkapnya...

Add Tabs Widget for Blogger

Kamu tahu nggak apa Tabs Widget itu? nggak tahu? kalo nggak tahu, cobain nih ngunjungin situs-nya super active virus eliminator, diatas sendiri tuh, ada tabnya kan? ya itu lah yang namanya Tabs Widget, kalo belom jelas dan belom tahu apa itu Tabs Widget, lihat nie gambar brikut

contoh Tabs Widget

gimana bagus kan? mau buat? ikuti yah nie artikel, nie langkah-langkah na, karena ini widget, JANGAN LUPA untuk memencet cek Expand Widget Templates di atas kanan textbox edit html. kalo bisa download dulu tuh tema-mu (backup dulu) nanti dari-pada elo gak bisa ngembaliinnya.

1. cari baris kode ini : "/** Page structure tweaks for layout editor wireframe */" (antara tanda petik itu, gak usah pake tanda petikna)

2. kalo udah ketemu, kopiin kode berikut, TEPAT dibawahnya langsung

#tabsJ {

float:left;

width:100%;

background:#fff;

font-size:93%;

line-height:normal;

border-bottom:1px solid #24618E;

margin-bottom:1em;

}

#tabsJ ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsJ li {

display:inline;

margin:0;

padding:0;

}

#tabsJ a {

float:left;

background:url("Bikin Blogger_ AdSense_files/tableftJ.gif") no-repeat left top;

margin:0;

padding:0 0 0 5px;

text-decoration:none;

}

#tabsJ a span {

float:left;

display:block;

background:url("Bikin Blogger_ AdSense_files/tabright.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#24618E;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsJ a span {float:none;}

/* End IE5-Mac hack */

#tabsJ a:hover span {

color:#FFF;

}

#tabsJ a:hover {

background-position:0% -42px;

}

#tabsJ a:hover span {

background-position:100% -42px;

}-nya?

3. kalo udah, cariin kode ini : "<div id='header-inner'>" kalo udah ketemu, tempatkan kursor text-mu tepat dibawah penutup div header-inner yang paling terakhir (<div>). dan tempatkan kode ini tepat di akhir div inner tersebut:

<div class='widget Label' id='Label1'>

<div id='tabsJ'>

<ul>

<li><a href='http://bikinblogger.blogspot.com/'><span>Home</span></a></li>

<li><a href=''><span>Download</span></a></li>

<li><a href='http://bikinblogger.blogspot.com/search/label/Blogger%20Template'><span>Upload</span></a></li
<li><a href='http://bikinblogger.blogspot.com/search/label/Eurekster'><span>Guestbook</span></a></li>

<li><a href='http://bikinblogger.blogspot.com/search/label/Google%20Analytic'><span>Source Code</span></a></li>

<li><a href='http://bikinblogger.blogspot.com/search/label/Google%20co%20op'><span>Tips and Tricks</span></a></li>

</ul>

</div>

elo bisa nambain tabs lagi dengan format : <li><a href='alamat yang dituju'><span>nama tabs</span></a></li>

4. kalo udah, keseluruhannya akan terlihat seperti ini nie

<div id='header-inner'>

<div class='titlewrapper'>

<h1 class='title'>

<a href='http://bikinblogger.blogspot.com/'>Bikin Blogger</a>

</h1>

</div>

<div class='descriptionwrapper'>

<p class='description'><span>Saling membantu bikin blog di blogger baru !</span></p>

</div>

</div>

</div>

<div class='widget Label' id='Label1'>

<div id='tabsJ'>

<ul>

<li><a href='http://bikinblogger.blogspot.com/'><span>Home</span></a></li>

<li><a href=''><span>Download</span></a></li>

<li><a href='http://bikinblogger.blogspot.com/search/label/Blogger%20Template'><span>Upload</span></a></li <li><a href='http://bikinblogger.blogspot.com/search/label/Eurekster'><span>Guestbook</span></a></li>

<li><a href='http://bikinblogger.blogspot.com/search/label/Google%20Analytic'><span>Source Code</span></a></li>

<li><a href='http://bikinblogger.blogspot.com/search/label/Google%20co%20op'><span>Tips and Tricks</span></a></li>

</ul>

</div>

keterangan : yang dicetak hitam itu adalah teks/kode tambahan, dan yang teks berwarna biru itu adalah tambahan

catatan : anda juga bisa mennganti style tadi dengan gaya lainnya, nih lihat yah gaya-gaya lainnya, oh ya kalo mau ngganti style, caranya ganti aja tulisan tabsJ, dengan model tabs yang lainnya (tabsA, tabsB, tabsC, ato model lainnya, nie lihat ndirini):

Keywords: some of people not know how to create tabs on their blogger blog, they only now how to add Tabs at their HTML (not blogger, manual page creator/websites), so at this article we will learn to you how to make it at Blogger, it easy than at website. so lets read this article guy!

www.blogywalkie.blogspot.com

This article is about Blogger Addons

Selengkapnya...

Add Digg Button/Link each of your posting

Kalian pasti tahu apa itu Digg kan? Digg itu lho social bookmarking terkenal. Ayo deh pelajari tuh apa Digg. Tapi kalo udah tahu, terus ingin mbuatnya kan? Gimana mbuatnya? Mudah kok. Ikuti langkah yang saya berikan

Kalian pasti tahu apa itu Digg kan? Digg itu lho social bookmarking terkenal. Ayo deh pelajari tuh apa Digg. Tapi kalo udah tahu, terus ingin mbuatnya kan? Gimana mbuatnya? Mudah kok. Ikuti langkah yang saya berikan di bawah ini yach :

- Masuk ke Template, Edit HTML, jangan lupa, karena ini ada hubungannya dengan widget, maka centang Expand Widgets, terus cari deh baris ini:

- kalo udah ketemu, tambagin deh dengan kode ini:

- udah deh selesai, mudah dan cepat bukan? Senang dengan tombol digg-nya?

Keywords : Digg is the most top-ten best Social Bookmarking program. With this, your visitor can easily bookmarking your sites. So, what you waiting for? use Digg as your one of your Third Party social bookmarking program.

www.blogywalkie.blogspot.com

This article is about Blogger Addons

Selengkapnya...

Your Blogger Search Engine

Kamu pernah ngunjungin wordpress nggak. Kau pasti pernah lihat (kalo gak pernah sih gpp), situs blog hasil bikinan wordpress. Disana mereka bisa membuat search engine mereka sendiri, tanpa ngandelin Google Search Engine. Gimana ya, kalo kita juga nggunain search engine sendiri tanpa perlu campur-tangan google dalam masalah ini. Sah-sah saja sih dengan bantuan google, tapi kalo ingin blog kamu terlihat canggih gitu, apa salahnya sih kita bikin search engine kecil-kecilan yang pokoknya menyangkut situs kita? kalo kamu mau, ikuti aje nih artikel ye

- untuk merubah AddThis yang semula berbentuk gambar ke style Drop-Down list, cukup tambahkan tag <div> diawal script addthis-mu, dan sebagai penutup addthis, tambahkan tag

</div class='post-footer> diakhir script AddThis-mu, sehingga akan menjadi seperti ini dech

Udah deh selesai, selamat menikmati search engine baru-mu kawan.

Keywords : Wordpress is providing user search engine. The user's search engine that providing by Wordpress can searching about all of data or post at the user's wordpress blog. So, how with blogger? blogger also can do that, but blogger have some differences with Wordpress page result. The differences are from the result style. At blogger search engine result, Blogger showing completed post-structure. There are title, there are postbody and there are footer and also date, time and other attributes. But, at the wordpress, you only see the title of the post and also date/time when this post is posted. So, who are you like? Blogger or Wordpress?

www.blogywalkie.blogspot.com

this article is about Blogger AddOns

Selengkapnya...

Blogywalkie

drop-downa

Search All Here

Tag-Board

Pools Today!

Auction Today!

Blog Attributes

Daftar Temen Aqu

Menambahkan Subcscribe to Comment (Atom)

Join I'm An Indonesia Blogger

Adding a "Print this" option for your blog.

Review Widget: Cheat Box

Integrating Google Co Op with Your Blog

Social Bookmarking Programs

Make Your Own Recent Comment Widget

Add Favicon to Blogger Blog

Tambah Emoticon

User-Resizable Post Text

Add AdSense In Your Article

Add Tabs Widget for Blogger

Add Digg Button/Link each of your posting

Your Blogger Search Engine

Subscriber

Recent Post

About Me

My Lil" Rank

Categories

My Email

Add to My Technorati Favorites

Request Article

Recent Comments

Link Exchange Program