Serba Blog

Kotak Komentar Facebook/Facebook Comment Box Terbaru (With Reply)

2011-03-10T00:58:00.001+07:00

Setelah jalan-jalan ke google, walhasil ketemu dengan tips membuat facebook comment box/kotak komentar facebook yang cukup unik, berbeda dengan facebook comment box yang lama. disini terdapat perbedaan di bagian comment body-nya yaitu memiliki fitur Reply seperti layaknya status di facebook.

Pada Facebook Comment Box yang terbaru ini juga bisa mengirimkan pemberitahuan kepada admin atau pemilik website/blog tersebut jika ada seseorang yang meninggalkan komentar de website/blog tersebut. Cukup menarik bukan, karena berbeda dengan Comment Box yang lama, yang tidak memiliki fitur Reply (Balas), Like (Suka), Notification (Pemberitahuan).

Sebelum mencobanya, ada baiknya lihat screen shot nya dibawah ini :

Untuk melihat Demo nya, silakan kunjungi webblog teman saya yang sudah mencobanya DISINI

Untuk membuatnya, pertama-tama dapatkan Aplikasi ID dengan membuat aplikasinya disini [http://developers.facebook.com/setup/]
Jika kurang mengerti cara membuat Aplikasi ID Facebook, silakan lihat caranya DISINI

Jika sudah mendapatkan Aplikasi Id, sekarang anda bisa memasang Facebook Comment Box/Kotak Komentar Facebook yang baru ke Blog anda.Berikut cara-caranya.

Masuk ke blogger
Dihalaman Dasbor/Dashboard, klik Rancangan/Design.
Lalu klik Tab Edit HTML
Centang Expand Widget Template

Langkah 1
Cari kode berikut <head>
Letakkan kode berikut ini setelah kode diatas tadi

Ganti tulisan App ID dengan Aplikasi ID anda
Ganti tulisan ID Profile Facebook dengan ID profil facebook anda

Langkah 2
Langkah selanjutnya, cari kode <data:post.body/>
Jika anda menggunakan fitur auto readmore, letakkan kode berikut ini setelah kode <data:post.body/> yang KEDUA.
atau
Anda bisa juga meletakkan kode berikut setelah code

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/><script>window.fbAsyncInit = function() {
FB.init({appId : 'App ID',
status : true,
cookie : true,
xfbml : true});};
(function() {var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';e.async = true;document.getElementById('fb-root').appendChild(e);}());</script><fb:comments expr:href='data:post.url' migrated='1' expr:title='data:post.title'/>
<div style='float:right; padding:10px><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></div></div>
</b:if>

Nb :
Namun jika anda ingin kotak komentar yang sudah di perindah dengan tampilan kotak [lihat disini Demo-nya]
silakan gunakan kode berikut sebagai pengganti kode pada langkah kedua :

<b:if cond='data:blog.pageType == "item"'>
<div style='background-color:#ECEFF6; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:40px; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #627AAD; border-bottom:1px solid #2A4280; border-right:1px solid #2A4280;'>
<div align='left' style='text-align:left; background:#3B5998; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2A4280; border-bottom:1px solid #627AAD; border-right:1px solid #627AAD; padding:0 10px; margin-bottom:10px;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' height='auto' src='https://lh3.googleusercontent.com/--OC-egBNE7s/TXevxG5Hj2I/AAAAAAAAAM4/PNYGgrc_Q8A/s1600/serba-blog-facebook-comment.png' width='100%'/></a></div>
<div id='fb-root'/><script>window.fbAsyncInit = function() {
FB.init({appId : 'App ID',
status : true,
cookie : true,
xfbml : true});};
(function() {var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';e.async = true;document.getElementById('fb-root').appendChild(e);}());</script><fb:comments expr:href='data:post.url' expr:title='data:post.title' migrated='1'/>
<div style='background-color: #3B5998;-moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2A4280; border-bottom:1px solid #627AAD; border-right:1px solid #627AAD; font-size:10px; padding:3px 5px;width:ancho; float:right; margin-bottom:5px;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></div></div>
</b:if>

Simpan hasilnya

Semoga bisa bermanfaat.

Source : http://adityameilaz.blogspot.com/2011/03/kotak-komentar-facebook-versi-terbaru.html

Cara Membuat Halaman Posting Berpindah dari Kiri ke Kanan

2011-02-15T00:37:00.001+07:00

Cara Membuat Halaman Posting Berpindah dari Kiri ke Kanan | Sempat bingung menentukan judul artikel yang satu ini, tapi yang jelas gambarannya seperti dibawah ini, Pernah lihat halaman blognya Kang Rohman (kolom-tutorial.blogspot.com), jika diperhatikan, ketika pada halaman beranda/Home page, bagian artikel/posting terletak di sebelah kiri dan sidebar berada di sebelah kanan, dan ketika masuk ke halaman postingnya, halaman artikel akan berada di sebelah kanan dan sidebar di sebelah kiri.

Nah, untuk membuat halaman tersebut agar bisa berpindah-pindah ternyata cukup simpel. ternyata yang dibutuhkan hanya sedikit penambahan pada struktur CSS nya saja. berikut cara-caranya :

Login ke Blogger
Langsung menuju ke Design/Rancangan
Klik Edit HTML
centang tulisan "Expand Widget Template"
Cari kode berikut :

]]></b:skin>

Letakkan kode berikut ini setelah kode diatas

<b:if cond='data:blog.pageType == "item"'>

#main-wrapper{float:right;}

#sidebar-wrapper{float:left;}

</b:if>

</style>

Simpan hasilnya.

Untuk melihat Demonya, silakan lihat DISINI

Source code from kolom-tutorial.blogspot.com

Kelebihan dan Kekurangan Facebook Comment Box

2011-02-14T05:17:00.001+07:00

Kelebihan dan Kekurangan Facebook Comment Box | Setelah sebelumnya membuat artikel tentang "Cara Pasang Kotak Komentar/Comment Form Facebook di Blogger", disana memaparkan tentang cara membuat Kotak Komentar Facebook di Blogger. Nah, kali ini mencoba mengangkat tentang kelebihan dan kekurangan dari penggunaan Facebook Comment Box atau Kotak Komentar Facebook.

Adapun kelebihan menggunakan Facebook Comment Box menurut saya khususnya, bisa menjaring jumlah pengunjung ke blog kita. Karena jika kita menggunakan Facebook Comment Box, pada comment box tersebut telah disetting akan memberikan laporan komentar dihalaman profil mereka secara default(tulisan Post comment to my Facebook profile otomatis di centang), sehingga ketika seseorang ingin memberikan komentar pada artikel kita, secara otomatis laporan/notifikasi komentar tersebut akan terkirim ke profil facebook mereka. Bayangkan saja jika ada 100 orang berkomentar di blog baik itu di postingan yang berbeda-beda. Maka secara otomatis 100 Link blog kita akan tersebar di halaman profil facebook mereka. Dengan catatan jika seseorang yang berkomentar tersebut tidak membuang centang pada keterangan "Post comment to my Facebook profile" di bawah kotak komentar tersebut.

Kelebihan lainnya, pada saat ini bisa dikatakan hampir semua kalangan memiliki akun Facebook, maka bisa memberikan kesempatan kepada semua orang dengan mudah untuk memberikan komentar pada artikel di blog kita. Jika kita sudah login ke akun Facebook kita, maka secara otomatis bisa langsung memberikan komentar pada artikel blog yang memiliki kotak komentar Facebook tersebut.

Pada kotak komentar Facebook juga terdapat tombol like, jadi tidak perlu lagi memasang aplikasi like button. nah keuntungan dari tombol like hampir sama dengan berkomentar diatas, jadi secara otomatis jika seseorang menekan tombol like pada kotak komentar artikel blog kita, secara otomatis juga link blog kita akan terkirim ke halaman profil mereka. Tersebar otomatis lagi deh link kita.

Nah, kali ini kekurangan dalam menggunakan Kotak komentar Facebook (Yang hanya menggunakan kotak komentar Facebook saja), kita tidak dapat melihat laporan pada artikel mana saja yang mendapat komentar terbaru. Karena menurut saya pribadi yang memiliki blog yang masih belum populer ini, sebuah komentar itu sesuatu yang sangat penting sekali, sangat berfungsi sebagai pesan/kesan/saran/ide/pendapat/kritik untuk blog. jadi saya masih membutuhkan komentar yang bisa saya kontrol keberadaannya.

Mungkin teman-teman memiliki pendapat lain mengenai kelebihan dan kekurangan Facebook Comment Box, jika ada, silakan tuangkan di kolom komentar dibawah. semoga bisa menambah ide bagi yang lainnya.

Jika dilihat, lebih banyak keuntungan yang diberikan dari Facebook Comment Box. jadi tidak ada salahnya untuk menggunakannya.

laaahhh...Serba Blog koq tidak menggunakan Kotak komentar Facebook..???

Untuk blog ini memang sengaja tidak menggunakan kotak komentar facebook, semua itu dikarenakan pada blog ini, saya mencoba fokus pada artikel yang berkaitan dengan tutorial/tips blogging. Jadi bisa dipastikan pengunjung yang hadir di blog ini sebagian besar mencari artikel yang berkaitan dengan blog dan memiliki akun Blogger sehingga dengan mudah bisa memberikan komentar menggunakan akun Blogger mereka. Bukan berarti saya tidak menggunakan Facebook Comment Box, saya pastinya juga menggunakan Kotak komentar facebook ini, namun saya gunakan di blog yang lain.

Happy Valentine Day 2011

2011-02-14T04:09:00.000+07:00

Mengoptimalkan Meta Tag Blog

2011-02-13T05:47:00.001+07:00

Mengoptimalkan Meta Tag Blog | Setelah kemarin membuat artikel tentang cara "Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog" serta "Mengoptimalkan Blog dengan Meta Tag Title". Masih berhubungan dengan cara meningkatkan jumlah pengunjung dengan Meta Tag Blog. Kali ini mengulas tentang cara mengoptimalkan Meta Tag Blog. wah, kenapa banyak banget aturan mainnya nih, jika sebelumnya sudah menghadirkan Setting Meta Tag, sekarang di optimalkan lagi, kenapa ga sekalian saja...???

Namanya juga tips & trik(saran), maka itu adalah sebuah pilihan, jadi terserah mau mengikuti/mengambil yang mana. ga di ambil juga ga kenapa-napa...namanya juga pilihan. Namun didalam pilihan tentu ada yang terbaik, jadi ga ada salahnya buat ngambil sesuatu yang terbaik.

Lagipula Tips & Trik mengoptimalkan Meta Tag ini sudah di terapkan oleh beberapa master blogger seperti Kang Rohman, o-om, dll yang sudah bisa kita lihat keberhasilan blog mereka. Jadi ga ada salahnya dong buat ngikutin cara mereka.

Jika pada Meta Tag sebelumnya kita mensetting meta tag deskripsi dan keyword utuh, kali ini mencoba mengoptimalkan meta tag dengan menambah keterangan Nama Blog dan Judul Artikel Blog pada deskripsi dan Keyword.

Berikut Penampakannya di Ruang Mbah Google :

Langsung saja, untuk membuat meta tag dengan keterangan Nama Blog & Judul Blog pada deskripsi & Keyword, berikut langkah-langkahnya :

Login ke Blogger
langsung menuju ke Design/Rancangan
Klik Tab Edit HTML
Cari kode berikut :

Ganti kode diatas dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>

<b:else/>

</b:if>

Ganti tulisan Description yang berwarna Merah dengan deskripsi blog anda.

Ganti tulisan Keywords yang berwarna Merah dengan kata kunci blog anda.

Kemudian simpan hasil kerja anda.

Contoh :

<b:if cond='data:blog.pageType != "item"'>

<b:else/>

</b:if>

Dari contoh Meta tag diatas, maka akan menjadi seperti dibawah ini (dilihat dari page source) :

Ini contoh penampakan page source pada halaman Home/halaman depan :

Deskripsi

Serba Blog - Serba berbagi tentang tutorial, tips-trik blog, facebook, download ebook, software, film gratis

Keywords

Serba Blog, Artikel komputer, blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download, gratis

Ini contoh penampakan page source pada halaman Artikel :

Deskripsi

Serba Blog: Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog - Serba berbagi tentang tutorial, tips-trik blog, facebook, download ebook, software, film gratis

Keywords

Serba Blog: Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog, Artikel komputer, blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download, gratis

Sebagai catatan, pastinya kita membuat judul posting yang berbeda disetiap postingan, setelah menggunakan meta tag seperti diatas, maka hasil yang akan ditampilkan pada search engine akan memiliki awal deskripsi yang berbeda-beda disetiap postingan disesuaikan dengan judul postingan blog secara otomatis. Jadi bisa dibilang, kita bisa menebar benih lebih banyak di search engine dengan bantuan Nama Blog serta Judul Artikel Blog yang berperan sebagai deskripsi blog. Maka meta tag ini biasa disebut dengan Meta Tag Blogger Dinamis/Dynamic Blogger Meta Tag.

Source : http://www.blogspottutorial.com/2010/11/best-blogger-meta-tag.html

Mengoptimalkan Blog Dengan Meta Tag Title

2011-02-12T06:28:00.001+07:00

Mengoptimalkan Blog Dengan Meta Tag Title | Untuk mempermudah Search Engine memberikan pengunjung ke blog kita, ada beberapa cara seperti salah satunya yang sudah diungkapkan pada artikel sebelumnya yaitu "Meningkatkan Jumlah Pengunjung Dengan Meta Tag Blog". Adapun cara berikut ini cukup memberikan pengaruh untuk meningkatkan jumlah pengunjung, yaitu dengan mensetting Meta Tag Title. Biasanya Title Blog secara default akan di set seperti berikut :

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

Hasilnya akan ditampilkan di Search Engine (Google) seperti gambar dibawah ini :

Pada gambar diatas, yang ditampilkan terlebih dahulu yaitu Nama Blog kita, setelah itu baru Judul artikel pada blog kita.

Pada umumnya, pengunjung akan mencari artikel/gambar di Search Engine. Maka logikanya yang dicari adalah isi/konten artikel dari suatu blog dan yang mewakilkan isi/konten artikel blog adalah Judul Artikel Blog. Bayangkan saja jika misalkan nama blog anda adalah Catatan Budi. bisa dipastikan orang akan menulis Catatan Budi sebagai Kata Kunci sangat kecil kemungkinannya.

Namun misalkan didalam Blog Catatan Budi memuat artikel yang berjudul "Cara Mengoptimalkan SEO Blog", besar kemungkinan orang akan menuliskan kata kunci "Cara Mengoptimalkan SEO Blog/SEO/SEO Blog/dll".

Maka dari itu ada baiknya sebagai garis depan untuk mewakilkan blog kita, kita tempatkan Judul Artikel Blog pada posisi yang terdepan.

Contoh penampakan setelah dipasang Meta Tag Title yang akan ditampilkan di Search Engine Google seperti dibawah ini :

Berikut yang akan tampil di Browser kita :

Berikut cara mensetting Meta Tag Title di Blog :

Login ke Blogger
Klik Design/Rancangan
Pilih Edit HTML
cari code berikut :

Ganti code diatas dengan code berikut ini :

<b:if cond='data:blog.pageType == "item"'>

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

</b:if>

Simpan hasilnya.

Untuk melihat hasilnya di Search Engine, butuh beberapa hari untuk Search Engine menerima settingan Meta Title Blog anda. jadi, harap bersabar....

Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog

2011-02-11T05:27:00.002+07:00

Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog | Sebagai salah satu cara untuk menarik pengunjung ke Blog kita adalah dengan memasang Meta Tag di blog kita.Tujuannya adalah supaya blog kita bisa memberikan keterangan yang jelas tentang Blog kita kepada Search Engine, apa saja yang di tuangkan dalam blog kita, blog kita ber-tema-kan apa, kata kunci apa yang menjadi kunci utama untuk membuka pintu menuju blog kita, dan lain sebagainya. Namun yang jelas, kita pasti berharap bahwa pengunjung blog dapat datang secara otomatis dan bukan melalui cara manual(blogwalking,dll).

Banyak cara menarik pengunjung ke Blog kita, salah satunya yaitu melalui Search Engine seperti Google, Yahoo, MSN, dan banyak lagi yang lainnya. Nah, bagaimana cara menarik perhatian Search Engine untuk melirik blog kita. Seperti pepatah, "Tak kenal maka tak sayang". begitu juga dengan Search Engine. Bagaimana Search Engine ingin menyayangi blog kita jika Search Engine tidak mengenal blog kita. Search engine tahu dengan SERBA BLOG, tapi Search engine belum tentu mengenal SERBA BLOG, apa sih itu serba blog, serba blog itu membahas apa, Search Engine bakalan memberikan kunci kepada pengunjung sesuai kriterianya. maka dari itu kita berikan keyword/kata kunci blog kita ke Seach Engine agar Search Engine bisa memberikan kunci tersebut kepada para pengunjung.

Bagaimana cara memperkenalkan blog kita kepada Search Engine, yaitu melalui META TAG.
Berikut Code Meta Tag :

Ganti tulisan berwarna merah sesuai dengan deskripsi dan kata kunci blog anda
Untuk membuat meta tag description, sesuaikan dengan deskripsi blog kita.
Untuk meta tag keyword, buatlah kata kunci sesuai dengan artikel yang kita sajikan di blog kita dan tidak lebih dari 30 kata kunci.

Contoh :

Untuk memasang Meta Tag di blog, silakan lihat cara seperti dibawah ini :

Masuk ke Blogger
Langsung menuju Design/Rancangan
Klik tab Edit HTML
Cari kode ini :

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

Ganti code diatas dengan code berikut :

Contoh :

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

Lalu simpan.

Maka selanjutnya tinggal tugas Search Engine untuk mengenali blog kita dan memberikan kunci blog kita kepada para pengunjung.

Cara Pasang Kotak Komentar/Comment Form Facebook di Blogger

2011-02-10T00:17:00.002+07:00

Cara Membuat Kotak Komentar/Comment Form Facebook di Blogger | Mungkin Tips ini udah bukan hal baru lagi, namun jika niat ingin berbagi, tidak ada kata terlambat. Berikut ini ingin mensharingkan cara membuat Kotak Komentar/Comment Form Facebook yang akan di tampilkan di Blogger. Jadi Kotak komentar yang sudah secara default ada di blogger dirubah atau ditambah dengan aplikasi kotak komentar/Comment form yang disediakan oleh Facebook.

Fungsi kotak komentar Facebook ini adalah sebagai pengganti atau alternatif lain bagi pengunjung blog kita untuk memberikan komentar di blog kita, karena memungkinkan untuk pengunjung blog selain pengguna Blogger/Wordpress/Typepad/Open id untuk memberikan ide/komentar/saran/kesan untuk blog kita. Dikarenakan pengguna Facebook semakin meningkat jumlahnya, jadi bisa dipastikan hampir semua pengunjung blog memiliki akun Facebook.

Untuk melihat demo Kotak komentar Facebook, silakan lihat Disini

Berikut ini cara membuat/memasang kotak komentar Facebook di blogger :

Pertama, silakan buat aplikasi facebooknya disini : Facebook Develover

isi form dengan lengkap seperti contoh diatas.

untuk kolom URL site, isi URL blog anda, jangan lupa tambahkan backslash "/" diakhir URL agar blog anda bisa dikonfirmasi.

Contoh : http://serba-seru.blogspot.com menjadi http://serba-seru.blogspot.com/ <=

Kemudian ambil ID aplikasi yang sudah diberikan (lihat contoh dibawah)

Langkah selanjutnya, langsung menuju Blogger. Login ke account blog anda.

Kemudian langsung menuju Design/Rancangan => Klik tab Edit HTML => Centang "Expand Widget Template".

Lalu cari code berikut ini :

<data:post.body/> atau <div class='post-header-line-1/>

Jika sudah ketemu, Paste code berikut ini setelah code diatas

(Jika sudah memasang readmore, terdapat dua code <data:post.body/>, maka letakkan code dibawah ini setelah <data:post.body/> yang kedua)

<b:if cond='data:blog.pageType == "item"'>
<div style='background-color:#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' src='https://lh5.googleusercontent.com/_7ZD5stokK_0/TVHvD7tshUI/AAAAAAAAAJk/iyp1iDAoVZ8/Serba-Seru-Blog-Facebook-Comment-1.png'/></a></p>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: 'ID-APLIKASI', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>
<fb:comments/>
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></p></div>
</b:if>

Ganti tulisan ID-Aplikasi dengan ID Aplikasi yang telah anda buat sebelumnya.
Jika ingin mengganti background untuk menyesuaikan dengan template blog anda, silakan ganti kode warna tulisan yang berwarna biru diatas (#ffffff)

Bagi anda yang hanya ingin menggunakan kotak komentar Facebook saja di blogger tanpa comment form blogger, anda bisa menghilangkan comment form blogger tersebut dengan cara :
Klik Tab Setting/Pengaturan => Comments/Komentar => Klik hide/sembunyikan pada bagian Komentar/Comment

Untuk melihat contoh hasilnya, silakan lihat Disini

Semoga bisa bermanfaat.

Black Eleganisme Blogger Template

2011-02-08T18:40:00.001+07:00

I could finally solve also this one blogger template. after all this time trying to learn how to process the CSS and HTML code are enough to get confused. Here is the first template that I want to share that might make you feel interested with this one template.

This template I give the name "Black Eleganisme". for more details, please see the demo HERE.

Here are some features of the Black Eleganisme :

Stylish Menu with SEO
3 columns
2 Right sidebar
3 Footer Column
Adsense Optimized
Auto Readmore
Automatic Thumbnail on Homepage
SEO Title
Magazine Styled
Ads Ready
Black
Custom Navbar
Elegant
Fixed
Grey
News
SEO Ready
Many more...

Here are Installation Instructions :
(Before you do this, first backup your current template)

1. Download the template and Sign into Blogger » Design » Edit html

and then Upload the template file (xml file), you can see the preview first or just Save it.

2. Editing Top Navigation Links...
To Edit the top Nav links (Home, Link 1, Link 2,etc..)

Sign into Blogger » Design » Edit html » Tick the "Expand Widget Templates"
Control + F (to search)

Find these lines :

Edit the URL's and their respective Anchor Text's to whatever you like.
Ex : <li><a href='http://serba-seru.blogspot.com/'>Serba Blog</a></li>
Save your work.

3. For change Facebook/Twitter button link on Black Eleganisme Blogger Template,
Sign into Blogger » Design » Edit html » Tick the "Expand Widget Templates"
Control + F (to search)

Find these lines :

Replace Red text above in accordance with your Facebook and Twitter account.
Save your work

For Download Black Eleganisme Blogger Template, CLICK HERE
For Download more template, Visit HERE

I hope All of you like the template, if any problem, you can comments below, looking forward for the comments!
Thank You...!!!

Update Anti Virus SMADAV 8.4

2011-02-03T09:15:00.004+07:00

Barusan saja muncul notifikasi di desktop yang menampilkan Update SMADAV 2011 yang terbaru yang di rilis pada tanggal 23 Januari 2011 yang lalu. Versi terbaru anti virus buatan Indonesia ini yaitu SMADAV 8.4. Berikut beberapa vitur terbaru dari SMADAV revisi 8.4 :

Penambahan database 40 virus baru
Pendeteksi khusus untuk beberapa virus shortcut terbaru (MSO.sys, fanny.bmp)
Perbaikan teknik heuristik untuk varian virus shortcut
Penambahan teknik heuristik (VB Decompiler)
Penyempurnaan metode blacklist Smadav Pro Ilegal

Buat yang masih menggunakan Anti Virus SMADAV 8.3, segera update anti virus Smadav anda dengan Smadav 8.4 agar PC dan laptop lebih aman dari ancaman virus.

Untuk mendownload Update Smadav revisi 8.4, silakan langsung menuju Official sitenya www.smadav.net

Lagu CSS3 | The CSS3 Song

2011-02-01T17:35:00.001+07:00

Semenjak hadir kembali ke blog ini, sempat bingung mau mengisi apa di blog ini, maklum sudah lama meninggalkan blog ini, jadi otak sudah terkontaminasi dengan hal-hal diluar sana.

Akhirnya memutuskan isesng-iseng jalan-jalan dulu ke tempatnya mbah Google, mencoba mencari ide untuk mengisi blog ini. Eh tanpa disengaja terlihat sesuatu yang agak aneh. Sebuah video menghentikan saya sejenak dari perjalanan surfing di mbah google. Video ini ga lucu sih, namun tema lagunya yang bikin terasa gokil banget. Sebuah program desain website/blog yang biasa kita dengar dengan CSS3 dibuat menjadi sebuah lagu. Ga tau tuh orang udah ga ada kerjaan, memang super kreatif, udah capek desain website jadi iseng istirahat sambil bikin lagu, atau memang sudah fanatik banget dengan CSS3. hehehee....

Ya udah deh mending simak saja lagunya "The CSS3 Song" :

Berikut ini lirik lagunya :

The CSS3 Song

CSS3
Web animation done properly
CSS3
Degrading gracefully

I had a dream, an awesome dream
People surfing in the park
On Windows, Linux and Mac
And their page load speeds were oh-so-high
No big JavaScript library
Just to show some eye-candy

CSS3
Web animation done properly
CSS3
Degrading gracefully

As we surf down the superhighway
Did you ever even think
We could replace <marquee> and <blink>?
With just one, just one line of code
But it's open to abuse
We must be careful not to overuse it

CSS3
Web animation done properly
CSS3
Degrading gracefully

CSS3
Web animation done properly
CSS3
Degrading gracefully
Degrading gracefully
With HTML5, naturally

The CSS3 Song

Source : http://ajaxian.com

Rahasia Google Pagerank Sulit di Tebak

2011-02-01T08:26:00.001+07:00

Rahasia Google Pagerank Sulit di Tebak | Pada posting sebelumnya "Pagerank meningkat - Hadiah dari Google" telah mengangkat tentang kenaikan pagerank Serba Blog serta beberapa blog teman yang meningkat Pagerank-nya dan beberapa blog lainnya yang tetap tidak beranjak Pagerank-nya.

Memang Rahasia Google Pagerank sulit di tebak, perhitungan/rumus yang mereka gunakan juga masih membingungkan bagi saya, maklum masih hijau di dunia blogging.

Kemarin sempat berkunjung ke blog teman saya (maaf tidak bisa disebutkan untuk menjaga nama blog tersebut), blog tersebut meningkat Pagerank-nya, padahal blog tersebut hanya memiliki 2 artikel saja bahkan salah satu artikel tersebut adalah artikel copy paste. Setelah ngobrol secara langsung via offline, ternyata blognya tersebut juga masih belum mengoptimalkan SEO (submit ke search engine, memasang meta tag, serta yang lainnya). Koq bisa yaa...???

Namun setelah melihat-lihat lagi, ada satu hal yang mungkin bisa menjadi alasan kenapa blognya bisa naik peringkat, pada blog tersebut terdapat widget Link Exchange di sidebar. Karena yang saya tau, salah satu penunjang kenaikan Pagerank adalah bertukar link dengan blog lain dan yang lebih efisiennya lagi bertukar link dengan blog yang memiliki topik/tema artikel yang sealiran/sama (blog A dengan tema tips trik blogging bertukar link dengan blog B dengan tema tips trik blogging). Mungkin hal tersebut yang menunjang kenaikan Pagerank pada blognya.

Tapi yang bikin kita agak bingung, teman saya ini ternyata memiliki blog yang lain, teman saya ini fokus kepada blog yang satu ini, sebut saja blog cerpen. Waktu pembuatan awal blog ini tidak jauh dari blognya yang sudah mendapatkan pagerank diatas, hanya selisih 1-2 minggu saja. Sudah pernah submit ke beberapa Search Engine serta sudah memasang meta tag. Pada blog cerpen ini memiliki sekitar 40-an artikel tanpa ada satupun yang copy paste karena artikel berdasarkan pengalaman pribadi. karena seperti yang kita ketahui bahwa penunjang utama peningkatan blog atau pagerank blog yaitu dari konten blog, bahkan ada istilah Content is King, tapi mungkin dari artikel-artikel yang dimilikinya kurang berpotensi dimata search engine atau mungkin spider google sulit menembus blognya. Namun kesamaan dari 2 blog teman saya ini adalah jarang blogwalking karena dia ngeblog hanya iseng-iseng saja.

Tapi Rahasia Google Pagerank tetap sulit ditebak. Maka dari itu, ada baiknya kita tetap memenuhi syarat-syarat yang dibutuhkan untuk menunjang peningkatan pagerank blog kita, supaya Google bisa meringankan tangan mereka untuk memberikan hadiah yaitu meningkatnya Pagerank Blog kita. Amin...

Pagerank Meningkat - Hadiah dari Google

2011-01-31T23:27:00.001+07:00

Setelah kemarin sempat meninggalkan blog ini berbulan-bulan tanpa penghuni, serta tanpa ada update posting. Namun Google tetap berbaik hati memberikan Pagerank untuk blog ini. Entah kapan ada update Pagerank ini terjadi, mungkin di bulan januari ini. menurut kabarnya sih, update pagerank ini terjadi pada akhir bulan januari 2011 ini. berarti baru beberapa hari dong.

Serba Blog sekaran diberi hadiah oleh Google dengan Pagerank 3, Alhamdulillah. Terima kasih Google serta terima kasih buat teman-teman yang selalu hadir disini, tanpa kalian semua, blog ini tidak ada apa-apanya.

Namun setelah berkunjung ke blog teman-teman saya, ada sedikit yang mengganjal dipikiran saya. Ada blog teman saya yang meningkat Pagerank-nya serta ada pula blog yang sama sekali tidak beranjak naik Pagerank-nya. Padahal, jika dilihat-lihat dari blog yang meningkat Pagerank-nya, potensial serta volumenya masih bisa dibilang kurang memadai untuk mendapatkan Pagerank, Sedangkan untuk Blog yang tidak beranjak naik Pagerank-nya, memiliki potensial serta volume yang besar.

Itulah mungkin Rahasia Google Pagerank, memang sulit di tebak.

Kembali dari Sebuah Perjalanan Panjang

2011-01-30T00:58:00.000+07:00

Akhirnya bisa blogging kembali, setelah sekian lama meninggalkan blog sederhana ini untuk sebuah perjalanan panjang tanpa bisa menyentuh dunia maya. Wah, emang kemana yaaa...??? emang dijaman sekarang masih ada daerah yang tidak terjangkau dunia internet...???

Banyak sekali daerah yang masih belum terjangkau dengan dunia internet. Seperti daerah yang saya kunjungi, jangankan untuk mendapat akses internet, untuk mendapatkan fasilitas listrik dari negara saja masih belum masuk kesana, untuk menggunakan fasilitas handphone saja harus mencari tempat yang tinggi untuk mendapatkan sinyal. Seperti iklan layanan masyarakat yang pernah saya lihat di televisi, katanya listrik sudah masuk keseluruh pelosok negeri ini, namun kenyataannya, saya masih menemukan beberapa daerah yang masih belum mendapatkan fasilitas tersebut. Mereka hanya menggunakan fasilitas Genset serta listrik dari energi matahari.

Ah, lupakan dulu deh cerita perjalanan tersebut. karna blog ini bukan digunakan untuk mengkritik, ada wadah lainnya untuk mengkritik, heheee....

Setelah sekian lama meninggalkan blog ini, ternyata teman-teman masih bersedia mengunjungi blog tanpa penghuni ini, baik itu yang mencari artikel tutorial blog ataupun yang hanya sekedar blogwalking, Terima kasih buat teman-teman semua.

Blog ini sempat dititipkan kepada teman saya admin Gadget Gress untuk mengecek/memberi komentar. Terima kasih buat teman saya yang telah menyempatkan waktunya untuk mengecek blog tanpa penghuni ini sementara waktu saya tidak bisa menghuninya.

Setelah bisa kembali membuka blog ini, saya cukup terkejut melihat satistik Alexa rank blog ini, anjlok hingga 2 jutaan, namun bisa terobati dengan naiknya pagerank yang semula mendapatkan PR1 sekarang bisa perlahan mendapatkan PR3, alhamdulillah.

Saya hanya bisa berkata untuk diri sendiri "Selamat datang kembali dunia Blogging-ku".

dan buat teman-teman semua, terima kasih karena telah bersedia selalu hadir disini, semoga blog ini tetap bisa bermanfaat buat semuanya.

dan buat teman saya (admin Gadget Gress) yang bersedia meluangkan waktunya untuk mengecek blog ini, saya tidak bisa membalas jasamu, kamu tetap sahabat terbaikku...

Terima Kasih Sobat

2010-03-10T20:07:00.001+07:00

Setelah kemaren memcoba meminta saran kepada sobat-sobat semua...tentang mana yang penting untuk memaksimalkan blog agar mendapat PageRank dan pengunjung yang banyak....banyak juga saran yang masuk....bisa anda lihat sendiri di comment postingan sebelumnya.....

Sebenarnya permintaan saran tersebut bukan atas dasar untuk meningkatkan Pagerank blog ini, karena sebetulnya saya juga kurang tertarik berlomba mencari Pagerank, Namun saya secara pribadi ingin mengkoreksi kesalahan-kesalahan fisik yang ada di blog ini khususnya(dalam arti kesalahan yang saya lakukan di blog ini).

Thanx buat semua saran-saran dari sobat semua...
Postingan kali ini hanya untuk mengucapkan terima kasih saya terhadap sobat-sobat yang telah berkomentar pada postingan sebelumnya

Apapun komentar anda di postingan yang kemaren, namun saya tetap akan memberikan penghormatan kepada anda
Berikut adalah orang-orang yang peduli dan selalu aktif, jadi buat yang lain, blog-blog dibawah ini adalah rekomendasi saya buat anda kunjungi :

- BIDIKCOM
- AGUSTA27.INFO
- PAKDE SULAS
- BERITA UNTUK NEGRI
- ADITX
- NGEPOSTING NI YEE
- PERAWATAN AC | SERVICE AC | MAINTENANCE AC
- BEN TOOL
- AMBAR
- SECANGKIR TEH DAN SEKERAT ROTI
- ROCK
- ARDIANZZZ
- SMS CINTA ROMANTIS
- REFERENSI REGISTRASI BLOGGER SEO
- FAUZAN UPZ
- KRISTANTO-WDS
- RIZKY2009
- MAS DOYOK

Silakan kunjungi blog-blog diatas untuk mendapatkan informasi tutorial blog, mp3 download, teknologi, catatan peristiwa, kesehatan, bisnis online, layanan iklan, dan banyak lagi informasi menarik lainnya.

Terima kasih buat semuanya....yang sering mengunjungi blog ini...semoga apa yang ada di blog inibisa bermanfaat buat semuanya....jika ada yang kurang atau ada kata-kata saya yang kurang berkenan dihati anda....mohon kritik dan saran anda....blog ini tidak sebagus blog yang lainnya....maklum saya termasuk Newbie di dunia blogger....saya tidak punya basic komputer atau dunia coding sama sekali.....cuma punya modal nekad dan ingin belajar.....dan mencoba untuk berbagi kepada semuanya....

Jika banyak sekali kekurangan di blog ini, anda bisa mengunjungi blog para master blogger ataupun blog rekomendasi saya diatas....

NB : Buat mas doyok terima kasih atas kata-katanya, MOHON MAAF jika ada kesalahan yang saya perbuat, saya cuma blogger baru yg coba untuk belajar, sekali lagi mohon maaf sebesar-besarnya...Terima Kasih Mas...

Terima kasih untuk semuanya....

Kembali Untuk Mencari Jawaban

2010-03-05T07:09:00.002+07:00

Akhirnya usai sudah sebuah kesibukan didunia Offline, dan akhirnya pula bisa kembali melanglang buana bersama blogku tercinta ini.

Sebelum memulai berkelana bersama Serba Blog tercinta ini, saya secara pribadi mohon maaf serta ingin berterima kasih kepada seluruh sobat blogger yg sudah berkunjung ke blog ini, dikarenakan ada sedikit aktifitas offline yg menghalangi saya untuk bersosialisasi via blogger.

BLOGGER....AKU KEMBALI.....!!!

Sempat bingung juga untuk memulainya kembali, itu semua terjadi karena otak di gunakan untuk memikirkan hal lain dan tiba-tiba sekarang harus di kembalkan lagi ke aktifitas blogger...

Oke deh, mungkin ini bisa menjadi topik yang menarik buat saya secara pribadi dan mudah-mudahan begitu juga buat semua para blogger. Sebenarnya saat ini saya tidak ingin mensharingkan sesuatu, justru saya ingin meminta sesuatu kepada anda semua. Jadi topik kali ini intinya "MEMINTA SESUATU KEPADA ANDA"

Nah, emang apaan yang mau diminta???
Jika dilihat-lihat, agak sedikit aneh, karena biasanya blog digunakan untuk sarana berbagi tutorial, info, promosi, bisnis, download, dan lain sebagainya.
Mungkin baru blog ini yang meminta sesuatu kepada pengunjungnya.

Sebenarnya yang ingin saya minta kepada anda semua(Buat yang punya/yang tahu informasinya) adalah sebuah saran. Saya yakin saran yang ingin saya minta ini bukan hal aneh lagi, sudah banyak juga yang menanyakan hal ini bahkan yang menjawabnya.

Okelah, tanpa panjang lebar lagi, hal yang ingin saya tanyakan :
"ADA YANG PUNYA INFO TENTANG RAHASIA MENINGKATKAN PAGERANK DI GOOGLE SERTA MEMPERBANYAK JUMLAH PENGUNJUNG BLOG...???"

Eiittttsss...tunggu dulu....
Sabarrr....

Saya sudah mengunjungi beberapa blog yang mengangkat tema tentang cara meningkatkan PR dan memperbanyak jumlah pengunjung, semuanya sangat luar biasa sekali informasinya, menambah pengetahuan.

Informasi yang saya dapatkan tersebut beraneka ragam, namun sering saya temukan, untuk satu metode yang sama mengalami pro dan kontra, ada yang bilang kalau pake cara ini kurang bagus, tapi disisi lain ini cara terbaik, sehingga membuat saya sempat bingung yang mana yang harus saya ikuti, maklum masih Newbie.

Nah, disini yang saya butuhkan dari sobat-sobat semua adalah sebuah saran, metode yang mana yang benar-benar penting untuk menunjang hal tersebut...???

Disini saya mencoba mengajak sobat-sobat semua untuk mensharingkan informasi yang anda ketahui.
Silakan sharingkan link anda tentang informasi yang menunjang untuk menjawab hal tersebut diatas, silakan share link anda di comment, semoga link yang anda sharingkan di comment bisa saya kunjungi satu persatu dengan segera.

Terima kasih buat semuanya

Slide Recent Posting

2010-02-21T04:42:00.001+07:00

Sekarang ini semakin banyak alternatif pilihan untuk membuat blog agar terlihat unik, berbagai macam jenis tampilan pada widget blogger. Nah, pada kesempatan kali inimemaparkan tentang Recent Posting menggunakan Slide.

Untuk tool yang satu ini mungkin agak sedikit aneh, karena saya dapatkan dari hasil nyontek dikit di pagesource halaman blog lain yang menggunakan tool ini, karena sangat sulit sekali menemukan tutorial untuk membuat tool yang satu ini.

Namun jangan khawatir, walaupun hasil dari nyontek ga jelas, namun hasilnya ga ada yang kurang tuh, tetap perfect. Untuk Demonya bisa anda lihat disini atau disini

Oke, bagi yang berminat untuk menggunakannya, silakan ikuti langkah-langkahnya dibawah ini :

1. Pertama masuk ke Blogger => Tata Letak/Layout
2. Klik Add a Gadget, pilih HTML/Javascript
3. Copy Paste code dibawah ini kedalamnya :

Ganti tulisan berwarna merah dengan URL blog anda (ingat : harus pakai tanda " / " diakhir URL)
Angka berwarna biru adalah jumlah postingan yang akan ditampilkan, silahkan ganti sesuai selera anda
Untuk merubah warna serta ukuran, silakan edit dibagian CSSnya dibagian atas.

4. Simpan dan lihat hasilnya.

Sekian, selamat berkreasi
Semoga bermanfaat

Menampilkan Halaman Label Dengan Judul

2010-02-20T04:59:00.002+07:00

Di tengah kesibukan dunia offline dalam beberapa hari ini, akhirnya bisa punya waktu juga nih buat ngeposting blog, semoga postingan kali ini bisa memberikan referensi yang bermanfaat buat sobat semua.
Buat yang udah susah payah buat mampir kesini, makasih banget nih atas segala partisipasinya.

Oke, pada kesempatan kali ini mencoba mensharingkan tips buat meminimalisasikan tampilan blog agar tidak mengakibatkan loading yang lama. Mungkin ini bukan hal yang baru lagi, buat yang udah menerapkan tips ini, maaf nih postingan jadul, hehehehe....

Posting kali ini memaparkan cara menampilkan halaman label dengan judul saja, kadang blog yang masih standar(asli), untuk menampilkan halaman label pastinya akan tampil halaman yang berisi postingan penuh, dan pastinya akan memakan waktu untuk menampilkan keseluruhan postingan dengan label tertentu, apalagi postingan tersebut memiliki gambar, video, dan lain-lain yang pasti memiliki kapasitas lebih besar untuk di load.

Nah, untuk meminimalisasikan tampilan tersebut, ada baiknya menampilkan halaman label tersebut hanya judul postingnya saja. Untuk contoh silakan klik salah satu label di bagian Categories

Adapun cara untuk mengubahnya seperti dibawah ini :
1. Login ke Blogger
2. Langsung menuju Tata Letak/Layout => Edit HTML
3. Centang tulisan "Expand Widget Template"
4. Tekan Ctrl+F dan cari code ini :

<b:include data='post' name='post'/>

5. Jika sudah ketemu, Hapus dan ganti dengan code dibawah ini (Replace)
<b:if cond='data:blog.homepageUrl!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
6. Simpan hasil kerja anda

Semoga berhasil
Semoga bermanfaat
(Sumber : http://www.whatmakesblog.com)

Membuat Slide Headline

2010-02-18T19:45:00.025+07:00

Wah, hampir seminggu absen ngeblog nih setelah kemarin sempat disibukkan oleh kegiatan offline.

Pada kesempatan kali ini mencoba menghadirkan satu tips untuk membuat "headline Slide". Cukup sederhana sekali, untuk demonya bisa lihat Disini.

Oke, jika anda tertarik untuk membuatnya, silakan ikuti langkah-langkahnya dibawah ini :

1. Login terlebih dahulu ke Blogger
2. Masuk ke bagian Tata Letak/Layout
3. Pilih Tab menu Edit HTML
4. Centang tulisan Expand Widget Template
5. Cari code ini ]]></b:skin> (untuk memudahkan pencarian tekan Ctrl+F)
6. Copy Paste code CSS dibawah ini sebelum code diatas :

#slider {
background:#101010;
height: 153px;
text-align:center;
overflow: hidden;
position: relative;
margin: -5px 0px;
}

#mover {
width: 600;
position:absolute;
overflow:hidden;
}

.slide {
padding: 15px 0px;
width: 1000px;
float: left;
position: relative;
height:130px;
}

.slide h2 {
font-family:Georgia, Helvetica, Sans-Serif;
font-size: 18px;
font-weight:bold;
text-align:left;
color: #FFFF00;
padding:0px 0px 0px 0px;
margin:0px 0px;
width:440px;
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#E1771E;
background-color: transparent;
}

.slide h2 a:hover {
color: #ff0000;
background-color: transparent;
}

span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 200px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #FFFFFF;
font-size: 12px;
text-align:left;
font-family: Georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 440px;
padding:0px 0px 0px 0px;
margin:0px 0px;
}

