Kelebihan dan Kekurangan Facebook Comment Box

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.

Read more ...

Happy Valentine Day 2011

Read more ...

Black Eleganisme Blogger Template

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 :

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://YOUR-LINK.blogspot.com/'>Link 1</a></li>
<li><a href='http://YOUR-LINK.blogspot.com/'>Link 2</a></li>
<li><a href='http://YOUR-LINK.blogspot.com/'>Link 3</a></li>

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 :

<a href='http://www.facebook.com/YOUR-ID-NAME' style='padding-right:5px;' target='_blank'>
<img height='16px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigeIJwf1bdJ0VupTMbNe4mar3-ikSaCer_7rBY54iblwfewMwzPk_mkEN8m4PELFlzpn_21I8n-KborfDjpIozCRwbBRx4TR5FTKjUYAEnVGBGyaMA6qf9AqqaxjHtJb3kvsWps943k5wY/s1600/facebook-eleganisme.png' width='16px'/></a>

<a href='http://www.twitter.com/YOUR-ID-NAME' style='padding-right:5px;' target='_blank'>
<img height='16px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8F3eOgjxo3fQMGQRB8coewDfAy7-DLwg3qD3vOHg_gPJONLToRkf2HZgcpuxAAqCGXJO6Va7c1ipmlJGkGqWsZDS0ktWWhBTcyNFx3PrjAZbiAdBp3pLMuyTB7ipOu7HrADr9J-x7O5z6/s1600/Twitter-eleganisme.png' width='16px'/></a>

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...!!!

Read more ...

Update Anti Virus SMADAV 8.4

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

Read more ...

Lagu CSS3 | The CSS3 Song

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

Read more ...

Rahasia Google Pagerank Sulit di Tebak

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...

Read more ...

Pagerank Meningkat - Hadiah dari Google

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.

Read more ...

Kembali dari Sebuah Perjalanan Panjang

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...

Read more ...

Terima Kasih Sobat

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....

Read more ...

Kembali Untuk Mencari Jawaban

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

Read more ...

Slide Recent Posting

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 :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--

#spylist {
overflow:show;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:280px;
overflow:show;
list-style-type: none;
padding: 5px 5px;
margin:0px 0px;
}
#spylist li {
width:280px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:10px;
height:8px;
overflow:show;
margin:3px 3px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:show;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:8px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:show;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:3px 3px;
margin:8px 8px;
}

-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://nama-blog-anda.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://serba-blog.googlecode.com/files/rpts-serbablog.js" type="text/javascript"></script>
</div>

• 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

Read more ...

Menampilkan Halaman Label Dengan Judul

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)

Read more ...

Membuat Slide Headline

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>

<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type='text/javascript'><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover"; }
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), ""); }}}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

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

<!-- Casing -->
<div id="casing">
<!-- Slider -->
<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>
<!-- /Mover -->
</div>
<!-- /Slider -->
<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)

Read more ...

Thumbnail Related Posting with Marquee (Berjalan)

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 :

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
<!-- remove --></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>
<!-- Related Posts with Thumbnails Code End-->

Cukup ganti seluruh code tersebut dengan code dibawah ini :

<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.l`bels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' 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=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
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>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->

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 : <!-- Related Posts with Thumbnails Code Start-->).

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

Read more ...

Thumbnail Related Post (Artikel Terkait Menggunakan Gambar)

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

<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->

• Langkah selanjutnya, cari code ini

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

• Jika tidak menemukannya coba cari yang ini

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

• Jika sudah ketemu, letakkan code dibawah ini Setelah code diatas

<!-- Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> <!-- remove --></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> <!-- Related Posts with Thumbnails Code End-->

• 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 <!-- remove --> pada code di dalam kotak yang pertama dan kedua

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

Read more ...

Blogger Hadir Dengan Fitur Baru (Static Page)

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

Read more ...

Efisiensi Random Banner Untuk Menghemat Tampilan Blog

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 :

<script language="JavaScript">
<!-- Begin
var jumlah_iklan = 3; / Jumlah Iklan /
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="";
url="http://nama-blog-1.com/";
alt="judul 1 banner anda";
banner="http://nama-blog-1.com/banners.gif";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="";
url="http://nama-blog-2.com/";
alt="judul 2 banner anda";
banner="http://nama-blog-2.com/banners.gif";
width="468";
height="60";
}

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)

Read more ...

Cara Membuat Random Posting Title Berjalan (Marquee)

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 :

<!--Top Comments by Serba Blog-->
<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><!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<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>
<!-- Alphabetical Post Title Listing End --></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

Read more ...