Tampilkan postingan dengan label trik dan tips blogger. Tampilkan semua postingan
Tampilkan postingan dengan label trik dan tips blogger. Tampilkan semua postingan

Teknik SEO Sederhana

Sebenarnya saya ragu untuk menjabarkan artikel ini, belum pantas rasanya blog kecil ini untuk membahas Teknik SEO, karena saya ini masih belajar SEO banyak master - master SEO yang bertebaran dijagat dunia perbloggeran yang lebih mahir.

tapi karena ada sobat blogger yang bertanya tentang SEO dan sepertinya juga ia sudah faham dengan SEO ini, maka tak ada salahnya saya menambah sedikit pembendaharaan SEO.

sebelumnya mari kita lihat apa itu SEO, Optimisasi mesin pencari (bahasa Inggris: Search Engine Optimization, biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung. (dikutif dari wikipedia.org)

Setelah memahami tentang SEO mari kita lihat Teknik SEO Sederahana yang bisa dipergunakan oleh blogger pemula seperti saya.

1. Membuat Judul Artikel yang sesui dengan kata kunci yang ingin di optimalkan . Contohnya : Teknik SEO Sederhana . Yah dikasih saja judul artikel seperti itu.
2. Membuat Artikel atau Conten sesuai kemampuan. hindari pembajakan, ataucopy paste. sebisa mungkin diperoleh dari pemikiran sendiri . (jikapun terdesak masukan link sumber atau jangan muat seluruh conten) untuk yang ini tak dipungkiri sayapun masih sering Copy paste bila fikiran sudah buntu.
3. Update artikel secara berkala minimal 1x dalam satu minggu. update artikelpun jangan berkali kali dalam satu hari, karena di takutkan dianggap sebagai blog spam atau blog Copy paste oleh google, update senatural mungkin.
4. Jika Blog kita masih baru, mulailah dengan Kata Kunci/Keyword Yang Panjang dahulu atau bahasa kerennya Long Tail Keyword optimalkan keyword panjang sebagai teknik sederhana optimalkan penembakan keyword, bila ini sudah optimal silakan coba keyword-keyword pendek. Tapi jika long tail keyword atau keyword panjang belom bisa masuk juga, coba cari keyword kosong atau kata kunci yang belom ada saingannya sama sekali.
5. Membuat pembeda di setiap keyword atau kata kunci yang ada di setiap artikelmu. Ini bisa dilakukan dengan cara mem-bold, atau memberi warna-warni di tiap kata kunci yang mau di optimalkan dalam.
6. Membuat pengulangan kata kunci atau keyword yang mau di optimalkan di setiap artikel. Namun harus di ingat jangan semua dibedakan (dengan memberikan bold, warna dll), hanya keyword yang pertama kali keluar saja yang di bedakan. Selanjutnya tulisannya biasa saja.
7. Sebisa mungkin memberikan link atau tautan ke halaman yang membahas topik yang serupa dengan apa yang sedang kamu bahas saat ini.
8. Buat kontes Review. untuk kontes review yang ini tidak dianjurkan karena perlu modal besar, tapi cukup bagus untuk SEO, dan juga branding blog anda.
9. Mengumpulkan Backlink. caranya terserah anda yang penting backlink didapat dengan cara yang wajar.
hanya ini penjabaran tentang teknik seo sederhana dari saya, bila ada yang kurang silahkan ditambahkan sendiri, karena sayapun masih tahap belajar.


-:: Semoga Bermanfaat ::-

Pemenang Review Kontest Globaladsense

masih ingatkah ditulisan saya terdahulu tentang Review Kontest Globaladsense, yang dipelopori oleh sebuah Website portal iklan PPC Indonesia yang saya beri judul GlobalAdsense.com portal iklan PPC terbaik Indonesia kini setelah beberapalama akhirnya tadi malam bertepatang tanggal 15/April/2011 para blogger yang terpilih menjadi pemenangpun di umumkan dari puluhan bahkan mungkin dari ratusan peserta yang hanya diambil sepuluh besar berikut List para pemenang 

Juara
Alamat Blog
1 http://gunmania.blogspot.com/2011/04/periklanan-online-sebuah-media.html
2 http://pikkrr-alhikmah.blogspot.com/2011/02/globaladsensecom-portal-iklan-ppc.html
3 http://www.wahyu-winoto.com/2011/01/globaladsensecom-portal-iklan-ppc.html
4 http://beritawonganteng.blogspot.com/2011/01/portal-iklan-ppc-terbaik-indonesia.html
5 http://randasaputra.com/globaladsense-com-portal-iklan-ppc-terbaik-indonesia
6 http://bed0el.blogspot.com/2011/02/globaladsensecom-portal-iklan-ppc.html
7 http://www.cariduits.co.cc/2011/02/globaladsensecom-portal-iklan-ppc.html
8 http://www.kucoba.com/2011/02/globaladsensecom-ppc-terbaik-indonesia.html
9 http://rifatsoftware.blogspot.com/2011/02/globaladsensecom-portal-iklan-ppc.html
10 http://www.gerbangmini.co.cc/2011/02/globaladsensecom-portal-iklan-ppc.html

dan Alhamdulillah blog ini menjadi salah satu dari sepuluh besar, walaupun mendapat urutan terakhir saya cukup senang bukan hanya karena hadiahnya tapi juga karena tulisan saya dapat diterima oleh sebuah website besar yang sedang membangun kekuatan di internet, tak lupa saya ucapkan banyak-banyak terima kasih kepada team Globaladsense.com dan untuk para pemenang lainnya saya ucapkan "SELAMAT UNTUK ANDA SEMUA" ,  tetaplah semangat menulis di internet

membuat tombol reply atau balas komentar

lagi lagi postingan ini ketinggalan, tapi tak apalah.. karena masih banyak juga yang belum paham, tombol reply atau button reply seringkali kita jumpai dibloger master, memang tombol reply memudahkan sang pemilik blog untuk membalas komentar para pengunjung tanpa susah susah lagi menulis manual nama-nama si pengomentar, dan banyak tutorial yang diberikan oleh para blogger master, semisal dikomentar ada tulisan REPLY TO KOMENTAR atau pun yang berbentuk GAMBAR tinggal kita mau memilih yang mana, karena pada dasarnya tutorial Code yang diberikan relatif sama persis, hanya saja untuk yang berbentuk button image itu menggunakan image/gambar yang telah disimpan dihosting dan diambil Link nya. dan hasilnya dapat sedikit memberatkan loading blog karena harus mendirect linknya, dan yang tak memmerlukan link gambar memang tak mempengaruhi loading blog hanya saja tampilannya tidak inovatif.

nah disini saya mencoba menggabungkan keduanya, bagaimana menghasilkan sebuah button/tombol tanpa harus mendirect link atau pemanggilan sebuah gambar yang hasilnya nanti tidak mempengaruhi loading blog, code yang saya buat ini memang sama sekali tidak mengambil unsur sebuah image, hanya menggabungkan code HTML asli layout blog saya  dan code yang saya dapat dari berselancar, hanya seperti ini saya membutuhkan waktu sampai 2 hari untuk menjadikan tampilan seperti image (cukup lama yah? maklum sayapun masih belajar memahami code HTML), bisa lihat sendiri hasilnya di kolom komentar punya saya ini.

sekarang langsung ke intinya yah..
kalian harus Login ke Blogger > Tata Letak > Edit HTML > Expand Widgets Template, Lalu temukan kode berikutpilih salah satu :
<b:include data='comment' name='commentDeleteIcon'/> atau <data:commentPostedByMsg/> atau <dd class='comment-footer'> atau <p><data:comment.body/></p>

bila sudah ketemu Copy paste Code dibawah ini setelah/dibawah Code diatas
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=LETAKAN ID BLOG ANNDA DISINI&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;' style='background-color:#eeeeee;border:1px solid #d3d3d3;color:#000000;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;position:absolute;bottom:10px;left:12px;'>Balas</a></span>

atau mau Reply yang sederhana ini codenya :

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID BLOG ANDA&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>[Balas]</a></span>

atau mau yang menggunakan image ini codenya :

<a href='http://www.gerbangmini.co.cc'><img alt='GM' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii9pMq_rfe3x4Rr4gdNZE32V28Lj15gG6fe8obqOe_j1Tei3RSIp_HRKstC8kNKGvopjm0J545b-0TT7NHcVKhOUppPfr5VuzAnlFCyixCEx4HGprpo6ohwRirhwR2mMNFuqF4xm5rmMjZ/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-BLOG-ANDA&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.openundefinedthis.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi08Ui1y9JdcNwa5q2AGdLYx_28h2Qi2n52ztfMJskqydZcaKp_Kwx2LNb6N2d3R5Rq_WCAca9mMrfRNP23buiWs_JqurLz-Jc_lecYzkXzLy_EN36GN-lsDHJSIJ38ZMSB1aV6VEmz-mhi/s1600/Reply+Button+1.jpg' style='float:right;' title='Reply To This Comment'/></a></span>

pilihan salah satu code gambarnya dibawah ini


1.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy6aECnShlihH8XZTrRvqWpaf8R8p-n2As42eKDxhDYtLiW6xmEzTpY1IWlRiN9JnmRB7ulnM9bgWPWMOBokWujlk9xARz7EuV0tZ5XBYs1XR9I-igtPsG5B_ZgjavLhsAeW9BIDxmym1M/s1600/Reply+Button+5.jpg' style='float:right;' title='Reply To This Comment'/>

2.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2HS7xxX2lSzzusBHkHmPT1VYDzAoENAFjuETk29kBJuRdPiKLheNPXOArdjeXLLrzka0GO4EaC9JVewhSxXh1TvStljgZKk98adwoPYEGHNnF3k1HXkOnxwjl0WtuWLuH4QVCgHN0pYiP/s1600/Reply+Button+4.jpg' style='float:right;' title='Reply To This Comment'/>

3.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCANCrFXvno5tomR50bT2w7OGRkdHvfcGRRV4Bo8Wjhqau4N7rpKzaKu17SET-7t0YB2194qM2-ZnRyOrvqgNess_D8e0BEH3AMcIoZn0E4cBtkwoL4rGOvXe2sBZjUYYVbWNdYruUk8Uk/s1600/Reply+Button+3.jpg' style='float:right;' title='Reply To This Comment'/>

4.



<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6fvn-0DRDgpkW58-60GsaTDPtu5FRrrKSKe8t6gIKFFfRsP4ksAjdJ-KX0nxoTdQi-gJhVxBSB8wp8pY_OsO_UdXhtt92ZJmPHCmPdZNbgzRH1jA1uaLIPdxVC0pWAFJ4-kyXd18geAm/s1600/Reply+Button+2.gif' style='float:right;' title='Reply To This Comment'/>

5.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi08Ui1y9JdcNwa5q2AGdLYx_28h2Qi2n52ztfMJskqydZcaKp_Kwx2LNb6N2d3R5Rq_WCAca9mMrfRNP23buiWs_JqurLz-Jc_lecYzkXzLy_EN36GN-lsDHJSIJ38ZMSB1aV6VEmz-mhi/s1600/Reply+Button+1.jpg' style='float:right;' title='Reply To This Comment'/>

6.




<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL6zrGXHXCOQ-64noDMiMZzCuJgp-1Lte3WwUUO5MtJnQ9wyYgrpnlwSFl-Wd1Aynudf8-emuBURrodxdTrYp01clQp2D_oixwN8aRrR8YymRRsou6jfiIIgLCxtovQU1B7PklraLvZdAe/s1600/Reply+Button+10.gif' style='float:right;' title='Reply To This Comment'/>

7.



<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCctGo7X9KCTWCvqJkcxemtA7ym_CIsUaW76QQQ4XVJ6Vywb5PfKkxclpeyDP3bME1FUZnwQ8ML-NANc3kWANOplPltXgg76WO64Dn6vVGmltKkAenIsjD3eV3kufvA4Ou99wdz43E6V9M/s1600/Reply+Button+8.gif' style='float:right;' title='Reply To This Comment'/>

8.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SNPmRmwMHF3eEz5kDsT6eEk_-K5vhpmapJBZDWaWCpbVyoENGIfE_ZpcAfxartP1sQjlTzhLn0KQmLHYuqvQLYHvpcLTOYtwvOgNdLJkrtZ1L8sEbubwsvglFSjlKemGsNurt0GF3mmi/s1600/Reply+Button+7.png' style='float:right;' title='Reply To This Comment'/>

9.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGkpMlgcXrS2SSeo1EYm01LgWjfV_uu723aUDZqxubRoDDXDcaPcfGPrWvvnrBbcpjJTSYdhpB3BAbe10xpJEtWVuTHJcm9qrK7GSJl4y3jMjkJxON9ZqhdSS9t7QRTS3uZysFFIM0ULkF/s1600/Reply+Button+6.gif' style='float:right;' title='Reply To This Comment'/>

10.



<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVliXWE1kqBiHuCX8ABA8EopIyMwr_Y5hsFEvL2IhNYaGuBmSX15ThHXzWAYydXiPZ9Y5s9X3MGdPjSvRGl0y6E3GIWBru3yVoUQTIfqGhtn7imhAQ7zsepc0jK9uyinKDiCfFAyBgY1e-/s1600/Reply+Button+9.gif' style='float:right;' title='Reply To This Comment'/>

11.



<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-5P4r7-SQWyfK9kpc1qh5l-imC20jlKdSknmHM9eoB5FhKvGX_D-NUQUkCckLA-YCu_hAmzj7Hy4JrAuPSfdoPcT9h8PQyVg1TLHjaO2gLk0wfU2ge7rjdc_AO6tuZ78XVMHhVx6a5so/s1600/al.gif' style='float:right;' title='Reply To This Comment'/>

12.


<img src='http://stashbox.org/1087632/anigif.gif' style='float:right;' title='Reply To This Comment'/>


lihat tulisan berwarna merah, itu adalah tempat anda menempatkan ID blog anda untuk ID blog, kalian dapat melihat di kolom browser anda bertuliskan http://www.blogger.com/............?blogID=(disini id blog bertuliskan angka)


untuk tulisan berwarna BIRU itu kode warna baground button
untuk tulisan berwarna HIJAU itu kode warna garis tepi baground
untuk tulisan berwarna COKLAT itu kode warna untuk tulisan BALAS
untuk tulisan berwarna crem itu kode image

dan untuk tulisan BALAS itu tulisan buttonnya dan semuanya dapat kalian ganti sesuai selera kalian, untuk Code warna kalian dapat melihatnya disini
sudah selesai semuanya silahkan di save.
-:: SEMOGA BERMANFAAT ::-

Pentinggnya promosi disitus sosial bookmark dofollow

selamat malam semuanya semoga sehat selalu,, kali ini kita akan membahas Social Bookmark, kenapa saya membuat artikel seperti ini..? simak ini terlebih dahulu karena sekarng ini google telah meluncurkan "Algoritma Google Panda" yang menurut penjelasannya sangat sangat bertentangan dengan blogger tentang bahaya algoritama baru Google yang bernama "Algoritma Panda", algoritma ini bekerja kemaren pada bulan Februari awal, ini terbukti banyak blog yang sudah kena DeIndex (DeIndex = Pengahapusan Website/blogger pada search Engine secara sebagain ataupun keseluruhan). untuk jelasnya klik disini "Algoritma Google Panda" 

lalau apa hubungannya dengan Social Bookmark ? hubungannya hanya sebagai salah satu trik promosi yang disukai google, salah satunya Social Bookmark Dofollow buatan saya yang dalam beberapa hari ini gak terasa sudah memiliki 200an USER lebih yang kebanyakan user luar negri mungkin mereka lebih faham dari pada kita betapa pentinggnnya promosi di situs seperti ini. Social Bookmark atau Social Bookmarking merupakan salah satu cara yang sangat direkomendasikan, Beberapa pakar dan master memiliki pendapat bahwa Social Bookmark tidak terlalu signifikan dalam memberikan backlink kepada suatu blog karena sifatnya yang re=nofollow. Pendapat ini, bisa jadi benar secara teori.

Tapi teori, ah ada kalanya tidak terlalu baik untuk didengarkan.

Mengapa lebih baik tidak didengarkan? Prinsipnya sederhana, selama hal tersebut berguna bagi kelangsungan pertumbuhan positif sebuah blog, just do it. Saya pribadi tidak terlalu memusingkan jenis backlink. Yang pasti, sebuah blog yang melakukan submit posting di situs social bookmark akan lebih “mantap” dibandingkan yang tidak. Buktinya, social bookmark tidak pernah sepi dari orang-orang. Beberapa sumber bahkan menyebutkan social bookmark adalah bagian penting dari SEO dan link building sebuah blog.
Bagi anda yang memiliki hobby menulis dan juga blogging, pasti ingin jika artikel buatan anda bisa tersebar luas dan juga pengunjung blog anda bisa bertamabah dengan tersebarnya artikel anda. Namun, jika anda hanya mengandalkan index search engine terhadap blog anda saja, mungkin masih kurang untuk menaikkan pengunjung blog anda. Oleh karena itu, anda bisa menggunakan jasa dari Social Bookmark. Dalam dunia internet, banyak sekali Social Bookmark yang bisa anda manfaatkan untuk mencari pengunjung dan juga anda bisa sambil mencari backlink. Karena, tidak sedikit Social Bookmark yang dofollow, yang tentunya akan sangat bermanfaat bagi anda yang tengah berburu traffic dan juga backlink yang berkualitas. Anda bisa menggunakan jasa dari DIGG, Stumbleuppon, Delicious, Lintas berita, Info Gue, Kliksite, dan Social Bookmark lain yang tentunya akan membuat blog anda semakin banyak pengunjung dan juga mendapatkan backlink gratis.untuk rekan rekan yang ingin mendaftar di Social Bookmark saya silahkan masuk mendaftar disini memang situsnya gratisan tapi jangan dilihat gratisnya tapi lihat manfaatnya, saya pun mempunyai satu lagi domain gratis gudangnet.co.cc dengan hosting 7GB bandwich 250.000MB cukup besar kan.. tapi saya belum tahu mau di buat apa untuk rekan rekan yang punya ide web silahkan komentar dibawah

Artikel terkait dengan gambar


Artkel Terkait atau juga disebut Related Post yang biasanya disematkan dibawah Entri atau postingan, berfungsi untuk memberitahukan kepada pengunjung blog artikel apa saja yang berada dalam label yang sama, sehingga mempermudah pengunjung untuk dapat mencari artikel yang lebih cocok, untuk kali ini akan kita bahas cara membuat artikel terkait yang mrnggunakan gambar / thumbnail.. Oke, Langsung saja, cara membuat Related post pada blog ini kita bahas.

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 </head>
6. Taruh (copy paste) kode berikut ini di atasnya

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://gerbangmini-artikelterkait.googlecode.com/files/relatedthumbs.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

7. Cari kode di bawah ini Atau
<div class='post-footer-line post-footer-line-1'>
Jika tidak menemukannya cari kode berikut ini
<p class='post-footer-line post-footer-line-1'>

8. Jika sudah ketemu, taruh (copy paste) kode berikut ini di bawah salah satu kode di atas (no.7)

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b><blink>Baca Juga Yang Ini:</blink></b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=20;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

9. Kita juga dapat menganti beberapa kode css, seperti berikut ini
var maxresults=20;
Berarti artikel terkait yang akan kita tampilkan adalah 20
<h3><b><blink>Baca Juga Yang Ini:</blink></b></h3>
Judulnya adalah Baca Juga Yang Ini

10. Simpan Template jika sudah selesai.

"SELAMAT MENCOBA SEMOGA SUKSES"

followers tersembunyi


follow memfollow sudah tak asing lagi didunia kita (blogger) tapi untuk membuat trik follow tersembunyi mungkin ada beberapa kawan blogger yang belum tahu atau belum memahami, (yang sudah tahu atau faham dimohon diam saja yah) hehehe... sebenarnya trik ini aku sudah lama tahu tapi beberapa kali mencoba selalu gagal karena tombol follow tak nampak diblog... ternyata eh ternyata kode kodenya tak cocok dengan tamplate ku akhirnya aku rombak sedikit... dan hasilnya bisa kalian lihat sendiri hehehe...

baiklah kinta lanjut, trik ini adalah pengembangan dari buku tamu, Mau tau caranya?? mari ikuti langka langkah berikut :

1. Pastinya login Blogger terlebih dahulu
2. Masuk ke Perancangan>>Elemen Laman
3. Tambahkan Gadget Html/Java Script
4. Copas kode berikut :

<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS55KTvJDw94aGNbMKy_1KhQNM85CjM_GD356B6BYreQF3nv4A36ngSdgTTkS6uidwh3MTecdcFlSoudw03naaFSyi4Wk7vnJYbuHAql3ayZVwyc5rHoOFvnO8n4Cx5wgILmeyRqc8Fma1/)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">