.slide img {
position: absolute;
top: 20px;
left: 225px;
background:;
padding:10px 10px;
}

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 1000px;
right: -125px;
color: #FF0000;
padding: 3px 8px;
font-size: 14px;
font-weight:bold;
text-transform: uppercase;
z-index: 1000;
}

7. Langkah selanjutnya cari code ini </head>
8. Copy Paste code berikut sebelum code </head>

9. Simpan hasil kerja anda
10. Langkah selanjutnya klik tab menu Elemen Laman
11. Buat klik Add a Gadget, pilih HTML/Javascript
12. Paste code dibawah ini didalamnya

<div id="casing">

<div id="slider">
<div id="mover">
<div class="slide">
<h2><a href="http://serba-seru.blogspot.com/">JUDUL SLIDE 1</a></h2>
<p>isi artikel slide 1</p>
<img src=""/>
</div>
<div class="slide">
<h2><a href="http://serba-seru.blogspot.com/">JUDUL SLIDE 2</a></h2>
<p>isi artikel slide 2</p>
<img src=""/>
</div>
<div class="slide">
<h2><a href="http://serba-seru.blogspot.com/">JUDUL SLIDE 3</a></h2>
<p>isi artikel slide 3</p>
<img src=""/>
</div>
</div>

</div>

<div class="clear"/></div></div>

