Online Support

Monday, April 4, 2011

Cara Mengedit Code HTML Slider Pada Blogger Theme Yang Anda Download dan Anda Terapkan di Blogger Anda

5:44 AM

Unknown

Saya belajar membuat slider pada blog melalui template blog yang saya download. Itung-itung sembari belajar mengutak-atik kode html. Alhamdulillah berhasil... Nah, bagaimana membuatnya, saya share di sini, ya...

Slider ini bisa Anda temui pada tema blog yang Anda download, biasanya sudah bawaan dari pembuatnya. Nah, kalau sudah bawaan tema, berarti Anda harus mengedit html-nya. Caranya, masuk ke dashboard - design - edit html. Terus cari deh kode Javascript slider-nya, terus tinggal diedit-edit. Caranya seperti ini:

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

<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
delay: 6000,
slideInfoZoneOpacity: 0.8,
showCarousel: false,
slideInfoZoneSlide: false
});
}
window.addEvent('domready', startGallery);
</script>

<div class='fullbox_excerpt'>
<div class='fullbox_content'>
<div class='smooth_gallery'>
<div id='myGallery'>

<div class='imageElement'>
<h3>Hostgrator</h3>
<p>Since its establishment in 2002, HostGator has been a world-leading provider of web hosting service. Each of our shared Web Hosting plans includes 24/7/365 support, a 99.9% uptime guarantee, and a 45-day money-back guarantee.</p>
<a class='open' href='http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=Fitriyah-' title='Hostgrator - Webhosting'/>
<img alt='' class='full' src='http://tracking.hostgator.com/img/Shared/300x250.gif'/>
</div>

<div class='imageElement'>
<h3>Bali Orange</h3>
<p>Sistem baru menambah kenyamanan dalam menggunakan fasilitas hosting Indonesia yang diperoleh pelanggan untuk bisa berbisnis melalui websitenya.</p>
<a class='open' href='http://manage.baliorange.net/aff.php?aff=857' title='Bali Orange - Hosting Murah Indonesia'/>
<img alt='' class='full' src='http://www.baliorange.net/images/afiliasi/banner/gogreen.jpg'/>
</div>

<div class='imageElement'>
<h3>000webhost.com</h3>
<p>We are probably the only free web hosting company that has proof for uptime guarantee. Check our uptime stats. We managed to reach even 99.9% uptime for most of the servers.</p>
<a class='open' href='http://www.000webhost.com/417751.html' title='000webhost.com - Free!'/>
<img alt='' class='full' src='http://blog.ytechcity.com/wp-content/uploads/2009/11/free_hosting_000webhost.jpg'/>
</div>

<div class='imageElement'>
<h3>jagoanhosting untuk para jagoan</h3>
<p>Layanan Web Hosting terbaik dengan harga hosting murah. Tersedia pilihan server hosting indonesia dan server hosting US. Harga Hosting murah termasuk cPanel, Fantastico dan layanan CS 24 Jam.</p>
<a class='open' href='http://www.jagoanhosting.com/1268-0-1-23.html' title='jagoanhosting untuk para jagoan'/>
<img alt='' class='full' src='http://icare.jagoanhosting.com/banners/ad-hosting-indonesia-square-big-300x250.jpg'/>
</div>

<div class='imageElement'>
<h3>SEO - jasaseobali - murah dan terpercaya</h3>
<p>menawarkan Jasa SEO murah Indonesia layanan jasa konsultan SEO membantu menaikkan rangking situs anda agar berada di halaman pertama Google atau Yahoo.</p>
<a class='open' href='http://jasaseobali.com/?id=Fitriyah' title='jasaseobali - murah dan terpercaya'/>
<img alt='' class='full' src='http://www.jasaseobali.com/images/seo-training.jpg'/>
</div>

</div></div></div></div></b:if></b:if>

Cara mengedit:

Warna merah : ganti dengan heading slide Anda.
Warna biru : ganti dengan deskripsi slide Anda.
Warna kuning : ganti dengan link tujuan, yaitu alamat url yang akan kita tuju pada saat meng-klik gambar slide.
Warna hijau : ganti dengan title slide.
Warna ungu : ganti dengan alamat url gambar yang digunakan pada slide yang dimaksud.
Hasil code slider di atas ada di slider blog ini... Oke, selamat mencoba ^__^

5:20 AM

Unknown

No comments

Saya yang masih bodho bin kurang belajar ini tanpa sengaja mampir ke blog seorang kawan, kemudian membaca-baca postingannya tentang tips blogger. Wawww, ternyata masih banyak yang tidak saya tahu. Salah satunya tentang cara menambahkan pesan di bagian atas kotak komentar.

Gunanya apa ya, pake acara dikasi pesan segala? Tujuannya untuk mengapresiasi kunjungan pembaca dengan kata-kata terimakasih atau apa gitu, biar pembaca senang dan syukur-syukur bersedia balik lagi ke blog kita lain waktu... ^__^ Seneng dong kalau traffic blog kita meningkat... hehehe...

Okre, beginilah caranya :