Masukkan Kode Widget Follow Disini



<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://www.gerbangmini.co.cc/2011/03/followers-tersembunyi.html"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">By GM</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

5. Tapi jangan di save dulu....
untuk mengambil kode widget follownya silahkan masuk ke link [www.google.com/friendconnect]

6. lihat gambar dibawah


-(1) Pilih blog sobat yang akan dipasang widget follownya
-(2) Klik "Tambahkan gadget anggota"
-(3) Silahkan diatur ukuran, warna dll nya..
-(4) Klik "Buat kode"
-(5) Silahkan Copy kodenya, dan ikuti langkah selanjutnya

7. Copy Paste kode Widget Follow tadi pada kode nomor 4 (*Gantikan kode yang berwarna merah dengan kode Widget Follow yang sudah dicopy tadi)

8. Save..
hemmmm...ternyata tidak cukup sampai disini, masih ada 1mil perjalanan lagi

9. Untuk memasang tombol Navigasinya, silahkan masuk ke :
Perancangan>>Edit HTML.

10. pasang ini dibawah <div id='content-wrapper'> atau kalau hasilnya nanti gakbagus simpan Codenya diatas <body>

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:50px;left:5px;' title='Follow'><img src='http://img40.picoodle.com/i53e/gerbangmini/i1x1_4bc_uc92k.png'/></a>