13. Ganti tulisan http://serba-seru.blogspot.com dengan link posting blog anda.
14. Ganti tulisan berwarna merah dengan Judul Slide anda
15. Ganti tulisan berwarna biru dengan isi artikel slide anda

NB: Untuk mengubah warna background dan lain-lainnya bisa anda edit pada code CSS diatas

Selamat berkreasi
Semoga bermanfaat
(Sumber : http://forantum.blogspot.com)

Thumbnail Related Posting with Marquee (Berjalan)

2010-02-08T06:45:00.003+07:00

Setelah kemaren memposting tentang cara membuat Related Posting menggunakan Daftar list berdasarkan Label dan Related Posting menggunakan Gambar(Thumbnail). Nah kali ini sedikit berkaitan dengan Related Posting menggunakan Gambar(Thumbnail).

Nah, untuk menampilkan Related Posting menggunakan Gambar anda bisa lihat disini cara membuatnya.
Namun ada sedikit kekurangan dari Related posting ini, yaitu anda tidak bisa menampilkan Related postingnya dalam jumlah yang banyak, jumlah yang ditampilkan sebatas ukuran lebar halaman posting saja, seperti halnya blog ini, hanya bisa menampilkan 4 judul serta gambar dari related posting tersebut.

Lalu bagaimana cara menampilkan related posting tersebut dalam jumlah yang banyak...???
Oke, yang ingin di sharingkan kali ini mencoba mengangkat tentang menggunakan metode Marquee pada thumbnail related posting. Untuk contoh anda bisa lihat kebawah posting ini.

Setelah mengutak-atik sedikit, sampai sempat sedikit error, hingga akhirnya saya membuat blog lagi khusus untuk eksperimen kode ini (lebay neehhh), dan akhirnya berhasil juga nih Thumbnail Related Posting menggunakan metode marqueenya....karena ternyata utk membuat agar bisa berhasil namun tidak membuat seluruh dari komponen related posting ini berjalan semua harus ada sedikit perubahan.

Oke langsung saja deh...
Nah, untuk membuatnya, anda cukup melakukan perubahan pada kotak code yang kedua(Lihat code asli Thumbnail Ralated Postnya disini).
Contoh codenya seperti ini :

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html' style='display:none;'>Thumbnail Related Post</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if></b:if>

Cukup ganti seluruh code tersebut dengan code dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</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="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html' style='float:right;' target='_blank'>Thumbnail Related Post Berjalan (Marquee)</a></div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://serba-seru.blogspot.com/' style='display:none;'>Serba Blog</a>
</b:if>
</b:if>

Anda bisa mengganti angka 10 dengan jumlah yang anda inginkan, ini adalah jumlah related posting yang ingin di tampilkan.
Jika sudah selesai, silakan simpan hasil kerja anda.

NB : Untuk yang sudah menggunakan code Thumbnail related post ini, jika anda ingin mencari code tersebut di Template anda, anda bisa menggunakan Ctrl+F lalu ketik code yang anda cari (misalnya : ).

NB : Sedikit informasi, yang saya ketahui untuk Related posts marquee ini hanya compatible jika anda menggunakan browser Firefox, Flock, Opera.

Smoga berhasil,
Smoga bermanfaat
Terima Kasih

Thumbnail Related Post (Artikel Terkait Menggunakan Gambar)

2010-02-06T21:55:00.010+07:00

Setelah kemaren membahas tentang cara membuat related posting versi Daftar list berdasarkan label, nah kali ini mencoba mengangkat versi lainnya dalam membuat Related Posting. Untuk kali ini, Related Posting yang akan dipaparkan yaitu menggunakan "Gambar". Untuk contohnya, silakan anda scroll halaman blog ini hingga bagian bawah posting.

Setelah anda puas melihatnya, mungkin ada yang tertarik untuk menggunakannya, anda bisa lanjutkan membaca artikel ini hingga akhir, jangan lupa untuk mempraktekkannya juga yaaa...

Oke, cara untuk membuat Related posting ini sebagai berikut :

Login dahulu ke Blogger
Masuk pada Tata Letak/Layout
Lalu pilih Edit HTML
Centang tulisan Expand Widget Template
Kemudian cari code ini </head>
Letakkan code dibawah ini sebelum code </head> tadi

<b:if cond='data:blog.pageType == "item"'>
<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, “Times New Roman”, 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://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

Langkah selanjutnya, cari code ini

Jika tidak menemukannya coba cari yang ini

Jika sudah ketemu, letakkan code dibawah ini Setelah code diatas

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html' style='display:none;'>Thumbnail Related Post</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if></b:if>

Untuk code jumlah related post yang berwarna merah bisa anda sesuaikan dengan blog anda
Untuk tulisan Related Post bisa anda ganti sesuai selera anda, seperti Posting terkait, Artikel terkait, dll.
Simpan hasil kreatifitas anda, coba lihat hasilnya.

Jika anda ingin merubah warna atau yang lainnya, anda bisa merubah dibagian CSS.

Jika blog anda tidak menggunakan sistem Read More, dan anda ingin menampilkan Related Posting ini di seluruh halaman, tidak hanya di postingan pertama saja, silakan hapus code yang diberi tanda keterangan  pada code di dalam kotak yang pertama dan kedua

Selamat mencoba
Semoga bermanfaat
Terima Kasih
(Sumber : http://www.bloggerplugins.org)

Blogger Hadir Dengan Fitur Baru (Static Page)

2010-02-05T01:52:00.002+07:00

Wahhh...kabar gembira lagi buat para blogger mania...
Apaan tuh...dengan perkembangan blogger yang semakin pesat, akhirnya blogger mengeluarkan tool baru buat seluruh pengguna blogger/blogspot. Jika kita jeli dengan fitur-fitur baru yang dikeluarkan blogger, pasti kita tidak akan pernah mau ketinggalan dengan hadirnya hal baru dari blogger, contohnya yang satu ini, Blogger hadir dengan fitur baru yaitu Static Page.

Static Page...???
Apa tuh....jika di terjemahkan dalam bahasa Indonesia Static Page yaitu Halaman stasis yang mana berfungsi sebagai halaman alternatif yang dihadirkan terpisah dari halaman utama yang biasa kita pakai sebagai halaman posting.

Lalu apa gunanya Static Page ini...???
Kegunaan Static page ini bisa kita gunakan untuk menempatkan halaman seperti Profile, About, Contact, atau tempat Link/Banner Exchange....apalagi buat yang menggunakan template standar yang disediakan oleh blogger, ini ini mungkin bisa menjadi kabar yang istimewa untuk mengefisiensikan blognya...karena bisa memberikan variasi baru untuk blognya
Seperti waktu yang lalu kebanyakan para blogger membuat halaman statis ini dengan cara manual seperti membuatnya pada Entry baru, lalu di ubah format tanggalnya kebeberapa waktu yang lalu hingga entry baru tersebut akan hadir pada posting blog yang paling bawah.
Nah...sekarang tidak perlu repot dengan mengubah tanggal tersebut, blogger telah hadir dengan fitur Static Page khalayaknya seperti Website profesional dan tidak kalah fiturnya dengan Wordpress.

Pada fitur baru blog ini, kita bisa membuat halaman statis hingga 10 halaman, jadi kita bisa memanfaatkan halaman tersebut dengan cukup maksimal, sehingga tampilan halaman utama tidak begitu ramai dengan pernak-pernik yang bisa dibilang kurang penting untuk dihadirkan di halaman utama.

Untuk menggunakan fitur ini :

Masuk ke Blogger
Pilih Posting
Nah, kemaren halaman posting cuma terdiri dari 3 Tab saja (Entry baru, Edit Entry, Moderasi komentar), sekarang telah bertambah satu fitur lagi yaitu Edit Laman.(lihat gambar dibawah ini)

Klik Tab Edit Laman tersebut
Buat Halaman baru

Silakan isi halaman tersebut seperti anda membuat posting baru.(biasanya Halaman statis ini diisi dengan About, Profile, Contact, atau Link/Banner Exchange)
Setelah anda membuat halaman baru, Klik tombol Tayangkan Halaman
Pilih posisi tombol yang anda inginkan, bisa di Tab menu ( dibawah header/di jejeran Home ), bisa juga di Sidebar, bisa juga memilih Tidak ada gadget, artinya anda tidak ingin menampilkan tombol tersebut(anda ingin membuat sendiri tombol untuk menu tersebut)

Jika sudah dipilih, Klik Simpan dan Terbitkan
Selesai deh...

Selamat menggunakan fitur barunya yaaaa....
Semoga, Blogger bisa semakin maju dengan fitur barunya
Semoga Blogger bisa hadir dengan fitur-fitur baru yang lebih dahsyat lagi

Semoga bermanfaat
Terima Kasih

Membuat Related Posting/Posting Terkait (Versi Daftar List Berdasarkan Label)

2010-02-03T08:52:00.005+07:00

Akhirnya posting lagi nih, walaupun agak maksa-maksain karena ada sedikit gangguan di koneksi internet saya dalam beberapa hari ini, ga tau juga tuh apa penyebabnya. yang jelas blogging harus tetap jalan terus.

Oke, posting kali ini mencoba menjawab request dari sobat blogger yg paling gokil abis, yang pasti saya sangat senang sekali berkunjung ke blog beliau, bisa melepas penat di otak dengan postingannya yang selalu bikin saya tertawa. siapa lagi kalau bukan sobatku mas Bayu Lebond yang saya kasih nama akrab Master kehilangan korek. Hilangkan penat diotak anda bersama mas Bayu Lebond. Thanx mas bayu udah mengingatkan saya akan topik ini.

Nah, postingan kali ini mencoba balik lagi ke tahap awal, karena saya sempat lupa mau memposting artikel ini, saya coba memaparkan tentang membuat Related Posting/Posting Terkait (versi daftar list berdasarkan label). Karena yang saya ketahui ada beberapa macam jenis tampilan related posting, saya harap Related Posting seperti ini yang mas Bayu maksudkan.

Langsung ke tahap pembuatannya.
- Pertama pastinya Loggin dulu ke blogger.
- Masuk ke Tata Letak/Layout
- Pilih Edit HTML
- Centang tulisan Expand Widget Template
- Cari code dibawah ini, untuk memudahkan tekan Ctrl+f, cari code tersebut :
<data:post.body/>
atau
<p><data:post.body/></p>
- Pastekan code dibawah ini setelah code diatas tadi

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<b>Related Posting :</b>
<div id='data2007'/><br/><br/>
<div id='Randezvous'>
<u><h5><a href='http://serba-seru.blogspot.com/2010/02/membuat-related-postingposting-terkait.html'>
Grab This Widget</a></h5></u>
</div>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

- Untuk template yang menggunakan metode Read more(Baca Selanjutnya), terdapat 2 code yang sama, pastekan code diatas setelah code yang kedua.
- Simpan hasil kerja anda
- Coba test hasilnya...
- Semoga berhasil

Semoga Bermanfaat
Terima Kasih
SERBA BLOG

Efisiensi Random Banner Untuk Menghemat Tampilan Blog

2010-01-31T06:32:00.026+07:00

Sempat bingung untuk menentukan judul postingan yang satu ini, karena sulit sekali membuat judul posting yang cukup pendek.
Oke langsung saja, topik kali ini sebenarnya sangat cocok bagi blogger yang senang sekali mengikuti affiliasi atau PTC/PTR/apa ajadeh, karena topik posting kali ini mengangkat tentang menampilkan banner menggunakan metode Random, anda pasti sudah tahu jika mengikuti program-program tersebut, biasanya ada program referralnya. nah selanjutnya untuk mencari referral pasti menggunakan sarana promosinya, dan biasanya sarana promosinya menggunakan media "Banner".

Pertanyaannya, apakah anda ingin menampilkan seluruh banner promosi program yg anda ikuti di blog anda???
Jawabannya pasti...tentu ( ya iyalaahhh )
Tapi apakah tidak memberatkan loading blog anda jika semua banner di tampilkan..???
Jawabannya pasti...tentu lagi dong.....
Anda coba bayangkan, banner promosi yang ingin anda tampilkan berjumlah 30 banner keatas, pastinya blog anda akan terlihat seperti pameran banner nantinya. dan yang pasti loading blog bisa berjam-jam lamanya.
Jadi bagaimana dong solusinya...???
Untuk bocoran saja, blog ini terpasang 14 banner 468x60 dan 8 banner 125x125, silakan anda cari sendiri dimana banner itu berada.

Nah, untuk ilustrasinya,
anda bisa lihat pada 2 banner berukuran 468x60 di atas...!!

Sudah puas melihatnya...???
Apa yang terjadi, tidak terjadi apa-apakaann...???? heheheee...
Yaa, pasti tidak terjadi apa-apa jika fungsinya akan terlihat pada saat anda refresh/reload blog ini.
Coba sekarang anda refresh/reload blog ini, anda perhatikan banner diatas, apakah sudah berubah...???

Nah, jika anda sudah tahu fungsi dari efisiensi random banner ini, jika anda tertarik menggunakannya, baca langkah selanjutnya....
- Pertama-tama login dulu ke Blogger
- Langsung menuju Tata Letak/Layout
- Klik Add a Gadget
- Pilih HTML/Javascript
Copy code dibawah ini kedalamnya :

if (pasang_iklan==3) {
txt="";
url="http://nama-blog-3.com/";
alt="judul 3 banner anda";
banner="http://nama-blog-3.com/banners.gif";
width="468";
height="60";
}

document.write('<center>');
document.write('<a href=\"' + url + '\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script>

Ganti tulisan yang telah saya beri warna sesuai dengan banner yg ingin anda pasang.
Tulisan berwarna Hijau = URL web yang di tuju
Tulisan berwarna Orange = Keterangan Web
Tulisan berwarna Biru = URL image banner
Angka berwarna Kuning = Keterangan urutan Banner

Untuk menambah jumlah banner silahkan ganti angka berwarna merah sesuai dengan jumlah banner yang akan anda pasang, serta copy code yang di beri kotak dan pastekan di bawahnya, jangan lupa ganti angka 3 dengan angka selanjutnya.

- Simpan hasil kerja anda.
- Coba di test dulu. apakah sudah berhasil
- Jika berhasil, jangan lupa commentnya yaaa...

Semoga bermanfaat
Terima Kasih
SERBA BLOG
(Sumber : http://www.o-om.com)

Cara Membuat Random Posting Title Berjalan (Marquee)

2010-01-29T03:12:00.069+07:00

Setelah kemaren sempat memposting "Cara menampilkan Top Comment Berjalan (Marquee)", nah, kali ini mencoba memaparkan "Cara Membuat Random Posting Title Berjalan (Marquee)". Postingan kali ini juga untuk menjawab pertanyaan dari sobat blogger pada waktu yang lalu sempat bertanya kalau cara membuat Recent Postingnya bagaimana? Thanx ya buat sobat Ngeposting ni yee + sobat yang satu lagi saya lupa (karena beliau bertanya via shoutbox dan sekarang shoutbox sudah saya ganti, jd maaf kl saya lupa yaaa...) karena pertanyaan anda memberikan saya ide untuk membuat postingan yang baru, abisnya saya sempat bingung mau membuat postingan apalagi yaaa....heheheheheeee....

Sebenarnya mau dikasi judul Recent Posting Title.....namun rasanya kurang pas kl mau bilang tentang tool ini Recent Posting Title, karena tool ini menghadirkan judul-judul posting blog kita secara acak bukan menampilkan judul postingan terbaru pada blog kita. Tapi ga apa-apa dech, ada baiknya juga sih, karena postingan-postingan lama pada blog kita bisa dilirik lagi sama pengunjung, jadi tidak terabaikan deh postingan lama kita.
Code ini sebenarnya berupa recent posting yang berurutan kebawah seperti daftar isi pada menu disamping, namun sedikit saya poles agar bisa menghasilkan daftar posting yang berurutan kesamping, supaya bisa menghemat ruang pada blog kita.

Oke deh, langsung saja.....

Seperti biasa masuk dulu ke Blogger
Terus Tata Letak/Layout
Pada halaman Page Element/Elemen Laman, klik Add a Gadget
Pilih HTML/Javascript
Copy code dibawah ini dan paste ke dalamnya :

<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Recent Posting :</b></div>
<div style="border: 3px dashed black; background: #ffffff; padding:2px; width:470px; font-size: 17px; color:red;">
<b>
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " $" + feed.value.items[i].commentcount + " comments$";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://nama-blog-anda.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<span style="font-size: 8px; float:right;"><a
href="http://serba-seru.blogspot.com/2010/01/cara-membuat-recent-posting-berjalan.html">
Grab this</a></span>
</b></div>

Ganti tulisan berwarna merah dengan URL blog anda.
Ganti Angka berwarna kuning sesuai dengan ukuran pada blog anda
Angka 2(keterangan kecepatan) yang berwarna biru bisa anda sesuaikan dengan selera anda
Simpan hasil kerja anda
Nah....coba deh lihat hasilnya...

Nah buat anda yang mengerti tentang code-code yang membingungkan seperti ini, silahkan custumize sendiri deh....
Kl ada yang kurang mohon di tambahin yaa di comment...
Atau mungkin ada yang mencobanya dan berhasil, jangan lupa commentnya yaaa...
Kl ada juga yang pengen ini itu...di code ini lhooo....(jangan pengen minta dibeliin mobil atau rumah...ntar saya miskin seumur hidup)...silakan comment di bawah ini yaaa...

Semoga bermanfaat
Terima Kasih
SERBA BLOG

Cara Menampilkan Top Comment Berjalan (Marquee)

2010-01-26T05:25:00.005+07:00

Wahhh...lama juga ga posting nich...akhirnya kangen juga sama blog setelah beberapa hari tidak menjamahnya karena ada sedikit kesibukan diluar.

Oke langsung saja ke postingan, sebenarnya postingan kali ini adalah untuk menjawab pertanyaan sobat blogger, saya lupa namanya karena beliau bertanya via shoutbox blog ini yang lama, dan pada akhirnya shoutbox saya di banned, dan sekarang berganti dg Cbox, jadi maaf ya jika saya lupa, maklum memori sudah lemot. kalau tidak salah beliau bertanya bagaimana cara membuat Top Comment berjalan seperti di blog ini? dan saya menjawab Coming soon sobat( Kayak film baru aja )

Oke, setelah kemaren sempat memposting cara menampilkan Top Comment di Blog, nah... sekarang mencoba membeberkan cara alternatif kedua untuk menampilkan Top Comment di blog dengan tampilan yang sedikit berbeda.

Cara alternatif yang kedua ini menggunakan metode tulisan berjalan (Marquee). makanya postingan kali ini saya beri nama Cara Menampilkan Top Comment Berjalan (Marquee). sempat bingung sich mau memberi judul postingan kali ini, namun tanpa banyak pikir...yaaahhh lihat aja dech tampilannya seperti di blog ini ( halaman utama, diatas postingan )

Sudah dilihat hasilnya...???
Jika sudah puas ngeliatnya...sekarang buat anda yang ingin mencoba, selamat mencoba cara dibawah ini.
Scriptnya tidak jauh berbeda dengan script code Top Comment sebelumnya, cuma sedikit di modifikasi aja. oke langsung aja dech :

Pertama-tama Login dulu ke Blogger
Lalu, pada dashboard masuk ke Layout/Tata Letak
Nah, sekarang berada di Page Element/Elemen Laman
Add Gadget
Pilih HTML/Javascript
Copy code dibawah ini dan paste di gadget HTML/Javascript tadi

<center>
<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Top Comment :</b></div>
<div style="border: 3px dotted black; background: #fff000; padding:2px; width:470px; font-size: 12px; color:black;">
<script type="text/javascript">
function pipeCallback(obj) {
document.write("<marquee>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> | ";
document.write(item);
}
document.write("</marquee>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=G E O R G E O U Z&url=http%3A%2F%2Fnama-blog-anda.blogspot.com&num=10" type="text/javascript"></script>
</div></center>

Ganti tulisan berwarna merah dengan link blog anda (ingat tanpa http://)
Ganti angka berwarna kuning sesuai dengan jumlah top comment yang ingin anda tampilkan
Ganti tulisan berwarna hijau dengan nama anda yang biasa anda pakai di comment blog anda(seperti contoh diatas, nama yang biasa saya pakai adalah G E O R G E O U Z, jadi harus sama huruf-hurufnya,simbol-simbolnya serta jaraknya jika anda menggunakan spasi) fungsinya agar nama anda tidak ikut dalam Top Comment dari pengunjung, jika tidak diganti, maka sudah pasti anda sendiri yang menjadi top commentnya, it's not fair for your visitor(so' inggris mode-on)
Simpan hasil kerja anda
Coba dech test hasilnya

Selamat mencoba
Semoga bermanfaat
Terima Kasih

Menampilkan Postingan Secara Otomatis di Facebook dan Twitter

2010-01-19T00:27:00.003+07:00

Kembali lagi nich...
Sedikit info nich...buat sobat blogger yang pengen postingan artikelnya tampil di Facebook dan Twitter, Nah ini ada cara yang menarik nich, karena tulisan sobat blogger bisa tampil di account Facebook dan Twitter sobat secara otomatis...ga perlu repot-repot dech promosi blog secara manual di Facebook atau Twitter.
Pasti mau dong, karena bisa menjadi sarana promosi blog anda tentunya...

Sobat blogger semua pasti punya account Facebook dan Twitter dong, satu modal awal telah dimiliki tuch...
Oke, mungkin ini bukan hal yang baru buat anda, tapi ini menjadi hal yang menarik buat blogger pemula seperti saya.

Langsung aja dech, tanpa basa-basi...
Nah, untuk menampilkan postingan blog anda secara otomatis di Facebook dan Twitter, ada beberapa tahap yang akan di jalankan seperti dibawah ini :

Langsung aja menuju TKP disini TwitterFeed

Lalu klik "Register Now"
Buat account baru - klik "Create Account"

Terus isi "Feed Name" dan "RSS Feed URL" anda, lalu klik "Test RSS Feed" untuk memastikan RSS Feed URL yang anda masukkan aktif.

Jika muncul tulisan "Feed Parse OK", berarti RSS Feed URL anda sudah benar.
Nah, sekarang masuk ke tahap selanjutnya.

Pada halaman "Available Service", langsung klik "Facebook" untuk menghubungkan dengan account Facebook anda.
Pada halaman "New Facebook Service", pilih "Connect with Facebook", atau jika account Facebook anda sedang aktif, anda bisa memilih pada account yang sudah logged pada pilihan no 1

Silakan Login ke Facebook anda, dan ikuti instruksi selanjutnya.

Setelah sukses terkoneksi ke Facebook anda, maka akan muncul informasi seperti ini : You are currently logged into your “Your-Name-Here” Facebook account. Lalu Klik “Create Service” di bagian bawah.
Lalu kembali ke "Available Services", klik "Twitter" untuk menghubungkan ke Account Twitter anda.
Pada halaman "New Twitter Service", pilih “Authenticate Twitter”, atau bisa juga memilih account Twitter yang sudah logged jika anda sudah masuk pada account Twitter anda.

Setelah sukses terhubung ke Account Twitter anda, maka akan muncul pesan: “Twitter auth successful.“
Selanjutnya Klik “Create Service” di bagian bawah.
Setelah itu akan masuk ke halaman “Feed Publishing” dan bisa anda lihat Account Facebook dan Twitter anda telah terkoneksi dengan adanya tanda Active.

Lalu klik "All Done"
Maka akan muncul halaman "Congratulations!" menandakan bahwa Account Facebook dan Twitter anda telah skses terkoneksi.

Klik "Go to Dashboard"
Jika anda ingin menambah RSS lainnya atau menambah Account lainnya, silakan menuju "Create New Feed" dihalaman Dashboard.
Nah, selesai dech....
Berikut ini contoh tampilannya :

Berikut ini Update setelah beberapa saat postingan ini di luncurkan, langsung otomatis terkirim ke Facebook dalam beberapa saat :

Langkah selanjutnya anda cukup membuat posting di blog anda saja, maka secara otomatis postingan anda akan tampil di Account Facebook dan Twitter yang anda buat tadi.
Untuk informasi saja, bahwa TwitterFeed selalu melakukan update setiap 1 jam, maka dari itu jika anda membuat postingan baru mungkin tidak langsung muncul dengan serta-merta pada saat itu juga, silakan tunggu saja, update-nya cuma 1 jam sekali koq...

Semoga bermanfaat yaaaa....
Terima Kasih

Cara Menampilkan Top Comment di Blog

2010-01-17T17:26:00.004+07:00

Berikut ini adalah cara menampilkan "Top Comment" di blog. Tujuan menampilkan Widget ini ke blog adalah agar dapat memperlihatkan siapa saja yang sering memberikan komentarnya ke dalam posting blog kita, dalam arti kata Top Comment ini sebagai sebuah penghargaan kita terhadap sobat-sobat blogger yang sering merespon artikel-artikel yang kita hadirkan lewat posting blog.

Nah, cara menampilkan Top Comment di blog sebagai berikut :

Login dulu ke Blogger
Pada halaman dashboard, klik Tata Letak/Layout
Klik Add Gadget
Pilih HTML/Javascript
Masukkan code dibawah ini :

Ganti tulisan berwarna merah dengan link blog sobat
Ganti tulisan berwarna biru dengan Nama sobat yang biasa dipakai untuk membalas komentar.
Sedangkan angka 10 adalah jumlah Top Comment yang akan ditampilkan
Simpan Gadgetnya
Coba dech lihat hasilnya

Selamat mencoba sobat
Semoga bermanfaat
Terima Kasih

Bagi-bagi Award Buat Sobat Blogger

2010-01-16T19:53:00.008+07:00

Sebelumnya saya berterima kasih dulu sama Agung AP karena udah ngasi "International Blogger Community Award" ini ke saya. Oke bagi anda yang ingin mendapatkan AWARDS ini (aturannya bisa anda baca di bawah) dan supaya adil, saya mau membagikan award ini kepada 7 blogger pertama yang memberi komentar di posting ini. Nih, anda bisa lihat awardnya...

Untuk mengambil awardnya, silahkan kopi kode di bawah dan pasang di blog anda:

Kalo sudah liat Awardsnya, sudah puas belum, jangan kelamaan, ntar luntur tuh....matanya(bukan gambarnya)....jika sudah puas, silahkan baca aturannya untuk memperoleh award ini yang bisa anda baca sebagai berikut (aturannya dalam bahasa inggris, karena award ini adalah award buatan dari blogger dari luar Indonesia):

Rules:
1. Link the person who tagged you.
2. Copy the image above, the rules and the questionnaire in this post.
3. Post this in one or all of your blogs.
4. Answer the four questions following these Rules.
5. Recruit at least seven (7) friends on your Blog Roll by sharing this with them.
6. Come back to BLoGGiSTa iNFo CoRNeR (PLEASE DO NOT CHANGE THIS LINK) at http://bloggistame.blogspot.com and leave the URL of your Post in order for you/your Blog to be added to the Master List.
7. Have Fun!

Questions & Your Answers:
1. The person who tagged you: Agung AP
2. His/her site's title and url: Agung AP
3. Date when you were tagged: 16 Januari 2010
4. Persons you tagged:

1. sasuke lotus
2. Ambar
3. Ahhi82
4. h-run
5. Rizky2009
6. Rival Aditya
7. Ngeblog Suka-Suka

Bagi yang mendapatkan awardnya, selamat ya :)
Jangan lupa diambil awardnya dan ikuti aturannya.
Buruan Ambil Awardnya...syaratnya cuma koment tercepat aja...

Membuat Judul Berjalan Bergantian di Blog

2010-01-16T09:48:00.001+07:00

Pertama-tama bingung sekali untuk menentukan judul postingan ini, karena tidak ada yang pas sekali untuk membuat judul yang pendek tapi bisa mewakilkan isi postingnya. Setelah kemaren memposting cara Membuat Judul Blog berjalan (Marquee Title), nah sekarang temanya "Membuat Judul Berjalan Bergantian di Blog".

Pada kali ini mungkin para blogger sudah banyak yang tau cara ini, namun saya mencoba mensharingkannya demi menambah referensi para blogger untuk berkreasi. postingan kali ini saya dapatkan dari hasil mengorek komputer teman saya, dan saya tanya sumbernya dari mana nich...ehh dia bilang lupa, saya coba lihat di scriptnya ternyata sudah di edit. maaf jika script ini punya anda, mohon konfirmasinya yaaa(tapi jgn ngaku2 sembarangan loch)....tapi pas saya coba scriptnya eh...ternyata ma'nyus tuch.....silakan lihat judul blog ini pada tab diatas.

Oke langsung saja buat yang mau sedot scriptnya :

Cara pasangnya :

Login ke Blogger
Masuk ke Layout/Tataletak
Pada Page Element, Tambahkan Gadget/Add Gadget
Terus Pilih HTML/Javascript
Copy script diatas, Paste ke gadget tersebut
Ganti Tulisan berwarna merah sesuai selera anda
Jika ingin menambah message yang lebih banyak lagi, ganti angka 6 sesuai dengan jumlah message yg anda inginkan
Simpan hasil kerja anda
Selesai...lihat hasilnya

Semoga bermanfaat
Terima Kasih....

Satu Lagi Metode Program Diet Template Blog

2010-01-15T18:15:00.002+07:00

Oke...pada postingan kali ini, mungkin kita tidak pernah menyadarinya, namun hal ini memiliki pengaruh yang cukup besar untuk memperkecil ukuran template sehingga menambah kecepatan loading blog kita.

Kemarin blog ini mengalami kenaikan berat badan templatenya hingga 142kb, sedangkan berat ideal template blog itu tidak lebih dari 100kb, setelah mengikuti saran-saran sobat blogger dengan metode menyingkirkan hal-hal yang kurang penting di sidebar, blog ini turun bebannya hingga 127kb, koq cuma segitu yaa turunnya...???

Nah, setelah mencari-cari lagi cara menurunkan berat beban template blog, saya mendapat saran lagi supaya di compress aja css-nya. saya lakukan juga tuch saran tersebut, sedikit merasa senang karena blog saya bebannya turun lagi hingga 121kb. Tapi itukan masih belum memenuhi syarat blog yang memiliki berat beban yang ideal...????

Setelah mengamati template yang bikin pusing tersebut. dilihat sana dilihat sini....di scroll kebawah discroll lagi keatas.....naaaahhhhh....ketemu dech mana yang bisa disingkirkan tuch.....eits...tapi tidak secara langsung loh cara menyingkirkannya....ntar rusak lagi tuch template.

Menurut metode yang saya coba kali ini, cukup memberi pengaruh untuk blog saya, karena sekarang blog saya memiliki berat templatenya cuma 97kb. Waahhh bahagianya...sekarang aku sudah kurus ga gemuk lagi.....beratku sudah ideal nich....ntar pasti makin banyak yang suka main kesini...(hehehe...kata blogku tuch)

Mau tau metodenya, mungkin bukan hal yang asing bagi blogger semua, tapi bisa menjadi penentu yang besar buat blogger nich.

Caranya seperti ini,
Logikanya...jika kita menambah satu gadget di sidebar/midsidebar/footer/header/dimana aja deh....(Add a Gadget).... maka secara otomatis, template blog kita akan menambah code HTMLnya, persisnya seperti ini :

<b:widget id='HTMLxx' locked='false' title='Categories' type='HTML'>

<b:includable id='main'>

xxxxx...dan seterusnya....dan seterusnya...dan seterusnya...hingga...

</b:includable>

</b:widget&gt

Nah...semakin banyak kita membuat gadget....maka semakin banyak code diatas...

Bagaimana caranya agar pernak-pernik di sidebar blog kita tidak di buang, tapi code diatas tidak bertambah....????

Nah...yang saya lakukan adalah menyatukan semua code HTML/javascript gadget kedalam 1(satu) Gadget saja untuk satu sisi sidebar( blog ini mempunyai 2 sidebar )

Biasanya kita jika ingin menampilkan pernak pernik di sidebar, kita pasti mengklik Add a Gadget, dan memasukkan code HTML/Javascript ke gadget tersebut.

Nah...sekarang ubah cara tersebut, jika ingin memasukkan kode HTML/javascript lagi, cukup buka Gadget HTML/Javascript yang sudah ada, dan simpan code HTML/Javascript ke posisi yang anda inginkan, dan jangan lupa kasi kode ganti barisnya ( <br/> ).

Cukup simple bukan...???
Untuk diketahui saja, cara ini hanya untuk GADGET HTML/Javascript saja, jadi buat Gadget lain seperti Profil, Follower, dan lain-lainnya yang sudah instan disediakan blogger tidak bisa secara langsung di bikin alternatif seperti ini.

Namun, gadget-gadget seperti Profil, Follower, Recent Posting, Top Comment, dll.....bisa di ubah menjadi format HTML/Javascript terlebih dahulu agar bisa di gabungkan dalam 1 Gadget HTML/Javascript.

Oke...mungkin cukup segini aja, lagi pula jari-jari ini sudah lelah memencet keyboard, mau istirahat dulu sambil ngopi + santai dengan sebatang rokok....huuhhh...nikmatnya dunia....asiknya menjadi blogger....

Semoga postingan kali ini bisa menjadi referensi buat sobat-sobat blogger yang ingin mengikuti program diet template blognya...sehingga blognya bisa diminati banyak pengunjung tanpa mengurangi pernak-pernik yang menghiasi blognya.

Jika anda mengikuti metode ini, dan berhasil menurunkan berat beban template blognya, dan blognya bisa loading dengan cepat...
Saya berharap juga anda bisa menyampaikan komentar anda dibawah ini, sehingga bisa menjadi Review saya untuk cara ini.

Terima Kasih Sobat semua
Semoga blog ini bisa bermanfaat untuk kita semua
Maju terus para blogger
Maju terus Indonesia.

Cara Menampilkan code HTML/Javascript di Posting Blog

2010-01-15T14:21:00.000+07:00

Berikut ini adalah cara menampilkan code HTML/Javascript di dalam posting blog kita, biasanya buat para master blogger, hal ini bukan sesuatu yang aneh lagi, maka dari itu biasanya buat blogger pemula seperti saya ini pasti mengalami kesulitan dalam membuat postingan yang isinya ingin menampilkan code HTML/Javascript.

Nah, ketika ingin menampilkan code HTML/Javascript, kita tidak bisa langsung meletakkannya begitu saja di postingan, karena akan langsung di tafsirkan, seperti contoh dibawah ini :
Jika kita menulis code seperti ini :

<a href="http://serba-seru.blogspot.com">SERBA BLOG</a>

Maka hasil yang akan tampil seperti ini :

SERBA BLOG

Nah, jika ingin menampilkan code seutuhnya (bukan Hasilnya), maka code tersebut harus di convert dulu.
Oke, untuk mengconvert code HTML/Javascript anda, silakan paste code ke tool dibawah ini :

Terima kasih sudah memanfaatkan tool ini

Semoga bermanfaat

Membuat Judul Blog Berjalan (Marquee Title)

2010-01-14T05:33:00.029+07:00

Pada postingan kali ini mencoba membuat judul blog berjalan, mungkin tema kali ini bukan hal asing buat para blogger, namun saya mencoba menghadirkannya untuk menambah referensi para blogger pemula, maklumlah saya juga adalah pemula di dunia blogger ini.

Contoh Demo lihat di Blog Gratis Download

Oke langsung ke TKP, adapun cara membuat judul blog berjalan ( marquee ) seperti ini :
- Login ke Blogger
- Masuk ke Layout/Tata Letak
- Terus menuju Edit HTML
- Cari code ini <head>
- Copy code dibawah ini dan letakkan dibawah code <head>

- Ganti Tulisan berwarna merah dengan Judul Blog anda
- Ganti Angka berwarna merah sesuai kecepatan yg anda inginkan
- Simpan hasil kerja anda
- Lihat hasilnya

Semoga bermanfaat
Terima Kasih

Cara Membuat Spoiler

2010-01-13T04:10:00.003+07:00

Pada postingan kali ini akan dijabarkan tentang membuat spoiler, adapun wujud dari spoiler ini adalah kolom tersembunyi yang bisa difungsika dengan cara membuka konten serta menutup konten yang ada dalam spoiler tersebut.

Tujuan dari membuat spoiler ini adalah, untuk memperkecil muatan dalam ruang blog kita. Serta dapat mempercepat loading blog kita, karena spoiler dapat menunda loading item-item seperti Gambar serta video yang memiliki kapasitas yang besar hingga spoiler tersebut dibuka.

Berikut ini contoh dari spoiler :

Contoh Spoiler :

Nah...jika tertarik untuk menggunakannya, silakan copy code dibawah ini :

<span style="font-weight: bold;">Contoh Spoiler : </span></i>

<input value="Klik Disini" style="margin: 0px; padding: 0px;

width: 200px; font-size: 10px;" onclick="if

(this.parentNode.parentNode.getElementsByTagName('div')

[1].getElementsByTagName('div')[0].style.display != '') {

this.parentNode.parentNode.getElementsByTagName('div')

[1].getElementsByTagName('div')

[0].style.display = ''; this.innerText = ''; this.value = 'Tutup Lagi Dong'; }

else { this.parentNode.parentNode.getElementsByTagName('div')

[1].getElementsByTagName('div')

[0].style.display = 'none'; this.innerText = ''; this.value = 'Klik disini'; }"

type="button"/> </div>

simpan file gambar/video/dll disini

</div></div></div></div></center>

Jika anda mengerti tentang html, silakan ganti code-code yang berwarna merah sesuai selera anda.

Semoga bisa bermanfaat
Terima Kasih

Cara Membuat Page Scroller ( Custom ScrollBar )

2010-01-09T01:05:00.026+07:00

Oke...Lama juga ga posting nich...iseng-iseng dech coba posting yang satu ini...
Awalnya mondar-mandir cari-cari artikel, pas ketemu trik ini...kayaknya boleh juga nich buat ngehias blog, trik ini saya dapatkan di Dynamic Drive, namun saya otak-atik sedikit untuk menyesuaikan dengan format pada Blogger, karena trik ini spesialnya ditujukan buat para penggila web.

Tujuan postingan kali ini agar bisa menjadi alternatif dalam arti kata biar bisa membantu para pengunjung blog agar tidak lelah mengunjungi blog kita, apalagi ketika membuka halaman blog yang panjangnya minta ampun sampe puluhan hingga ratusan artikel, sehingga membuat lelah pengunjung blog untuk men-scroll halaman blog kita. ini cuma alternatif looohhh....

Lanjuuutttt...
Nah postingan kali ini mengangkat tentang Cara Membuat Auto Page Scroller di Blog kita. Untuk contohnya anda bisa mengarahkan cursor anda ke gambar seperti tanda panah ke atas dan kebawah di pojok kanan bawah pada halaman blog ini.

Naaahhh...sudah dicoba...???
Jika anda tertarik untuk menggunakannya, anda bisa mencoba cara-caranya dibawah ini :

Pertama-tama Login dulu ke Blogger
Masuk ke Layout/Tata Letak
Terus menuju ke Edit HTML
Jangan lupa download dulu templatenya, agar jika terjadi kesalahan bisa diperbaiki.
Nah...sekarang cari code </body> , biasanya letaknya paling bawah.
Copy code ini sebelum code </body>

<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img src="http://2.bp.blogspot.com/_UFijQOegmAQ/S0dcyk7e7II/AAAAAAAAAGY/YuBzUd_sJR0/s320/BUTTONUP.png" border="0"/></a><br/>
<a href="javascript:" onmouseover="myspeed=thespeed"
onmouseout="myspeed=0"><img src="http://2.bp.blogspot.com/_UFijQOegmAQ/S0dc2UprHUI/AAAAAAAAAGg/3udrqU1oQ5g/s320/BUTTONDOWN.png" border="0"/></a>
</div>
<script>
var Hoffset=70
var Voffset=80
var thespeed=3
ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var
myspeed=0
var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons :
document.getElementById? document.getElementById("staticbuttons") :
document.staticbuttons
function iecompattest(){
return (document.compatMode &&
document.compatMode!="BackCompat")? document.documentElement :
document.body
}
function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra
: window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight :
window.innerHeight
if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)
-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)
-Voffset+"px"
}
else
if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}
function scrollwindow(){
window.scrollBy(0,myspeed)
}
function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}
if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)
</script>