Log in ke blogger, masuk ke dashboard - settings - comments.
Pada kotak "Comment Form Message", isikan pesan yang akan Anda sampaikan ke pembaca, misalnya saja begini :"Maturnuwun, sampeyan sudah berkunjung ke blog saya... Tolong tinggalkan komentar dan masukan, nggih ^__^ Biar saya bisa belajar lebih banyak lagi. Hehe... Monggo-monggo, dipun-coment!"
Kalau sudah selesai, klik save settings. Selesai, deh! Mudah sekali, ya...^__^

4:15 AM

Unknown

No comments

Gadget ini akan meningkatkan interaksi kita dengan pembaca via chat YM, syaratnya kita online yahoo messenger dulu. Di gadget ini, nanti pembaca bakal mengetahui apakah kita sedang online atau offline YM melalui icon YM yang terpasang di blog kita. Oke, caranya mudah sekali. Check it out!

1. Sign ini ke akun Blogger Anda. Masuk ke design - page elements - add gadget - pilih HTML/JavaScript - lalu copy paste kode javascript di bawah ini:

<a target="_blank" href="http://ymgen.com/chat.php?idne=veve_ceria@yahoo.com"><img border="0" src="http://opi.yahoo.com/online?u=veve_ceria&m=g&t=14" /></a>

2. Edit coding sesuai dengan alamat yahoo dan Yahoo! ID anda... Terakhir, tinggal di-save...
3. Selesai... Nanti, tampilannya akan menjadi seperti ini:

3:41 AM

Unknown

1 comment

Oke langsung saja, ya... Caranya:

1. Buka Design - Page Elements - add a Gadget - pilih HTML/JavaScript - lalu copy paste kode Javascript di bawah ini:

<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 = 300;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://NAMABLOGANDA.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

2. Edit beberapa hal yang bisa disesuaikan dalam coding, sbb:

boxwidth. Bisa diganti size-nya. Tergantung lebar gadget yang diinginkan.
thumbwidth = Ukuran lebar kotak gambar
thumbheight = Ukuran tinggi kotak gambar
numposts =jumlah postingan terbaru yang akan disajikan
NAMABLOGANDA = isi dengan alamat url blog Anda.

3. Isi title / Judul gadget, misalnya "Recent Post" atau "Postingan Terbaru". Terakhir, tinggal di-save deh... Selesai... Nanti akan muncul gadget seperti ini:

Selamat mencoba ^__^

Rujukan : http://trik-yuwie.blogspot.com/2009/09/pasang-recent-post-plus-thumbnails.html

Virtual Box 4.0.4

6:51 PM

Unknown

No comments

VirtualBox merupakan software virtualisasi sistem operasi. Versi terbaru, VirtualBox dapat berjalan di Windows, Linux, Macintosh dan OpenSolaris. Serta mendukung banyak virtualisasi seperti Windows (NT 4.0, 2000, XP, Server 2003, Vista), DOS/Windows 3.x, Linux (2.4 and 2.6), Solaris, OpenSolaris, dan OpenBSD.

Download here : Vitual Box 4.0.4

6:42 PM

Unknown

No comments

Blog Anda berbahasa Indonesia? Anda tidak perlu khawatir orang-orang asing tidak bisa merasakan manfaat dari blog Anda. Kenapa? Karena Anda bisa menambahkan Widget Google Translate di blog ini. Cara untuk memasangnya cukup mudah dan cepat. tidak lebih dari satu menit. Ikutilah langkah-langkah di bawah ini:

1. Kunjungi Google Translate disini.
2. Pada Select the language of your webpage, ubah ke Indonesia (kalau blog Anda berbahasa
Indonesia) atau bisa juga dipilih Detect Language bila blog Anda menggunakan beberapa bahasa.

3. Copy dan paste kode HTML yang berada didalam kotak.
4. Login pada blogger.
5. Klik Layout pada Dashboard.
6. Klik Add a Gadget, dan pilih HTML/Javascript

7. Masukkan kode HTML yang telah dicopy (seperti pada langkah 4) dan beri judul titlenya,
misalnya Google Translate.

8. Atau, jika Anda sudah dalam kondisi log in, maka Anda tinggal mengklik add to Blogger. Secara otomatis, widget akan terpasang di blog Anda.

9. Setelah itu, Save

10. Mudah, bukan? Hasilnya nanti seperti ini:

4:22 PM

Unknown

No comments

Semalam ngobrol dengan seorang kawan tentang downloader. Saya biasa memakai Intertnet Download Manager. Sementara kawan saya ini memakai downloader yang terintegrasi dengan browsernya.

Menurut saya, IDM adalah salah satu downloader tercepat. Selain itu, ketika komputer atau laptop Anda mati, Anda tidak perlu mengulang proses download dari awal lagi, tinggal buka programnya nanti akan tampil dokumen-dokumen yang telah didownload, termasuk download-tan pada saat komputer/laptop mati. Nah, nanti tinggal di-resume saja. Proses downloadnya lanjut, deh ^__^ List download Anda tidak akan hilang saat re-start asalkan Anda tidak menginstall program deepfreeze.

IDM sebagai salah satu Download Manager tercepat kemarin merilis build terbarunya, yakni build 10. Build kali ini memperbaiki kinerja IDM di browser baru seperti IE 9, Firefox 4, dan Google Chrome, serta mengambil video .flv pada saat anda menonton Video di YouTube, Metacafe, dll.

Bagi yang mau download silakan klik link di bawah ini:

idman605 build 10

Patch IDM 6.05 build 5