11. Simpan template
dan lihat hasilnya... "Semoga Berhasil"

pasang emoticon dikomentar

waaaaaaaaaahhhhhh..... kalau fikiran sedang suntuk jadi bingung mau buat postingan aja gak ada inspirasi.. huft..!! hmmm dari pada gak ada artikel lebih baik aktu tulis ini aja deh cara pasang emoticon dikomentar, contohnya bisa dilihat di komentar blog aku aja yah....
sekarang di lanjut aja nih gak perlu basa basi dan banyak kata
caranya:
1. masuk account Blogger
2. kliik edit HTML
3. tandai Expand Template Widget
4. untuk jaga jga lebih baik  Download Template Lengkap dulu

nah sekarang ikuti langkah ini
5. Cari kode </body>
ketemu kan? jangan bilang gak ketemu nanti aku lempar sandal nih hehehehe
terus letakkan kode dibawah ini diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:aa:/gi, "<img src='http://photoserver.ws/images/f2d64d79e4154e142.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:bb:/gi, "<img src='http://photoserver.ws/images/KwX74d79e4156116c.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:cc:/gi, "<img src='http://photoserver.ws/images/ST7R4d79e41567f07.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:dd:/gi, "<img src='http://photoserver.ws/images/Xr734d79e4156d92f.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ee:/gi, "<img src='http://photoserver.ws/images/bVXL4d79e4b833fb4.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ff:/gi, "<img src='http://photoserver.ws/images/I5zS4d79e4b840ad3.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:gg:/gi, "<img src='http://photoserver.ws/images/rISy4d79e4b847c1b.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:hh:/gi, "<img src='http://photoserver.ws/images/mmk84d79e4b84ed62.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ii:/gi, "<img src='http://photoserver.ws/images/2PrZ4d79e51e6af26.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:jj:/gi, "<img src='http://photoserver.ws/images/khgb4d79e51e83b70.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:kk:/gi, "<img src='http://photoserver.ws/images/avW64d79e51e8b4d8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ll:/gi, "<img src='http://photoserver.ws/images/LcLO4d79e51e9322a.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:mm:/gi, "<img src='http://photoserver.ws/images/GpAR4d79e5ae6ac1b.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:nn:/gi, "<img src='http://photoserver.ws/images/seD74d79e5ae7569a.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:oo:/gi, "<img src='http://photoserver.ws/images/qvym4d79e5ae7c079.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:pp:/gi, "<img src='http://photoserver.ws/images/H8bI4d79e5ae83228.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:qq:/gi, "<img src='http://photoserver.ws/images/rwaD4d79e60d7ddb8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:rr:/gi, "<img src='http://photoserver.ws/images/7g3N4d79e60d8b108.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ss:/gi, "<img src='http://photoserver.ws/images/4jW64d79e60d922b1.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:tt:/gi, "<img src='http://photoserver.ws/images/J9YP4d79e60d99483.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:uu:/gi, "<img src='http://photoserver.ws/images/Rv4V4d79e67bb7dc9.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:vv:/gi, "<img src='http://photoserver.ws/images/wOeT4d79e67bbef76.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ww:/gi, "<img src='http://photoserver.ws/images/ZC8C4d79e67bc6110.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:xx:/gi, "<img src='http://photoserver.ws/images/jMoJ4d79e67bccec1.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:yy:/gi, "<img src='http://photoserver.ws/images/3bfZ4d79e6dcc6508.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:zz:/gi, "<img src='http://photoserver.ws/images/tpit4d79e6dcd5cfe.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:aa:/gi, "<img src='http://photoserver.ws/images/f2d64d79e4154e142.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:bb:/gi, "<img src='http://photoserver.ws/images/KwX74d79e4156116c.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:cc:/gi, "<img src='http://photoserver.ws/images/ST7R4d79e41567f07.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:dd:/gi, "<img src='http://photoserver.ws/images/Xr734d79e4156d92f.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ee:/gi, "<img src='http://photoserver.ws/images/bVXL4d79e4b833fb4.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ff:/gi, "<img src='http://photoserver.ws/images/I5zS4d79e4b840ad3.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:gg:/gi, "<img src='http://photoserver.ws/images/rISy4d79e4b847c1b.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:hh:/gi, "<img src='http://photoserver.ws/images/mmk84d79e4b84ed62.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ii:/gi, "<img src='http://photoserver.ws/images/2PrZ4d79e51e6af26.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:jj:/gi, "<img src='http://photoserver.ws/images/khgb4d79e51e83b70.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:kk:/gi, "<img src='http://photoserver.ws/images/avW64d79e51e8b4d8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ll:/gi, "<img src='http://photoserver.ws/images/LcLO4d79e51e9322a.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:mm:/gi, "<img src='http://photoserver.ws/images/GpAR4d79e5ae6ac1b.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:nn:/gi, "<img src='http://photoserver.ws/images/seD74d79e5ae7569a.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:oo:/gi, "<img src='http://photoserver.ws/images/qvym4d79e5ae7c079.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:pp:/gi, "<img src='http://photoserver.ws/images/H8bI4d79e5ae83228.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:qq:/gi, "<img src='http://photoserver.ws/images/rwaD4d79e60d7ddb8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:rr:/gi, "<img src='http://photoserver.ws/images/7g3N4d79e60d8b108.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ss:/gi, "<img src='http://photoserver.ws/images/4jW64d79e60d922b1.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:tt:/gi, "<img src='http://photoserver.ws/images/J9YP4d79e60d99483.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:uu:/gi, "<img src='http://photoserver.ws/images/Rv4V4d79e67bb7dc9.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:vv:/gi, "<img src='http://photoserver.ws/images/wOeT4d79e67bbef76.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ww:/gi, "<img src='http://photoserver.ws/images/ZC8C4d79e67bc6110.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:xx:/gi, "<img src='http://photoserver.ws/images/jMoJ4d79e67bccec1.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:yy:/gi, "<img src='http://photoserver.ws/images/3bfZ4d79e6dcc6508.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:zz:/gi, "<img src='http://photoserver.ws/images/tpit4d79e6dcd5cfe.gif' alt='' width='40' class='smiley'/>");