Ganti tulisan berwarna merah dengan link gambar anda
Sesuaikan Angka berwarna biru(kecepatan scroll) dengan selera anda
Simpan dech....
Coba lihat hasilnya...

Image link :
UP :
http://2.bp.blogspot.com/_UFijQOegmAQ/S0dcyk7e7II/AAAAAAAAAGY/YuBzUd_sJR0/s320/BUTTONUP.png
DOWN :
http://2.bp.blogspot.com/_UFijQOegmAQ/S0dc2UprHUI/AAAAAAAAAGg/3udrqU1oQ5g/s320/BUTTONDOWN.png

SELAMAT MENCOBA

SEMOGA BERMANFAAT

TERIMA KASIH

(sumber : www.dynamicdrive.com )

Foto Hot Ayu Oktasari, Pemenang Take Me Out Indonesia

2010-01-07T08:17:00.017+07:00

Wow...wow...wow...Beredar lagi nich foto-foto syur mantan model hot Ayu Oktasari (Ayu), yang mana Ayu adalah Pemenang Take Me Out session 1 yang diadakan oleh salah satu Televisi swasta di Indonesia dan Acara ini adalah Dating Show pertama di Asia. Adapun kabar lainnya yang didapat dari official website acara pencarian jodoh tersebut, Ayu yang dikenal supel dan lembut ini adalah pemain di FTV juga. adapun foto-fotonya bisa di lihat di spoiler.

Lihat Foto-fotonya

Penonton Menyusup hendak menjebolkan Gawang Oman

2010-01-07T07:02:00.003+07:00

Waaahhhh...Tim sepakbola Merah putih bertambah dari 11 menjadi 12 pemain di lapangan....
Saat menonton pertandingan laga lanjutan kualifikasi Grup B Piala Asia 2011 antara timnas Indonesia melawan Oman di Stadion Utama Gelora Bung Karno Jakarta pada Rabu malam (6/1/2010), tiba-tiba muncul seorang pemuda berumur 20 tahun menyusup ke lapangan dimana pertandingan sedang berlangsung, pemuda yang bernama Hendri Mulyadi tersebut saking bersemangatnya beraksi layaknya pemain Indonesia yang hendak mencetak goal di gawang tim Oman.
Dan akhirnya dengan sigap petugas mengejar pemuda tersebut, dan segera mungkin pemuda tersebut di amankan keluar lapangan.
Waaahhhhh...mungkin saking semangatnya kali yaaa...supaya Indonesia harus menang....
Namun hasil akhir pertandingan, Indonesia menelan kekalahan 1-2 di kandang sendiri sekaligus memupus harapan untuk lolos ke putaran final Piala Asia 2010
Nah buat para pemain sepakbola Indonesia, boleh di tiru tuch semangat pemuda tersebut, Tapi jangan di tiru sikap tidak sportifnya yaaaa....
Maju terus dunia sepakbola Indonesia

Berikut Beberapa Foto aksi Hendri Mulyadi :

Lihat Foto-fotonya

Sepatu Seharga Rp 551,7 Juta

2010-01-07T06:40:00.000+07:00

Percayakah Anda jika ada sepatu seharga Rp. 551,7 Juta...???

Mungkin sangat terasa mustahil banget. Masa sih ada sepatu yang harganya bersaing dengan sebuah mobil mewah...???

Namun kenyataannya hal tersebut terjadi pada Roxana (35) wanita asal Alba Iulia, Rumania.

Nah, Ungkapan yang pantas untuk hal ini adalah " Jangan pernah membuang sesuatu tanpa mengecek lebih dahulu apa yang akan dibuang ".

Kisah ini bermula ketika Roxana sedang membersihkan apartemennya untuk mempersiapkan Natal. Secara tak sengaja, ia menemukan sepasang sepatu bot butut di sebuah lemari.

Tanpa pikir panjang, Roxana pun membuang sepatu tersebut. Sayangnya, tanpa disadari, ia sedang melempar sepatu yang mungkin paling mahal harganya.

Di dalam sepatu itu tersimpan uang sebesar 37.000 poundsterling (sekitar Rp 551,7 juta) . Uang sebanyak itu adalah simpanan suami Roxana, Calin T (40) untuk membangun rumah baru.

Calin mengaku kapok jika menyimpan uang di Bank. "Kami memiliki pengalaman buruk sebelumnya dan memilih untuk menyimpan uang di rumah. Saya mengubah tempat persembunyian tanpa memastikan istri saya tahu persis di mana itu," ujar Calin seperti dikutip dari Ananova, Kamis (7/1/2010).

Polisi yang melakukan penyelidikan akhirnya menemukan uang tersebut telah 'diselamatkan' oleh Maria Boti (45). Maria menemukan sebuah sepatu dan bermaksud menjualnya di pasar loak. Sebagian uang itu pun sudah digunakan untuk membeli rumah.

Akhirnya uang pembelian rumah sebesar 27.000 poundsterling dikembalikan. Perjanjian pembelian rumah juga dibatalkan.

( Sumber : www.Detik.com )

Membongkar Gurita Cikeas Full Version

2010-01-06T02:30:00.002+07:00

Setelah kemaren mencari-cari buku yang kontroversial "membongkar gurita cikeas", sedikit merasa puas setelah mendapatkannya, namun ada sedikit perasaan kurang puas, karena ternyata ebooknya ga lengkap ( Pra cetak ). Jadi untuk menutupi rasa kurang puas dengan ebook pra cetak tersebut, akhirnya memutuskan untuk mencarinya lagi yang Full Version, setelah beberapa hari mencarinya, akhirnya....berhasil juga tuch mendapatkannya...huuuuuhhhhhh...lega dech....baca dulu dech....
Setelah dibaca-baca...seperti postingan Membongkar Gurita Cikeas Pracetak yang terdahulu...pastinya ingin mensharingkan apa yang telah saya dapatkan....
Naaahhhh...ebook Membongkar Gurita Cikeas Full Version ini lengkap banget seperti aslinya (versi Cetak). Ebook ini memiliki jumlah halaman sebanyak 183 lembar dan ebook ini juga dilengkapi dengan Gambar-gambar, berkas-berkas dokumen sehingga ebook ini berkapasitas sebesar 6,73MB.
Nah tanpa panjang lebar lagi, dan pastinya anda mungkin bosan membaca basa-basi ini, Langsung saja klik link dibawah ini untuk mendownload e-book Membongkar Gurita Cikeas Versi Lengkapnya :

MEMBONGKAR GURITA CIKEAS FULL VERSION

Semoga Bermanfaat

Terima Kasih

Cara Pasang Flash di Blog

2010-01-06T01:14:00.000+07:00

Pada postingan kali ini yang akan di paparkan yaitu tentang cara memasang flash pada blog,
seperti yang kita tahu, bahwa blogger tidak menyediakan aplikasi untuk flash, nah maka dari itu kita bisa mensiasati dengan cara menguploadnya ke hosting terlebih dahulu.
Nah..untuk mengupoad file falash tersebut yang biasa berextensi .swf, kita bisa menggunakan jasa hosting gratis seperti geocities, 000webhost, byethost atau tempat hosting lainnya.
Aplikasi flash bisa berupa animasi, banner atau yang lainnya, yang mana bisa menghiasi blog kita atau header blog kita sehingga tampak lebih animatif.
Adapun cara-cara pemasangan Flash tersebut pada blog sebagai berikut :
- Login dulu ke Blogger
- Pilih Layout/Tata Letak
- Kemudian klik Add a Gadget
- Terus pilih HTML/Javascipt
- Copy code dibawah ini :
<embed src="http://byethost.com/welcometomyblog.swf" quality="high" bgcolor="white" width="300" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

- Ganti tulisan berwarna merah dengan link file flash anda yang diupload di hosting tadi
- Ganti width="300" heigt="100" dengan ukuran file flash anda
- Simpan deh hasil kerja anda
- Selamat mencoba

Semoga bermanfaat
Terima Kasih

Cek kecepatan loading blog disini

2010-01-05T06:08:00.007+07:00