c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

6. Kemudian cari kode ini <p class='comment-footer'>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/> </b:if><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>

Karena ada 2 Code yang sama kamu fokuskan saja sama Code yang berwarna merah, ingat ya
jangan sampai salah mencari Code nya.

7. Lalu kamu Copy Code yang ada di bawah ini, kemudian kamu Paste di bawah Code <p class='comment-footer'>

<center>
<b><img src='http://photoserver.ws/images/f2d64d79e4154e142.gif' width='40'/>
:aa:
<img src='http://photoserver.ws/images/KwX74d79e4156116c.gif' width='40'/>
:bb:
<img src='http://photoserver.ws/images/ST7R4d79e41567f07.gif' width='40'/>
:cc:
<img src='http://photoserver.ws/images/Xr734d79e4156d92f.gif' width='40'/>
:dd:
<img src='http://photoserver.ws/images/bVXL4d79e4b833fb4.gif' width='40'/>
:ee:
<img src='http://photoserver.ws/images/I5zS4d79e4b840ad3.gif' width='40'/>
:ff:
<img src='http://photoserver.ws/images/rISy4d79e4b847c1b.gif' width='40'/>
:gg:
<img src='http://photoserver.ws/images/mmk84d79e4b84ed62.gif' width='40'/>
:hh:
<img src='http://photoserver.ws/images/2PrZ4d79e51e6af26.gif' width='40'/>
:ii:
<img src='http://photoserver.ws/images/khgb4d79e51e83b70.gif' width='40'/>
:jj:
<img src='http://photoserver.ws/images/avW64d79e51e8b4d8.gif' width='40'/>
:kk:
<img src='http://photoserver.ws/images/LcLO4d79e51e9322a.gif' width='40'/>
:ll:
<img src='http://photoserver.ws/images/GpAR4d79e5ae6ac1b.gif' width='40'/>
:mm:
<img src='http://photoserver.ws/images/seD74d79e5ae7569a.gif' width='40'/>
:nn:
<img src='http://photoserver.ws/images/qvym4d79e5ae7c079.gif' width='40'/>
:oo:
<img src='http://photoserver.ws/images/H8bI4d79e5ae83228.gif' width='40'/>
:pp:
<img src='http://photoserver.ws/images/rwaD4d79e60d7ddb8.gif' width='40'/>
:qq:
<img src='http://photoserver.ws/images/7g3N4d79e60d8b108.gif' width='40'/>
:rr:
<img src='http://photoserver.ws/images/4jW64d79e60d922b1.gif' width='40'/>
:ss:
<img src='http://photoserver.ws/images/J9YP4d79e60d99483.gif' width='40'/>
:tt:
<img src='http://photoserver.ws/images/Rv4V4d79e67bb7dc9.gif' width='40'/>
:uu:
<img src='http://photoserver.ws/images/wOeT4d79e67bbef76.gif' width='40'/>
:vv:
<img src='http://photoserver.ws/images/ZC8C4d79e67bc6110.gif' width='40'/>
:ww:
<img src='http://photoserver.ws/images/jMoJ4d79e67bccec1.gif' width='40'/>
:xx:
<img src='http://photoserver.ws/images/3bfZ4d79e6dcc6508.gif' width='40'/>
:yy:
<img src='http://photoserver.ws/images/tpit4d79e6dcd5cfe.gif' width='40'/>
:zz:
</b></center>