Loading blog adalah salah satu penentu utama agar blog bisa mendapatkan kunjungan yang semakin meningkat, kadang pengunjung akan merasa risih dengan blog kita jika mendapati proses loading blog kita yang memakan waktu cukup lama, apalagi tidak ada kelar-kelarnya, wuuuhhhh...pasti bete nungguinnya...mending di tutup aja kali yaaa....

Faktor utama yang membuat loading blog kita adalah biasanya terlalu banyak fitur-fitur yang kurang penting, namun masih digunakan. nah untuk mengurangi beban pada blog kita, banyak sekali metode yang digunakan, ada yang melalui proses convert CSS, ada juga yang menggunakan cara convert Javascript, serta ada yang menggunakan metode alternatif seperti menggabungkan beberapa code HTML/Javascript kedalam 1 Gadget, dan banyak lagi metode yang lain.

Namun pada artikel kali ini tidak menjelaskan tentang cara-cara tersebut diatas, disini hanya untuk mensharing sebuah tool untuk mengecek kapasitas beban di blog kita.
Berat beban ideal sebuah blog sehingga menghasilkan proses loading yang cepat adalah di bawah 100,00 kilobite (100kb).
Nah, buat anda yang ingin melihat berat blog anda serta kecepatan loading blog dalam hitungan detik, silakan menggunakan tool dibawah ini :

Your domain(s): Enter each address on a new line (Maximum 10)

	(Contoh : serba-seru.blogspot.com)

&lt;p&gt;&amp;amp;amp;amp;lt;p&amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;gt;&lt;/p&gt;

HAPPY NEW YEAR 2010

2009-12-31T17:00:00.000+07:00

...HAPPY NEW YEAR...

2010

SELAMAT TAHUN BARU SEMUA

Seiring bertambahnya tahun ini

Sejalan dengan bertambahnya juga usia kita

Mudah-mudahan ditahun baru ini kita bisa maju lebih baik lagi

Bisa menjadi orang yang lebih bermanfaat

Dapat meningkatkan hidup menjadi lebih positif lagi

Maju terus para Blogger

Maju terus Indonesia

Maju terus dunia

SUKSES UNTUK KITA SEMUA

GEORGEOUZ

www.serba-seru.blogspot.com

Cara Mendapatkan $100 GRATIS dari Paypal via Facebook

2009-12-31T05:44:00.002+07:00

PAYPAL lagi bagi-bagi rezeki nich buat kita...khususnya yang gila dengan FACEBOOK. Nah...yang mau dibagikan tuch ga sedikit....$100 (seratus dollar loh). siapa yang ga mau duit...semua pasti mau dong...
Anda punya FACEBOOK...???
Pasti punya dooooong....selamat...itu modal awal anda tuch buat dapat duit dari Paypal...
Wah...tapi saya kan ga punya account Paypal...jadi gimana tuch...????
Nah...semuanya serba mudah koq...langsung aja bikin account paypal DISINI GRATIS
Semua serba dipermudah koq....

Kita lanjut untuk mendapatkan $100 tadi...
Program tersebut dinamakan Paypal Wishlist, caranya sangat mudah sekali.....hanya mengajak 100 orang saja, maka $100 menjadi milik anda, dengan ilustrasi 1 orang = $1 .berarti seratus orang yang ada di facebook ikut dengan anda di program ini maka anda berhak mendapatkan uang tersebut.
adapun langkah-langkah menggunakan aplikasi Paypal Wishlist tersebut sebagai berikut ":
- Pertama-tama Login dulu ke Facebook anda
- Terus pasang applikasinya, silakan klik Link ini untuk memasang aplikasinya.
- Pada bagian enter your paypal email address, masukkan email paypal anda, lalu tekan submit.
- Selanjutnya klik Create New Wishlist untuk memilih daftar barang yang anda inginkan
- Pilih gambar dibawah yg anda inginkan hingga terisi semua, skitar 5 buah.
- Setelah semua daftar anda isi, klik Save & Share This Wishlist.
- Nah...setelah semua selesai...langkah selanjutnya Promosikan ke teman-teman anda dengan klik menu Invite Friend diatas.
- Selesai deh...

Selamat Mencoba....
Semoga Sukses...
Semoga Bisa Bermanfaat...
Terima Kasih

E-book Membongkar Gurita Cikeas GRATIS

2009-12-31T03:51:00.000+07:00

Baru-baru ini Indonesia sedikit panas dengan berita di televisi, banyak sekali berita yang mengangkat panasnya dunia politik. Nah...salah satunya yaitu tentang Buku "Membongkar Gurita Cikeas".
Begitu penasarannya saya terhadap buku itu, ingin mencarinya, namun dapat berita udah sold out, mau gila-gilaan nyari, tp malah sibuk ngecek blog ini...huuuhhhh....cape deeeeechhh....
Tapi masih penasaran juga, karena tuch TV penuh dengan kasus mereka yg dibahas. makin tambah penasaran dech...wajib di cari nich....
muncullah ide buat nyari via Online...siapa tau tuch ada E-booknya...minta bantuan dech ke mbah Google kita...ternyata eh ternyata nemu juga...siiiiiiipppp deeeechhh....
akhirnya ngerti dech kenapa tuch buku koq bikin panas dunia politik di indonesia....
Nah...kalo punya info pasti dibagi-bagi dong....
Berhubung saya sudah mendapatkan informasinya, maka pasti saya bagikan (so' baik nih...).
Yaaaa....biar semua orang indonesia tau apa isi buku itu...jadi ga cuma dengar mereka berantem terus di TV sampe ga ngerti apa yang di permasalahkan....hehehehee....
Ya udah dech....Silakan di garap ni E-booknya....

Klik Link dibawah ini :

MEMBONGKAR GURITA CIKEAS

Semoga Bermanfaat

Terima Kasih

GOD SPEED - The Kurt Cobain Graphic

2009-12-29T02:15:00.000+07:00

Seorang yang cukup fenomenal ini, yang menginspirasi banyak orang dengan gaya hidup serta musiknya sehingga dikenang dan dikenal sebagai perintis musik GRUNGE, siapa lagi kalau bukan "KURT COBAIN". Pionir band Nirvana ini demikian fenomenalnya sehingga menginspirasi banyak penulis, pembuat komik, pembuat film untuk merilis karya mereka yang mengangkat biografi tentang kurt cobain.
Nah...pada kesempatan ini saya mencoba mensharingkan apa yang telah saya dapatkan...Sebuah komik yang menggambarkan kehidupan seorang kurt cobain dari kecil hingga akhir hayatnya dituangkan dalam media gambar, kabar gembira buat para Grunge mania...komik ini bisa menjadi koleksi yang dibagikan secara GRATIS.....!!!!

komik tersebut di beri judul

"GOD SPEED - The Kurt Cobain Graphic"

Untuk mendapatkannya secara GRATIS, silakan klik Link dibawah ini :

Selamat Mendownload

Semoga Bermanfaat

Terima Kasih

Cara Hack Password Facebook

2009-12-28T04:01:00.000+07:00

"Cara hack password facebook", "cara crack password facebook", ga tau dech apalagi istilah-istilah yang berhubungan dengan proses pembajakan/pencurian hak kepemilikan profil dari situs jejaringan yang cukup menjadi trend sekarang ini, apalagi kalau bukan FACEBOOK. Mungkin disini situs jejaringan yg akan di paparkan mengarah kepada facebook aja, semua ini dikarenakan sudah banyak kasus yang terjadi berhubungan dengan hacking profil facebook, kemaren saja lebih dari lima orang teman saya mengalami hal ini, profil facebook mereka di hack.
Namun pada postingan ini, saya tidak membahas bagaimana cara menghack facebook, laaa wong saya ga ngerti juga gimana cara ngehack facebook. tapi mungkin ada yang bertanya, koq judulnya "Cara Hack Password Facebook" tp isinya koq ga menjelaskan tentang tata cara hack password facebook??? gimana nich postingan...????
Sebenarnya yang ingin dibahas di postingan kali ini adalah hubungan antara judul postingan (Cara Hack Password Facebook) dengan Web/Blog. Menurut yang saya lihat, setelah mencoba testing pada search engine khususnya mbah GOOGLE. saya melihat, minat para pengguna dunia maya ini lumayan banyak juga yang menggunakan keyword facebook, hack, hack chips poker facebook, dll....selain bokep, iklan, mp3, artis, tutorial, script, dll. nah...disini dapat dilihat bahwa ketertarikan untuk mencari artikel-artikel yang berhubungan dengan hal-hal tersebut cukup besar. dan dapat dilihat pula, banyak web/blog yang memanfaatkan kesempatan besar ini untuk menggaet traffic dan pagerank agar bisa meningkat untuk web/blog tersebut. nah...pertanyaan selanjutnya, jika kita posting sebuah artikel tentang cara yang membuat orang melakukan hal tersebut, apakah baik atau buruk...??? jawabannya terserah pada anda...!!!
Kebanyakan yang saya lihat dari artikel-artikel tentang hacking password facebook menggunakan cara Fake login, Facebook Freezer, Facebook palsu(facebook clonning) atau cara email tipuan/email palsu.
Namun disini sekali lagi saya tekankan, saya tidak akan mensharingkan cara-cara menghack pasword facebook atau menghack chips texas hold'em poker dari zinga yang ada di facebook. tapi disini cuma memaparkan tentang manfaat artikel yang berhubungan dengan hacking password/chip poker di facebook dan traffic serta pagerank web/blog..
Buat yang memposting artikel tentang hacking password facebook, terima kasih banget, karena telah memberi inspirasi buat saya untuk menulis posting ini, walaupun ga penting banget nih posting... tp moga-moga bisa bermanfaat...lumayan nich...temanya cukup membantu untuk menaikkan traffic, coba saja anda cek via search engine google tentang hacking password facebook, terus lihat yang mengunjungi postingan tersebut, pastinya lihat di komentarnya, pasti rame, walaupun ada satu atau dua orang yang bilang cara tersebut adalah cara hack kacangan, tapi kita mestinya berterima kasih kepada mereka, karena orang tersebut sudah mengunjungi web/blog kita, dalam arti kata mereka telah memberikan sumbangsih pada web/blog kita...mereka sudah membantu kita....
Moga-moga postingan ga penting banget ini bisa menjadi inspirasi, karena anda yang ngebacanya juga pasti sudah lelah, dan mungkin ada yang kesal dikarenakan artikelnya koq ga penting banget...namun saya tetap ingin mengucapkan TERIMA KASIH kepada anda semua....
Semoga bermanfaat
TERIMA KASIH

Mendaftarkan Blog ke Search Engine(Google, Yahoo, MSN)

2009-12-21T11:56:00.001+07:00

Begitu banyak cara untuk meraih traffic yang tinggi, tujuan utamanya adalah agar web/blog kita bisa mendapat kunjungan yang banyak sekali setiap harinya. nah disini saya mencoba mensharingkan cara mendaftarkan web/blog kita ke search engine, namun sekarang yang ingin saya paparkan hanya untuk search engine yang sudah menjadi super power, seperti mbah google, siapa yang ga tau GOOGLE. ada juga YAHOO, serta MSN.
langsung aja dech...

Yang pertama pastinya cara mendaftar ke mbah GOOGLE. untuk mendaftar ke google, silakan masuk ke link ini dahulu(klik disini). Setelah masuk ke link tersebut, langkah awal yang harus anda lakukan yaitu Masukkan URL anda pada kolom URL, setelah itu isi kolom Comment dengan Keywords web/blog anda, terus isi kolom verifikasi sesuai dengan kode diatasnya, Lalu klik tombol Add URL. selesai dech.... namun setelah anda melakukan pendaftaran ke Google, tidak serta merta web/blog anda langsung terindex di search engine, masih memerlukan waktu 3 - 4 minggu, nah setelah 3 - 4 minggu jika masih belum terindex, silahkan anda daftarkan kembali web/blog anda. Namun menurut pengalaman, biasanya hanya butuh waktu 1-2x 24 jam saja sudah terindex.
Yang kedua adalah mendaftarkan Web/blog anda pada Yahoo. Nah seperti mendaftar ke google, untuk mendaftar ke Yahoo silakan menuju ke link ini dulu (klik disini). Setelah anda masuk, anda harus login dulu ke Yahoo, bagi anda yang tidak memiliki account yahoo, silakan registrasi terlebih dahulu. Nah setelah anda login ke yahoo, Langsung anda isi kolom URL dengan URL web/blog anda, Kemudian klik Add URL, selesai dech. Namun jika anda ingin mendaftarkan Alamat feed web/blog anda sekaligus, langsung saja anda masukkan alamat feed situsnya atau alamat feed di blogger dengan menambahkan /atom.xml atau /rss.xml. untuk contohnya seperti ini : http://serba-seru.blogspot.com/atom.xml atau http://serba-seru.blogspot.com/rss.xml
Untuk ke MSN, langsung saja menuju link ini (klik disini). setelah masuk, langsung isi kolom verifikasi, terus isi kolom URL dengan URL anda, selesai dech....gampang bangetkan....

Sedikit tambahan, jika anda ingin mendaftarkan Web/blog anda ke Search Engine lainnya, disini saya mensharekan software GRATIS untuk mensubmit web/blog anda ke EMPAT RIBUAN Search Engine. Caranya Mudah sekali, hanya dengan mengisi data2 Web/blog anda sekali saja, terus pilih search engine yang anda inginkan atau anda bisa memilih seluruhnya, Lalu anda submit dech web/blog anda.
Jika tertarik menggunakannya, silakan klik Link Download dibawah ini :

DOWNLOAD

MUDAH-MUDAHAN BISA BERMANFAAT

TERIMA KASIH

Animasi Label dengan Flash

2009-12-21T07:55:00.000+07:00

Setelah posting kemaren tentang membuat label dengan scroll, sekarang akan memaparkan satu alternatif lagi untuk mendesain label blog kita. oke, sekarang waktunya mendesail label dengan animasi Flash, untuk contoh dapat anda lihat sidebar di kanan pada Tab Label.
Nah, adapun cara pembuatannya seperti dibawah ini :

Login dulu ke Blogger
Pada dashboard langsung pilih Tata Letak/Layout
Terus masuk ke Edit HTML
Centang Expand Widget Template
Lalu cari code yang mirip dengan code berikut ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

Jika sudah ketemu, Copy code dibawah ini setelah kode diatas :

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>code by <a href='http://serba-seru.blogspot.com/'>SERBA BLOG</a> and <a href='http://serba-seru.blogspot.com'>SERBA BLOG</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "280", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xff0000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Kode angka berwarna merah dapat anda sesuaikan dengan ukuran sidebar anda
Kode #ffffff adalah kode background dan ff0000 adalah kode text
Simpan hasil jerih payah anda terus lihat hasilnya

Selamat berkreasi
Semoga bermanfaat
Terima Kasih

Membuat scrolling Pada LABEL/CATEGORY

2009-12-20T19:55:00.000+07:00

Lanjutan dari posting yang sebelumnya, sekarang waktunya mengubah tampilan daftar LABEL/CATEGORY yang memanjang ke bawah menjadi lebih profesional dengan scroll. tak perlu basa-basi lagi langsung saja ke tahap pembuatan.

Awali dengan masuk ke Blogger dulu
Lalu Tata Letak/Layout - Add Gadget
Terus tambahkan Label
Kemudian simpan terlebih dahulu

Nah setelah tahap membuat labelnya selesai, sekarang kita masuk ke tahap membuat label tersebut agar bisa di scrolling.

Posisikan blogger anda agar tetap di Tata Letak/Layout
Nah, sekarang masuk ke Edit HTML
Agar tidak beresiko terhadap kesalahan, ada baiknya Download Template Lengkapnya terlebih dahulu
Centang Expand Widget Template di kanan atas box template
Kemudian cari code berikut : (ctrl + f untuk mencari)

<b:widget id='Label1' locked='false' title='NAMA LABEL' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Kode yang berwarna merah adalah kode yang harus anda tambahkan.
Ganti NAMA LABEL sesuai keinginan anda
Untuk tulisan yang berwarna hijau bisa anda ganti sesuai dengan tinggi label yang anda inginkan
Oke...proses membuat Label scrolling telah selesai...simpan hasil kerja anda...

Mudah - mudahan bermanfaat
Terima Kasih

Mengefisienkan tampilan daftar Link yang panjang dengan scrolling

2009-12-20T19:21:00.000+07:00

Setelah posting sebelumnya yang mengangkat tema widget scrolling, nah sekarang tetap pada tema scrolling widget, namun disini yang akan diangkat adalah tentang scrolling pada Link, karena pada gadget Link ini tidak bisa secara langsung di edit melalui gadgetnya, namun melalui template blog kita, tapi supaya artikel ini tidak membingungkan, lebih baik dimulai dari awal aja yaaachhh....
Oke....lanjuuuuuuuuttttt....

Pertama pastinya masuk dulu dong ke Blogger
Lalu masuk ke Tata Letak/Layout
Terus bikin dulu Link gadgetnya dengan mengklik Add Gadget - Link List
Nah Masukin dech beberapa Link dahulu, kl bisa agak banyakan, biar bisa ngeliat hasil scrollingnya nanti
Simpan dulu gadget link listnya....
Naaahhh, sekarang masuk ke tab Edit HTML diatas
Centang Expand Widget Template di kanan atas Box template.
Lalu cari code dibawah ini :

Ganti code diatas dengan code dibawah ini :

Untuk code yang berwarna merah bisa anda sesuaikan dengan selera anda
Nah, sekarang simpan hasil kerja anda....coba lihat hasilnya...

Semoga bermanfaat
Terima Kasih

Microsoft Office Professional Plus 2010 Beta

2009-12-20T07:18:00.001+07:00

Produk terbaru dari microsoft ini sekarang sudah dipublikasi, dan dari publikasi ini mempersilakan anda untuk mencobanya. adapun paket-paket di dalamnya terdiri dari :

Nah...Jika anda tertarik serta ingin selalu update dengan program ini,
Silakan download Disini

Microsoft Word

Microsoft Excel

Microsoft Power Point

Microsoft Outlook

Semoga bisa membantu...
Terima Kasih

Cara bikin tulisan terbalik di Facebook

2009-12-20T02:35:00.001+07:00

Facebook lagi...facebook lagi...
Berhubungan dengan Facebook, nah pastinya berhubungan juga dengan update status, comment di wall, comment di status, comment di foto, serta membuat pesan di wall temen. naaahhh...kita di beri kebebasan mengekspresikan hal tersebut untuk berinteraksi tanpa batasan jarak dan waktu, namun bagaimana jika comment atau status tersebut berupa tulisa yang terbalik...???
seperti ini :

¡¡¡˙˙˙ƃuıƃƃunu ıʇuɐu˙˙˙ıʇɐɥ-ıʇɐɥ˙˙˙ƃunƃuıq˙˙˙ƃuısnd uıʞıq ıɹɐɥ-ıɹɐɥ

Nah...lo...awas nanti nungging...hehhehehehee...

bagaimana membuat tulisan seperti itu???

caranya sudah disediakan oleh Upside Down Writting dari Sherv.net.

Anda cukup masuk ke Sherv.net, lalu tuliskan semua yang ingin anda tulis, secara otomatis tulisan anda akan di ubah menjadi terbalik.

Selanjutnya... copy dech tulisan terbalik tersebut ke Facebook atau web2 lainnya, bisa juga ke Blog loh....

Tertarik menggunakannya...???

Langsung saja kunjungi SHERV.NET

Buat semua orang nungging untuk membacanya.....heheheheheheheee...

Semoga bermanfaat

Cara Ganti Layout Facebook

2009-12-20T01:34:00.000+07:00

Facebook...Facebook....Faceboooooook.....!!!
Salah satu situs jejaringan sosial ini memang lagi rame-ramenya sekarang ini, namun ada sedikit kekurangan pada tampilan situs ini, yaitu layout yang monoton, sehingga tak ada tempat buat para penggunanya untuk berkreasi mendesain tampilan facebook mereka seperti khalayaknya situs jejaringan lainnya seperti Friendster/Myspace.
Namun disini mungkin ada sedikit alternatif buat penggemar facebook untuk merubah tampilan layout facebook mereka.
Mungkin disini saya mencoba mensharingkan 2 cara untuk merubah tampilan Facebook :

Merubah tampilan layout FACEBOOK melalui USERSTYLES.ORG (Untuk yang menggunakan web browser firefox)

- Download dan install add-ons Mozilla ini

- Jika sudah di instal, restart firefox anda

- Setelah itu pilih tampilan facebook yang anda inginkan disini

- Jika sudah ketemu yang cocok dengan selera anda, klik tombol "install with stylish" dikanan atas.

- Save dan refresh halaman facebook anda.

Merubah tampilan layout FACEBOOK melalui YONTOO.COM

- untuk cara yang kedua ini silakan kunjungi Yontoo terlebih dahulu

- "Start Instalation"

- Download dan restart add-ons mozilla kemudian restart firefox

- Pasang aplikasi Pagerage di Facebook

- Kemudian pilih Layout sesuai selera anda

- Nah...sekarang lihat profile Facebook anda.

Untuk info saja...kedua cara diatas hanya untuk merubah tampilan di PC/Laptop kita saja, dan hanya cara kedua yang bisa tampil di PC/laptop pengguna lain dengan syarat jika mereka menginstal aplikasi pagerage atau melakukan hal yang sama dengan anda.

Hingga saat ini masih belum ada cara untuk mengubah tampilan layout facebook, sehingga bisa di lihat oleh pengguna lain.

Cara-cara diatas hanya hasil kreasi dari pencipta add-ons saja, yang menginginkan kita agar tidak jenuh dengan tampilan yang monoton.

Semoga bermanfaat.

Terima Kasih

Membuat gadget dengan scroll

2009-12-19T09:13:00.000+07:00

Nah....semakin lama umur blog kita,maka banner,iklan atau link semakin banyak pula....jadi penuh banget dech tampilan blog kita, salah satu untuk mengefisienkan tampilan blog kita sehingga tidak terlalu mencolok ke bawah dan terkesan tidak profesional, maka bisa mempergunakan cara "Scrolling".
Contohnya seperti ini :

Nah...cara pembuatannya seperti ini :

Pertama siapkan dulu code iklan, banner atau link yang akan dipasang
Masuk ke Blogger
Lalu ke Tata Letak/Layout
Klik Add gadget, trus HTML/Javascript
Copy code dibawah ini :

Letakkan code iklan/banner/Link anda dibawahnya
Jangan lupa letakkan code </div> ini pada akhir code tersebut
Simpan hasil kerja anda

Angka 150px adalah ukuran tinggi widget tersebut
Angka 100% adalah lebar widget, bisa anda ganti dg 100px sesuai ukuran sidebar anda

Ada juga code auto scroll, yang mana anda tidak perlu mengatur lebar widget anda, berikut kodenya :
<div style="overflow: auto; height: 400px;" margin="5px" ;>Code iklan/banner/link anda</div>

Selamat mencoba
Semoga bermanfaat
Terima kasih

Film 2012 Bukan Film Kiamat

2009-12-19T08:22:00.000+07:00

Banyak PRO dan KONTRA mengenai film yang satu ini, namun menurut saya pribadi lebih baik anda menonton film ini terlebih dahulu sebelum anda memilih untuk PRO atau KONTRA terhadap film ini.
Banyak kabar yang memberitakan bahwa film ini adalah film kiamat, memang benar film ini gambaran hari kiamat, namun kiamat yang dimaksud adalah kiamat kecil atau yang biasa kita kenal dengan Bencana, bukan kiamat besar atau hari terakhir, kenapa saya bisa berkata demikian...???
Jawabannya ada pada film tersebut, namun akan saya kasi ilustrasi tentang kiamat yang sebenarnya, Kiamat besar atau dalam istilah islam disebut Kiamat Kubro atau hari terakhir itu pastinya tidak ada lagi hari esok untuk kehidupan didunia, dalam arti kata bahwa tidak akan ada lagi yang hidup.
Nah berhubungan dengan film ini, bisa anda lihat apakah masih ada yang hidup....???? jawabannya akan anda dapatkan jikan anda menonton film ini.
Menurut saya film ini sangat bagus sekali, karena memiliki pesan agar manusia selalu menjaga alam ini, dan tidak rakus untuk mengambil isi dari alam ini, film ini adalh gambaran dari akibat perbuatan manusia yang tidak menjaga alam ini dari sekarang.
Lebih baik anda menonton terlebih dahulu dan dapatkan semua jawabannya serta ambil hikmah positif dari film ini.
Untuk mendownloadnya, silakan klik link dibawah ini :

Download 2012 Part 1

Download 2012 Part 2

Download 2012 Part 3

Download 2012 Part 4

Password :

www.gratis-mp3-gratis.blogspot.com

Semoga bermanfaat.
Terima kasih

Meningkatkan kinerja Firefox

2009-12-19T07:24:00.000+07:00

Cuma share aja nich, Pasti udah tau dong dengan "Mozilla Firefox", salah satu web browser terbaik dalam dunia maya ini. Nah, sekarang saya mau share aja nich sedikit trik untuk menambah kecepatan dalam menjelajahi dunia maya dengan Firefox. walaupun sebenarnya firefox 3.5 itu udah ngebut banget, namun disini saya ingin mensharingkan trik ini agar firefox bisa lebih melesat dengan kecepatan yang luar biasa.
Oke langsung saja :
Trik ini sudah saya coba dah hasilnya memuaskan banget, melesat......abis.....
Nah, sebelum ke tahap setting firefoxnya, ada baiknya ngedownload add-ons firefox yang satu ini dulu.

add-ons Tweak Network

Agar semua dapat mendukung kecepatan browsingnya, lebih enak lagi kalo software downloadnya juga pake yang kencang juga, nah disini pake IDM. download disini GRATIS.

Oke sekarang ke tahap setting :

Buka Firefoxnya
Pada address bar ketik "about:config" terus enter
Pada kolom filter tuliskan “Network.http”
Cari “Network.http.pipelining” dan “Network.http.proxy.pipelining”, lalu double click sehingga Valuenya berganti menjadi "true"
Selanjutnya cari “Network.http.pipelining.maxrequests”, double click dan ganti angka 4 menjadi 30 lalu tekan OK
Nah sekarang restart firefox anda

Mungkin cukup segini aja sharenya, walaupun masih banyak lagi trik dalam mozilla firefox serta add-ons nya. dlam dunia maya yang di dukung oleh firefox tidak ada batasnya, apalagi add-on di firefox selalu update terus dan selalu bertambah, sehingga keunggulan firefox semakin meningkat dan sebagai pengguna, kita dapat mengkombinasikan fitur-fitur yang disediakan sesuai dengan kebutuhan.
Oke, terimakasih sudah berkunjung
semoga bermanfaat

Update Mozilla Firefox Terbaru

2009-12-19T06:39:00.000+07:00

Web browser terbaik ini memiliki keunggulan serta kemudahan dalam menjelajahi dunia maya. Dalam mengarungi dunia maya, salah satu web penyedia web browser ini selalu upgrade dengan segala fitur-fiturnya...
Nah untuk mendownload web browser tersebut, silakan klik gambar dibawah ini :

MOZILLA FIREFOX

Download lebih Efektif dengan IDM 5.18 Build 5

2009-12-19T03:26:00.017+07:00

Software satu ini adalah software yang bisa membantu kita untuk mendownload dengan kecepatan hingga 500 persen, Keunggulan lainnya dari software ini yaitu adanya tool resume sehingga apabila koneksi sedang lemot, kita bisa menunda sementara proses download dan bisa dilanjutkan kapan saja ketika koneksi internet sudah lancar kembali. Selain itu dengan Internet Download Manager ini kita bisa mengatur jadwal kapan kita ingin mendownload.
Tak perlu panjang lebar lagi...bagi anda yang hobby dengan software, MP3, video, movie, script, dll. jangan lewatkan software ini....
optimalkan proses download anda dengan IDM 5.18 ini....

click link below for download :

IDM 5.18 Build 5

Atau download yang satu ini :

IDM v5.18 Build 4 Portable

Tingkatkan Traffic Dengan Blogclicker Traffic Exchange GRATIS

2009-12-17T16:18:00.000+07:00

Mau traffic blog kita bertambah...????
Mau blog kita dikunjungi oleh banyak pengunjung...????
Nah, ini ada solusi yang mantap abis untuk meningkatkan traffic blog kita, daftarnya GRATIS lagi...
Cara kerjanya cukup sederhana, cukup daftar saja (GRATIS), trus surfing web/blog yang ada, nah setelah itu kita dapat credit yang akan menunjang seberapa sering blog kita akan ditayangkan....
dan akhirnya traffic yang akan dihasilkan....cukup sederhana bukan...???
Oke untuk mendapatkan traffic tersebut, kita bekerja sama dengan Blogclicker.
Apa itu Blogclicker...???
Blogclicker adalah sebuah wadah yang di dedikasikan untuk menjadi sarana pertukaran lalu lintas web/blog, dan di fokuskan untuk mengarahkan lalu lintas tersebut ke blog kita.
Nah disini kita telah menghabiskan waktu dan usaha kita untuk menempatkan blog kita secara online, Blogclicker akan membantu kita untuk mendatangkan pengunjung.

Tunggu apalagi...!!!
Segera dapatkan traffic blog kita hari ini secara GRATIS....
Tanpa perlu panjang lebar lagi langsung saja menuju Blogclicker dengan mengklik link dibawah ini :

BLOGCLICKER

Standar keanggotaan dengan melihat rasio 2:1 mutlak GRATIS.
Selain itu, Anda juga memiliki kesempatan untuk mendapatkan bonus yang bisa didapatkan saat mensurfing blog anggota blogclicker, berarti Anda akan mendapatkan rasio lebih baik!

Buruan gabung, tingkatkan traffic blog anda...!!!
Sukses untuk semua blogger
Support all blogger
Thanx udah mampir...
Jangan lupa komentarnya yahhh....
You Comment....I Follow

Membuat Code for Copy Artikel Blog

2009-12-17T06:27:00.000+07:00

Blog sebagai media sharing, nah berhubungan dengan kalimat sebelumnya, maka untuk mempermudah pengunjung blog untuk menerima serta mensharingkan artikel yang ada, disini saya akan mencoba memaparkan cara membuat code for copy artikel blog, tujuannya adalah untuk mempermudah para pengunjung blog kita untuk mensharingkan artikel yang ada di blog kita.
udahlah...capek juga nulis panjang lebar, langsung saja ke cara pembuatannya.

Pertama-tama pasti login dulu ke Blogger
Nah..langkah selanjutnya menuju Tata Letak/Layout.
Setelah itu masuk ke Edit HTML
Kemudian cari code <data:post.body/>
Kemudian copy code warna merah sebelum code tadi, seperti dibawah ini :

<data:post.body/><br/><b>Ingin Memasang artikel ini ?: Silahkan Copy kode di bawah:</b><br/><center><textarea cols='45' rows='5'><data:post.body/></textarea></center>

Simpan hasil kerja anda

NB : Untuk blog dengan template yang menggunakan Readmore, biasanya terdapat 2 code <data:post.body/>, dan biasanya code yang dimaksud diatas adalah code yang pertama.

Selamat mencoba...!!!

Membuat ShoutBox Tersembunyi

2009-12-17T03:48:00.003+07:00

Postingan kali ini saya mencoba mensharingkan cara membuat ShoutBox tersembunyi di samping. Sebagai contoh pada halaman blog saya ini, shout box nya berada di kiri ( klik tulisan "GUEST BOOK" disamping kiri).
Nah jika anda tertarik untuk membuat tampilan ShoutBox anda seperti itu, saya ingin mensharingkan cara-caranya. langsung saja ke tahap pembuatan.

Seperti biasa login dulu ke Blogger
Masuk ke Tata Letak/Layout - Page Elements
Add gadget - HTML/Javascript
Copy code dibawah ini :

Pastekan ke gadget anda tadi
Nah...tulisan yang berwarna merah anda ganti dengan code shoutbox anda,
untuk angka yang berwarna pink dapat anda sesuaikan dengan selera anda

Selamat Mencoba...!!!

Support all Blogger

(Sumber : www.forantum.blogspot.com)

Blogger Lebih Asik dengan New Posting Editor

2009-12-16T23:08:00.002+07:00

Nah...saat sekarang ini, para Blogging mania diberi kemudahan lagi oleh Blogger. Sebuah Posting Editor Baru telah di luncurkan. disini kita diberi kemudahan lagi dalam memposting entry.

Adapun fitur-fitur yang telah diperbaharui sebagai berikut :

New Toolbar
Full safary 3 support
Improved Handling Image
Improved Raw HTML
Geotagging
Vertical Resizing
Easy link editing in Compose mode
Placeholder image for tags
Preview dialog

Untuk lebih jelasnya dapat anda lihat Disini

Nah...untuk dapat menggunakan New Posting Editor ini (bagi anda yang masih menggunakan Posting editor lama), berikut ini cara mengaktifkan New Posting Editor nya :

Login dulu ke Blogger
Masuk ke Setting/Pengaturan
Pada halaman dasar, scroll hingga ke bawah, cari Setting Global

Pilih Editor yang diperbaharui
Simpan Settingan anda
Selesai Dech...
Selamat menggunakan Posting Editor yang baru

Sukses untuk semua Blogger...!!!

Pasang Adsense di bawah posting

2009-12-16T22:01:00.005+07:00

Posting kali ini mengangkat tentang cara menampilkan adsense di bawah postingan, kemaren saya sudah mencoba utak-atik template sampe-sampe mengalami kesalahan beberapa kali, coba cari tutornya di mbah google, sedikit kurang ngerti, maklum masih pemula dalam dunia blogger, jadi masih belum banyak mengerti bahasa-bahasa dalam dunia blogging, namun akhirnya berhasil juga. Sekarang sudah tampil dech adsensecamp dibawah postingan saya, waaaahhhh...lega rasanya...!!!
Loh, koq jadi cerita pengalaman....sharing dong...!!!
oke deh langsung saja.
Nah, biasanya jika ingin memasang adsense dibawah posting, kita harus mempersiapkan script code adsense tersebut terlebih dahulu. jika seperti yang saya lakukan dengan memasang adsensecamp, contoh codenya seperti ini :

</script>

Namun...pada saat ingin memasang script tersebut, kita menghadapi sedikit masalah, yaitu ada pesan error akan muncul pada template kita.

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The processing instruction target matching "[xx][mm][ll]" is not allowed.

Nah...jadi gimana caranya dong...???
Untuk bisa memasang script adsense dibawah postingan tanpa error message lagi, script code tersebut mesti di Parse terlebih dahulu. Wah...apa tuch di parse...??? Parse itu adalah mengubah sedikit script code tersebut.
Wah...saya kan ga ngerti tentang code, jadi saya ga tau bagaimana merubahnya...!!!

Nah saya coba kasi ilustrasinya, anda lihat kembali script code di atas yang belum diparse, berikut contoh script code yang sudah diparse :

<script src="http://adsensecamp.com/show/?id=xxxxxxxxxxx&cid=xxxxxxxx&chan=xxxxxxxxxxx&type=2&title=CC0000&text=000000&background=FFFFFF&border=CC0000&url=0000FF" type="text/javascript">
</script>


Masih bingung mau ngeParse script code nya...ga usah bingung lagi, karena sekarang sudah banyak layanan untuk mempermudah kita dalam berkreasi, untuk memparse script code tersebut, anda bisa langsung menuju Blogcrowds saja, copy script anda dan paste pada box yang sudah disediakan, terus klik tombol "Parse".

Nah...jika sudah diparse, sekarang script code adsense anda telah siap diluncurkan...
Adapun cara-cara memasang script code tersebut sebagai berikut :

Login dulu dong ke Blogger
Klik Tata Letak/Layout
Langsung menuju Edit HTML
Untuk mengantisipasi terjadinya kesalahan, ada baiknya anda mendownload template anda terlebih dahulu.
Centang tulisan Expand Widget Template di pojok kanan atas box template
Nah, tunggu beberapa saat, kemudian cari code dibawah ini(contoh template yang memiliki sistem ReadMore) :

<b:if cond='data:blog.pageType == "item"'>

<b:else/>

<a expr:href='data:post.url'><strong>ReadMore...</strong></a></p>

</b:if>

Tempatkan script code adsense anda yang sudah di Parse tadi seperti contoh dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>

<b:else/>

<a expr:href='data:post.url'><strong>ReadMore...</strong></a></p>

</b:if>

Simpan Template anda
Sekarang waktunya untuk melihat hasil kreasi anda

Selamat Berkreasi...!!!

Sukses...!!!

Membuat Animasi Link dengan Javascript autoscrolling

2009-12-16T08:24:00.007+07:00

Oke...Pada kesempatan kali ini, saya akan mensharingkan cara membuat Link menjadi lebih variasi dengan javascript scrolling, wah...bagaimana tuch...
Sebelum saya jabarkan panjang lebar, ada baiknya kita lihat samplenya dulu,
coba arahkan cursor anda ke ARAH SINI

Nah, setelah melihat contohnya, mungkin bagi anda ada yang ingin mencobanya, disini saya akan mensharingkan cara pembuatannya.

Login ke Blogger
Langsung masuk ke Tata Letak/Layout
Terus Menuju Edit HTML, Sebelum mengedit template anda, sebaiknya anda mendownload template anda terlebih dahulu.
Oke, cari code <head> pertama pada template anda
Letakkan code berikut ini setelah code tadi

Setelah itu cari kode ]]></b:skin>
Tambahkan code berikut ini sebelum code tadi