Nah sekarang tinggal di Save dech dan liat hasil nya, sudah selesai semoga bermanfaat yah...

banner berganti otomatis disatu tempat

selamat siang siang semuanya, sehatkah kalian semoga saja selalu sehat  dan dilindungi oleh Yang Maha Kuasa hingga dapat menjalankan aktifitas dengan mudah (amin), Ok.. kali ini kita akan membahas cara membuat banner berganti otomatis disatu tempat, maksudnya apa yah..? maksudnya ialah ketika kita ingin memasang banner yang banyak tetapi ruang publik yang kita miliki di blog sangat terbatas atau kita takmau memakai banyak tempat, dan untuk mengatasi ini selama ukuran bannernya sama kita dapat menempatkan semua banner yang kita punya dalam satu tempat, lalu bagaimana apakah bannernya akan terlihat..? takusah khawatir karena banner yang kita semat di satu tempat ini akan bergantian secara otomatis dalam hitungan detik, contohnya bisa dilihat pada iklan banner yang saya tempatkan dihaeder lihat gambar dibawah:


coba perhatikan gambar itu berapa detik image nya bertukar otomatis, jadi anda takperlu melakukan refresh browser untuk mengganti banner.. sudah mengertikan yang saya maksud, untuk cara membuatnya sangatlah mudah tinggal kopy paste kode dibawah ini dan masukkan dimana kalian mau menempatkan nya (tambah gadget HTML/JavaScript) kodenya dibawah ini

<script type="text/javascript">
var imgs1 = new Array("link gambar iklan-1","link gambar iklan-2","link gambar iklan-3","link gambar iklan-4");
var lnks1 = new Array("link iklan-1","link iklan-2","link iklan-3","link iklan-4");
var alt1 = new Array("tex iklan-1","tex iklan-2","tex iklan-3","tex iklan-4");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",10000);
</script>
<a href=""link iklan-1"" id="adLink1" target="_blank">
<img src="link gambar iklan-1" id="adBanner1" border="0" width="468" height="60" /></a>

Catatan penting: diatas adalah kode banner yang berjumlah 4 (empat buah) perhatikan kode kode berwarna jangan sampai tertukar penempatan linknya..!!
jangan lupa pula untuk mengubah jumlah banyaknya gambar pada var imgCt1 = 4; apa bila menambah atau mengurangi banner untuk yang paling bawah masukan 1 link banner saja yaitu link iklan-1 dan link bannernya ukuran banner dapat di ubah di width="468" height="60" , kalau sudah selesai silahkan save dan lihat hasilnya, semoga bermanfaat untuk kita semua yah..

scrollbox pada komentar

Selamat malam kawan,postingan ini khusus dari permintaan YENI.J yang bertanya ( mau tanya...mcm mana kamu buat scroll box dekat comments?boley ajar? ) rupanya bloggerwati cantik ini dari tanah sebrang yang juga mempunyai sebuah blog unik dan menarik di yaniej.blogspot.com mudah mudahan aku gak salah mengartikan pertanyaannya yaitu menanyakan bagai mana membuat scrollbox pada komentar,benar gak yah..?? hehehe...Ok kita lanjut ini didasarkan kepada pemikiran atau prediksi bahwa komentar yang masuk semakin lama akan semakin bertambah banyak .. duh narsisnya.. sehingga halaman blog akan panjang. Untuk mengatasi ini maka dibuat scrolling pada daftar komentar itu , sehingga blog tidak tampak memanjang ke bawah. Caranya bisa simple bisa juga ribet.. hal ini tergantung pada templatenya. Kalau kodenya sama ya.. gampang.. tapi kalau gak sama.. yaa rasakan sendiri aja deh.. hehehe.. yang jelas kita harus mengenali kode HTML tamplate kita sendiri.. karena untuk kode kode tambahan sebenarnya sama aja
Kalau berminat Membuat Scroll Pada Komentar, langkahnya seperti ini :
  1. Masuk ke Acount blogger anda atau ke Dashboard
  2. Pilih Layout, kemudian klik Edit HTML
  3. klik expand templates widget 
  4. Cari kode seperti di bawah ini 
    Cara 1

    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <div class='comments-singleblock'>
    <dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>

    tambahkan kode ini diatasnya

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

    dan kode ini dibawah kode </dl>

     </div>
    SAVE
    #-----------------------------------------------#
    Cara 2

    <dl expr:class='data:post.avatarIndentClass' 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'>
    <b:if cond='data:comment.favicon'>
    <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
    </b:if>
    <a expr:name='data:comment.anchorName'/>
    <b:if cond='data:blog.enabledCommentProfileImages'>
    <data:comment.authorAvatarImage/>
    </b:if>
    <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>

    Kalo sudah ketemu, tambahkan kode berikut, tepat di atasnya,

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

    dan kode ini dibawah kode </dl>

    </div>

    Ingat ya, setelah kode </dl> !!

    SAVE
    #-----------------------------------------------# 
    Cara 3

    /* Comments
    -------------------------- */
    #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;
    }

    Tambahkan kode dibawah ini di atas kode #comments-block .comment-author {
    height:400px;
    overflow:auto;
    border:1px solid grey;
    Ket: angka 400px : adalah tinggi kotak scroll itu, tinggal diganti sesuai selera kita.
    dan SAVE 
    #-----------------------------------------------#
    Cara 4

    <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 SAVE
    sampai disini selesai deh semoga bermanfaat yah..!!

    membuat headline news

    Siang blogger, sesuai judul diatas aku mau share, widget headline news mungkin para master sudah pada tahu tentang ini, tapi tak apalah aku share lagi siapa tahu banyak yang lupa, hehehe... headline news yaitu untuk menampilkan judul serta link artikel-artikel terbaru dari blog agan di bagian atas atau bawah blog. agan bisa lihat contoh gambarnya di bawah:

    Judul-judul artikel pada headline news akan bergerak otomatis, sehingga lebih menarik perhatian pembaca.

    Caranya:
    1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements",
    2. Klik "Add a Gadget" dan pilih "HTML/JavaScript",
    3. Tidak usah diberi judul, kemudian copy-paste kode di bawah ini:

    <script type="text/javascript">
    var hn_url_blog = "http://BLOGKAMU.blogspot.com";
    var hn_jumlah_post = 5;
    var hn_warna_latar = "#EEEEEE";
    var hn_warna_garis = "#000000";
    var hn_posisi = "top";
    var hn_tampilkan_judul = true;
    var hn_backlink = true;
    </script>
    <script src=" http://gerbang-mini.googlecode.com/files/headlinenews1.js">
    </script>

    4. Berikut adalah penjelasan tentang variabel-variabel di atas:
    o hn_url_blog adalah URL blog kamu (widget ini hanya untuk pengguna blogger).
    o hn_jumlah_post adalah jumlah judul / artikel yang ingin kamu tampilkan pada headline news.
    o hn_warna_latar adalah kode warna untuk latar belakang headline news.
    o hn_warna_garis adalah kode warna untuk garis bingkai/border headline news. (Baca artikel kode warna di sini)
    o hn_posisi menentukan posisi headline news kamu apakah di atas ("top") atau di bawah ("bottom"),
    o hn_tampilkan_judul bernilai true kalau kamu ingin menampilkan tulisan "Headline news dari BLOGKAMU" di bagian kiri dan bernilai false jika tidak ingin menampilkannya,
    o hn_backlink bernilai true kalau kamu ingin menampilkan backlink ke blog ini dan false jika tidak.

    mungkin cukup ini saja gan selamat mencoba dan semoga bermanfaat :D

    image hosting buatan sendiri

    setelah beberapa saat yang lalu dikarenakan imageshack.us yang error dan saya memutuskan memiliki image hosting sendiri, kini image hosting buatan saya sudah mencapai tahap akhir yang kapasitas discnya lumayan besar untuk yang gratisan yaitu sebesar 7GB, kepingin sih untuk yang unlimitied tapi keadaan kantong yang tak memungkinkan. dan senangnya lagi kini image hosting saya sudah selesai dirubah yang tadinya berbahasa inggris sekarang sudah menjadi berbahasa indonesia,
    ya' kalau dipikir pikir ngapain repot repot bikin hosting sendiri.. tapi yang namanya hobi kan ga ada salahnya di manfaatin, sekalaian juga siapa tau diantara agan agan ada yang butuh tempat image hosting yang ringan dan simpel juga gratis hehehe.. ya sudah gan saya cuma mau share ini aja agan  agan kalau mau coba masuk sini aja KLIK DISINI

    veryfikasi gratis paypal dengan limitless

    Paypal untuk para blogger memang sangat penting untuk kelancaran alur perjalanan uang kita. tapi bagaimana jika paypalnya belum terverifikasi..? Ini ada lagi untuk mendapatkan kartu debit Master Card gratis untuk veryfied atau verifikasi paypal Selain dari kartu debit Master Card Payoneer, serupa tapi tak sama taksesulit Payoneer namanya LimitlessONE™ Access Rewards Card. LimitlessONE™ Banyak manfaatnya salah satu nya ada rewards program , program ini bukan program MLM melainkan suatu program community building , semakin banyak komunitas yang kita bentuk melalui program refferalnya maka semakin banyak juga rewards yang akan kita dapatkan , rewards ini akan di depositkan ke debit card kita sebulan sekali.
    Berikut langkah-langkah cara mendapatkan kartu debit/credit Master Card gratis LimitlessONE :
    Klik link ini : Limit-Less-One™ di bawah ini :
    www.limitlessoneaccess.com
    Lalu pilih affiliate yang ada pada bagian haeder> sign up
    Pilih wilayah negara anda ( Asia ) terus klik Proceed With Sign Up.
    Setelah Form Pendaftaran muncul, Isi No ID 7870016465 pada kolomnya. (Catatan : ini penting No ID harus wajib diisi supaya bisa Sign Up)
    Isi data diri anda sesuai dengan KTP atau SIM. isi semua yang bertanda bintang merah (wajib) setelah selesai klik sign up, lalu simpan ID anda dan selesaikan prosesnya.
    Untuk pengisian data diri anda harus sesuai dengan data yang ada pada KTP maupun SIM secara jelas, supaya nanti kartu debit Master Card LimitlessONE di kirim tidak kesasar / tercecer.
    Setelah anda selesai melakukan semua petunjuk diatas, kira-kira 3 minggu (perjalanan dari Inggris ke Indonesia dengan pos) kartu debit anda sudah sampai di rumah anda, setelah kartu debit sudah sampai kepada anda.
    segeralah lakukan aktivasi, didalam surat juga diikutsertakan petunjuk, ikutilah petunjuk yg ada didalam surat tersebut untuk melakukan aktivasi.
    Jika anda telah mengikuti langkah-langkah diatas dengan benar, maka anda telah berhasil dan saya ucapkan “Selamat anda telah berhasil mendapatkan debit card atau kartu debit dari LimitlessONE™”.

    ada apa dengan imageshack.us

    sobat pasti sudah pada tahu kan apa itu imageshack.us sebuah hosting images serupa dengan pothobucket, kebanyakan para blogger menggunakan kedua hosting ini untuk upload image mereka dikarenakan kedua hosting ini selain gratis juga memiliki fitur link kode yang sangat lengkap hingga memudahkan para blogger untuk menshare sebuah image untuk kepentingan webnya masing masing, tapi sekarang kenapa saya membuat judul seperti diatas itu, " ada apa dengan imageshack.us" karena dalam beberapa hari ini semua images yang saya upload di imageshack.us tak terbaca oleh browser saya entah itu hanya saya sendiri atau rekan rekan juga sama mengalaminya, sehingga membuat tampilan blog saya menjadi kacau balau, karena sebagian besar image yang ada didalam post atau untuk tambahan tamplate saya upload du situs itu.
    tapikini gambarnya menjadi seperti dibawah ini sob
    itu terjadi tidak hanya diblog saya saja tapi ketika saya blogwalking sayapun menemukan banyak sobat blogger yang imagenya berubah menjadi seperti diatas, entah itu karena browser saya atau memang karena ada masalah di hostingnya..
    dikarenakan ane orangnya ga mau ribet untuk mikirin itu semua, akhirnya saya mencoba untuk pindah hosting image tapi setelah google kesana kemari hosting yang saya dapat tak semudah dan sesimpel imageshack dan hasil gambarnyapun banyak yang gak sempurna....
    akhirnya timbul dalam pikiran saya kenapa gak membuat image hosting sendiri..?" disisilain karena sya juga Hoby membuat situs dan web gratisan atau clone. jadinya sayapun memutuskan memiliki Hosting images sendiri, karena memang hal utamanya ini untuk digunakan sendiri ya jadinya saya buat sesimpel dan segeratis mungkin hehehehe... (watak blogger kere seprti saya ini) selalu ingin yang gratis.. hohoho tapi untuk sobat sobat yang ingin menyimpan imagenya disini gak apa apa kok, tanpa register atau apapaun tinggal upload image dan dapatkan link imagenya

    diatas tampilan webnya, untuk sobat yang mau mencoba bisa klik DISINI atau lewat menu HAEDER diatas
    atau mau mencoba membuat webnya sendiri unduh scripnya DISINI semoga berguna ya sob

    Potoshop CS5 portabel

    siapa yang tidak kenal dengan potoshop, stiap orang yang berkecimpung di dalam dunia komputer sebagian besar tahu akan ini. kali ini aku sahre versi portabelnya yang mudah di bawakemana mana atau bisa juga disimpan flaskdisck,
    apa kelabihannya kelebihannya dibawah ini nih gan
    Kelebihan dari Photoshop CS5 ini adalah :
    * 64-bit processing
    * Content Aware Fill
    * Refine Edge, “makes nearly-impossible image selections impossible”
    * HDR Pro, including ghost artifact removal and HDR toning,
    which gives the look of HDR with a single exposure
    * New brush options
    * Improved image management with enhanced Adobe Bridge
    * Lens corrections
    * Improved black-and-white conversions
    * Puppet Warp: Precisely reposition or warp any image element
    * Adobe Camera Raw 6
    untuk kualitas pengeditan dan pembuatan photo software ini memang sangat berkelas anda coba sendiri nanati hasilnya


    mantaf kan gan, tapi Photoshop CS5 ini lumayan berat bagi komputer yang pas-pasan seperti punya saya namun karena ada versi portablenya maka itu menjadi ringan. Tak usah panjang lebar lagi, bagi yang ingin mendownload Photoshop CS5 Portable ini bisa langsung klik disini DOWNLOAD

    Daftar Isi per label dengan js

    hari ini panas banget rasanya.... lagi coba coba corat coret kode javascript,, malah jadi nya daftar isi :D ya udah aku share yah.. tentu aja seperti biasa ini dikhususkan untuk agan agan pendatang baru atau yang belum tau, dulu pernah googling dapat yang serupa dengan yang ini.. tapi harus merubah kode HTML tamplate.. hmmmm... agak repot yah..
    jadinya karena itu aku cari cara.. googling sana googling sini... dan dapat juga javascript tinggal di rombak dikit trus jadi deh hehehe.... tapi sayang masih belum memenuhi keinginannku.. yaitu menambahkan tombol buka dan tutup,,,  mungkin lain kali aja yah :D
    kembali ke topik**
    membuat daftar isi mengikuti label, agan-agan pasti banyak yang sudah tau kan maksudnya..? untuk jelasnya lihat aja contoh nya di Home BLOG aku atau lihat gambar di bawa ini yah


    sudah ngertikan maksud aku ini hahhaa.... yah begitulah maksudnya... yaitu judul postingan menurut label,, jadi harus dipastikan setiap kali membuat entri baru harus di beri label karena kalau lupa tidak akan terdaftar di widget ini... dan satu lagi gak usah utak atik tamplate agan untuk penempatannya cukup 

    1.masuk blogger
    2.Elemen Laman
    3.Tambah gadget HTML/JAVASCRIPT

    kodenya dibawah ini yah gan

    <div style="overflow:auto;width:180px;height:180px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://gm-daftar-isi.googlecode.com/files/contents.js"></script><script src="http://URL AGAN DISINI/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

    ganti tulisan warna merah dengan URL agan
    Ok gan mudah mudahan bisa berguna untuk agan semua
     
    Support : Creating Website | Johny Template | Mas Template
    Copyright © 2011. Jendela Mini - All Rights Reserved
    Template Modify by Creating Website
    Proudly powered by Blogger