Simpan Hasil kerja anda
Jika semua tahap diatas sudah anda lakukan, Sekarang anda sudah dapat menggunakan hasil kerja anda tadi.
Jika anda ingin menggunakan hasil kerja anda diatas tadi, pada code link anda sisipkan code berwarna merah seperti dibawah ini :

<a href="http://alamat link anda" class="scrollover" type="scrollover">Teks yang akan ditampikan</a>

Nah...sekarang coba test hasil kerja anda

Selamat Mencoba...!!!

Membuat Link Scroll

2009-12-16T06:03:00.005+07:00

Pada posting ini saya akan mensharingkan cara membuat menu/link dengan metode scroll.
Link scroll ini berfungsi untuk menghemat tempat pada blog. Jadi tampilan blog anda tidak memanjang ke bawah. Sehingga pengunjung lebih senang mengunjungi blog anda karena tampilannya seakan-akan terlalu luas ke bawah.
Tampilannya mungkin seperti ini :

Membuat Text Area
Membuat Read More Pada Posting Blog
Cara Menghilangkan Navbar Pada Blog
Membuat Histats di Widget Blog
Membuat Link to Me Widget
Menampilkan Facebook Share di Posting
Tampilan Iklan dengan gaya Adsense
Cara Bikin Tampilan Pojok
Cara Ganti Icon Blogger

Cara Membuatnya yaitu dengan mengcopy code dibawah ini :
<div style="height:100px;width:400px;font:16px/26px Georgia, Garamond,
Serif;overflow:scroll;">

<a href="http://Link-anda-1.blogspot.com">Judul Link Anda 1</a><br/>

<a href="http://Link-anda-2.blogspot.com">Judul Link Anda 2</a><br/>

<a href="http://Link-anda-3.blogspot.com">Judul Link Anda 3</a><br/>

<a href="http://Link-anda-4.blogspot.com">Judul Link Anda 4</a><br/>

<a href="http://Link-anda-5.blogspot.com">Judul Link Anda 5</a>

</div>Ganti http://Link-anda.blogspot.com dengan Link location konten
Ganti Judul Link Anda dengan Judul yang ingin anda tampilkan

Pastekan code tersebut ke widget atau postingan anda...

Selamat Mencoba...!!!

Membuat Text Area

2009-12-16T05:01:00.002+07:00

Membuat text area ini menurut saya sangat penting untuk blogger, karena sangat banyak fungsinya, adapun fungsinya seperti untuk meletakkan tulisan atau kode HTML/Javascript ataupun yang lainnya. mungkin disini saya akan menjabarkannya seperti pada banner exchange di pojok kanan bawah blog ini.

Cara membuatnya seperti ini :
1. Copy kode dibawah ini :
Contoh 1 :

Contoh 2 :

2. Paste kode tersebut di Posting atau Widget sidebar anda

Selamat Mencoba...!!!

Membuat Read More pada posting blog

2009-12-16T03:42:00.000+07:00

Di sini saya akan mensharingkan bagaimana membuat Read More pada postingan, fungsi read more pada postingan agar tampilan postingan kita tidak memakan banyak tempat pada halaman utama. Nah, disini kita mencoba membuat tampilan halaman utama blog kita agar tidak terlalu berat untuk ditayangkan.
Adapun cara-cara pembuatan read more tersebut seperti ini :
1. Sign in dulu ke Blogger
2. Masuk ke Pengaturan/Setting
3. Lalu klik Format/Formatting
4. Nah, pada bagian Post Template, isi kotak tersebut dengan kode dibawah ini :
<span class="fullpost">

</span>

5. Simpan Settingan anda
Settingan tersebut berfungsi untuk menampilkan secara otomatis pada saat anda membuat posting pada tab edit HTML di entry, sehingga membantu kita agar tidak lupa.

6. Setelah itu kembali ke Dashboard
7. Lalu masuk ke Tata Letak/Layout
8. Klik Edit HTML
9. Demi mengantisipasi kerusakan template anda,
    Sebaiknya anda download dulu template anda dengan klik tulisan
    Download Full Template. jadi bisa memback up template anda
    jika terjadi kesalahan.
10. Centang Expand Widget Template
11. Cari kode berikut, untuk memudahkan pencarian, tekan Ctrl+f
]]></b:skin>

12. Letakkan kode dibawah ini setelah kode diatas :
<style>
<b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;}
</b:if>
</style>

13. Selanjutnya cari kode dibawah ini :
<p><data:post.body/></p>

14. Letakkan kode dibawah ini setelah kode diatas :
<b:if cond='data:blog.pagetype != "item"'>
<a expr:href='data:post.url'> Read More...</a>
</b:if>
Tulisan Readmore bisa anda ganti sesuai selera anda, anda bisa menggantinya dengan "baca selengkapnya" atau yang lainnya.
15. Simpan template anda
16. Sebelum saya akhiri, setiap membuat postingan,
      tempat yang anda ingin letakkan Read More,
      letakkan kode ini <span class="fullpost">

      dan diakhir postingan letakkan kode </span>,
      dan yang perlu diingat lagi, anda meletakkan kode tersebut
      pada bagian edit HTML bukan bagian compose/ Tulis.

Selamat mencoba...
Selamat berkreasi...
Jangan lupa commentnya...

Cara menghilangkan Navbar pada blog

2009-12-16T02:30:00.001+07:00

Oke, pada posting ini saya ingin mensharingkan bagaimana cara menghilangkan Navbar pada blog. mungkin ada yang masih belum tau yang mana sih navbar...??? nah, ini saya kasi gambarnya :

Jika masih belum tau juga yang mana navbar, coba anda lihat bar paling atas dari blog anda.

oke dech, saya yakin anda pasti tau. kita langsung saja ke topik :

1. Login dulu ke Blogger

2. Langsung ke Tata Letak/Layout

3. Terus ke Edit HTML

4. Sekarang cari yg mirip kode di bawah ini, setiap template pasti berbeda

-----------------------------------------------
Blogger Template Style
Name: XXXXX
Designer: Blogger
URL: www.blogger.com
Date: 19 mar 2005
Updated by: Blogger Team
----------------------------------------------- */

5. Nah, pasti sudah ketemu dong, ga susah nyarinya,
karena posisi kodenya di awal script template.
6. Paste code dibawah ini setelah kode diatas tadi
#navbar-iframe {
display: none !important;
}

7. Simpan dech template anda....
8. Selesai....
Mungkin cuma segini aja yang bisa saya sharing kan...
Jika ada kekurangan, silakan comment dibawah ini,
atau anda bisa tanyakan kepada yang lebih ahli...
Thanx atas kunjungannya...

Membuat Histats di widget blog

2009-12-16T02:07:00.002+07:00

Sebelum kita ke topik posting ini, ada baiknya kita mengetahui apa itu Histats terlebih dahulu. Histats adalah sebuah tampilan widget yang menampilkan status blog kita, seperti jumlah total kunjungan, jumlah total posting yang dikunjungi, jumlah kunjungan hari ini, jumlah postingan yang di kunjungi hari ini sampai jumlah pengunjung yang sedang online pada web/blog anda.
contoh tampilannya seperti ini :

Nah, sekarang kita ke topik :
1. Pertama-tama anda menuju ke Histats.com dulu
2. Setelah masuk ke histats.com anda langsung menuju ke sebelah kanan,
    ada tulisan Subcribe for free your website now !
    nah, anda isi kolom URL dg URL anda
    pilih language. lalu tekan Register

3. Setelah itu anda akan dibawa ke halaman selanjutnya.
    Isi halaman formulir data anda.
4. Selanjutnya anda pilih tampilan yg anda inginan untuk blog anda.
5. Terus anda akan di berikan kode widget anda, copy kode tersebut

Oke, langkah selanjutnya untuk pemasangan pada blog anda :

1. Login dulu ke Blogger.com
2. Langsung menuju Tata Letak/Layout
3. Klik Add Gadget
4. Pilih HTML/Javascript
5. Pastekan kode tadi, simpan hasil kerja anda

Selamat Mencoba...!!!

Membuat Link to me Widget

2009-12-15T07:38:00.004+07:00

Ini adalah cara membuat sebuah widget Link to me atau biasa dikenal dengan pertukaran banner antar blogger, tujuannya adalah untuk saling mensupport antar sesama blogger.
Tak perlu panjang lebar lagi, langsung saja ke topik pembahasan :
Adapun cara-cara pembuatannya sebagai berikut :
1. Silakan anda persiapkan Logo untuk blog anda,
bisa berupa banner kecil.
2. Jika sudah tersedia logo blog anda,
Upload ke blog atau ke Imageshack, Photobucket, Tinypic.
3. Copy direct URLnya.
4. Anda Copy code dibawah ini dan pastekan sementara ke notepad

5. Nah, sekarang anda Edit sedikit kode diatas.
    pada tulisan yang berwarna merah
    http://nama-blog-anda.blogspot.com anda ganti dg link blog anda
    http://link-logo-blog-anda.jpg anda ganti dg link logo blog anda
Judul-blog-anda anda ganti dg nama blog anda
3 untuk tinggi text area
25 untuk lebar text area
6. Setelah anda Edit sesuai selera anda, sekarang kita menuju blog
7. Login ke Blogger
8. Langsung menuju Tata Letak/Layout
9. Add Gadget - HTML/Javascript
10. Pastekan kode yang sudah anda edit tadi.
11. Simpan hasil kerja anda

Nah hasilnya akan seperti dibawah ini :

If you like this blog,then link back to me.
This is what you will see.

Link To Your Blog

Selamat mencoba...!!!

Menampilkan Facebook Share di posting blog

2009-12-15T07:00:00.006+07:00

Pada postingan kali ini, saya akan membahas bagaimana cara membuat sebuah tombol share ke Facebook, karena pada saat ini Facebook sudah menempati salah satu posisi rating teratas pada search engine, maka dari itu kita bisa mengajak pengunjung Facebook untuk mengunjungi blog kita, adapun alasannya agar traffic rank blog kita dapat naik dengan mudahnya, sehingga lebih mudah dilacak oleh search engine.
oke...langsung ke tahap pembuatan.

1. Tahap pertama pastinya Login dulu ke BLOGGER
2. Pada dashboard, langsung menuju Tata Letak/Layout.
3. Kemudian masuk ke Edit HTML
4. Centang Expand Widget Template di pojok kanan atas box.
5. Cari Kode <div class='post-header-line-1'/>
oleh karena kode setiap template berbeda-beda
maka, jika tidak ketemu, anda bisa cari kode ini <data:post.body/>
6. Jika sudah ketemu, anda pilih salah satu kode dibawah ini sesuai keinginan anda.
Dan Paste Sebelum kode diatas tadi
Contoh 1 :

 Copy Kode dibawah ini untuk contoh 1 :
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Contoh 2 :

Copy kode dibawah ini untuk contoh 2 :
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Contoh 3 :

Copy kode dibawah ini untuk Contoh 3 :
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Contoh 4 :

Copy kode dibawah ini untuk Contoh 4 :

SELAMAT MENCOBA....

Sukses buat semua para blogger...!!!

Tampilan iklan dengan gaya adsense

2009-12-15T03:36:00.008+07:00

Oke...topik yang ingin saya angkat pada saat ini yaitu bagaimana membuat iklan dengan tampilan yang cukup sederhana, namun tidak meninggalkan kesan jual untuk iklan tersebut, justru jika anda bisa lebih hebat dalam mengkreasikan kehebatan anda dalam dunia coding, maka tampilan tersebut bisa lebih mantap dibanding tampilan iklan seperti banner, bahkan menurut pendapat saya iklan seperti ini lebih bergengsi, karena jika anda lihat dengan seksama, tampilan iklan seperti ini khalayaknya iklan-iklan ADSENSE.
Oke...langsung saja ketahap pembuatannya :

Iklan ini saya spesifikasikan menggunakan kode HTML. naah...disini juga terdapat dua alternative untuk membuat frame pada kode HTMLnya, yaitu HTML yang menggunakan kode <div> atau bisa menggunakan kode <span>.

GRATIS DOWNLOAD »
Dapatkan MP3, Movie, Software, Artikel-artikel tentang blog disini. Semua serba GRATIS...!!!
www.gratis-mp3-gratis.blogspot.com

Nah, langkah awal untuk membuat iklan yang bergaya seperti diatas,lebih baik anda persiapkan terlebih dahulu iklan apa yang akan anda tampilkan, lebar iklan, konten iklan, warna frame, warna latar belakang, warna huruf, dan lain sebagainya.
Jika sudah siap semuanya, kita langsung saja ke kode HTML yg akan di buat :
Contoh kodenya seperti ini :

<div style="border: 3px dashed yellow; background: #000000; padding:10px; width:300px; text-align:left; color:white;">
<a style="font-size: 17px;COLOR: blue; text-decoration:none;" href="http://gratis-mp3-gratis.blogspot.com" title="click here"><b>GRATIS DOWNLOAD </b></a> »<br/>
Dapatkan MP3, Movie, Software, Artikel-artikel tentang blog disini. Semua serba <blink>GRATIS...!!!</blink><br/>
<a style="color:red; font-size:12px; text-decoration:none;" href="http://gratis-mp3-gratis.blogspot.com" title="click here"><b>www.gratis-mp3-gratis.blogspot.com</b></a>
</div>

Tulisan yang berwarna merah bisa anda sesuaikan dengan selera anda untuk menampilkan iklan anda agar lebih menarik.
Tulisan yang berwarna biru dapat anda ganti sesuai dengan konten iklan yang ingin anda sampaikan ke konsumen.

Mungkin ada yang merasa bingung, anda sama seperti saya sebelumnya, namun tidak ada salahnya untuk mencobanya dan berkreasi.

SELAMAT BERKREASI - SELAMAT BEREKSPERIMEN DALAM MENCIPTAKAN TAMPILAN YANG INDAH UNTUK IKLAN-IKLAN ANDA...
SALAM BLOGGER

(Sumber : http://kolom-tutorial.blogspot.com)

Cara bikin tampilan di pojok halaman Blog

2009-12-13T10:11:00.002+07:00

Nahhhh....pada postingan saya yg kedua ini saya coba membahas suatu tampilan yg cukup unik...yaitu cara menampilkan gambar/animasi/banner di pojok halaman blog. sebenarnya bukan hanya gambar/animasi/banner saja yg bisa ditampilkan di pojokan halaman blog kita, bisa Jam, Shoutbox, Kalender, Adsense, Hit Counter, Iklan, Widget dan lain-lain.
Pada blog ini sample yg saya hadirkan adalah Data Rank dari Popuri. Namun saya akan memberikan contoh dengan objek gambar/banner saja.
Nah...tanpa basa-basi langsung saja ke cara pembuatannya :

Pertama pastinya Login dulu ke BLOGGER
Masuk ke Tata Letak/Layout
Lalu pilih Edit HTML
Nah, sekarang cari kode ]]></b:skin> , untuk memudahkan anda mencari kode tesebut, tekan ctrl+f kemudian anda ketik kode tersebut, klik next untuk mencarinya.
Jika sudah ketemu, tempatkan kode berikut ini tepat di atas kode tersebut.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Text yang berwarna biru bisa anda ganti sesuai selera anda dimana anda ingin menempatkannya. Tulisan "Bottom" bisa anda ganti dg "Top", serta tulisan "Left" bisa anda ganti dg tulisan "Right"
Oke, langkah selanjutnya adalah menempatkan kode gambarnya
cari kode berikut </body>
Tempatkan kode dibawah ini sebelum kode tadi

Ganti link http://nama-blog-anda.blogspot.com dg link anda
Ganti link http://link-gambar-anda/gambar-anda.jpg dg link gambar anda
Jika anda ingin meletakkan objek selain gambar disana, silakan ganti tulisan yg berwarna merah tersebut dg link objek yg anda inginkan
Simpan hasil kreasi anda, Lihat hasilnya

SELAMAT MENCOBA...

Cara ganti icon Blogger dg icon kreasi sendiri

2009-12-13T06:31:00.002+07:00

Posting kali ini saya mencoba untuk sharing tentang bagaimana mendesain blog kita, salah satunya mengganti icon blogger dengan icon kreasi kita sendiri atau dengan icon gratis yg telah disediakan oleh web lain.
oke...langsung saja ke TKP....

cara-caranya cukup mudah sekali :
1. Sebagai Blogger,pastinya harus login dulu dong ke BLOGGER
2. Nah, setelah login langsung menuju Tata Letak/Layout
3. Terus klik Edit HTML
4. Centang Expand Widget Template dipojok kanan atas box
5. Cari kode </head>
6. Letakkan kode dibawah ini sebelum kode tadi
<link href='http://img710.imageshack.us/img710/8127/iconkaki.gif' rel='SHORTCUT ICON'/>
7. Ganti link yg berwarna merah dengan link gambar anda
8. Nah, simpan deh templatenya.....

Jika anda tidak mempunyai gambar kreasi sendiri, anda bisa mencarinya di Imageshack atau di Photobucket atau di web-web penyedia icon....
Oke....SELAMAT BERKREASI....

Friends Banner/Link

2009-12-11T02:17:00.015+07:00

LINK EXCHANGE

Untuk bertukar link disini, silahkan copy code dibawah ini :

Pasang link dibawah ini diblog anda, segera konfirmasi via comment

LINK EXCHANGE

SERBA BLOG

<a href="http://serba-seru.blogspot.com" title="Serba Blog" target="_blank"><b>SERBA BLOG</b></a>

Mohon konfirmasikan Link Exchange anda via comment dibawah ini
Terima kasih atas kerjasamanya

Support All Blogger

LINK OF MY BEST FRIENDS

NB : Mohon Maaf, Setelah mempertimbangkan loading halaman ini, serta kenyamanan teman-teman mengunjungi halaman ini, maka untuk selanjutnya Serba Blog tidak menerima BANNER exchange lagi, serta bagi teman-teman yang telah bertukar banner dengan serba blog, bannernya sudah saya alokasikan menjadi text link, jika teman-teman yang sudah bertukar banner dengan serba blog, silakan mengganti banner serba blog dengan text link, jadi Serba Blog hanya menerima Link Exchange saja. untuk segala kekurangannya saya minta maaf. Terima Kasih

Kunjungi Web/blog keren-keren diatas ini
Anda akan mendapatkan info yang sangat bermanfaat
Link diatas direkomendasikan oleh : GEORGEOUZ

SERBA BLOG

Guest Book / Buku Tamu

2009-12-01T04:01:00.000+07:00

Silakan tinggalkan jejak anda melalui pesan dibawah ini, mohon untuk menggunakan bahasa yang sopan, tidak mengandung unsur SARA dan menghina.
Terima kasih atas kunjungannya ke blog sederhana ini.