Kantor pemasaran

Kantor Pusat :
                    Jl.By Pass Larangan Indramayu-Jawa Barat
                    Desa Larangan Blok Maja Rt/16/03

Read More

Cara Penulisan dan Menyimpan Kode HTML di blogspot

Pembahasan cara-cara menyimpan kode HTML di template blogger-blogspot secara khusus dengan harapan bahwa para blogger yang masih dalam tahap belajar memodifikasi blog dapat melakukan proses penyimpanan kode HTML dengan benar.
Kekeliruan pada penggunaan tag style (). Bukan cara menuliskannya tetapi ketika kode CSS di simpan di atas kode ]]></b:skin>. Kasus yang banyak terjadi adalah melakukan penyimpanan kode CSS di atas kode tersebut dengan tetap mengikutsertakan tag style. meskipun kelihatannya seperti hal yang teramat sederhana, namun penggunaan tag style tersebut di atas kode ]]></b:skin> justru akan merusak desain yang telah direncanakan (di buat).

Menyimpan Kode CSS

Ada 4 cara dan tempat menyimpan kode CSS:

1. Menyimpan kode CSS di atas kode ]]>.
2. Menyimpan kode CSS di bawah kode ]]>.
3. Menyimpan kode CSS di tag body (antara tag pembuka body - dan tag penutup body - .
4. Menyimpan kode CSS dalam bentuk link. Kode CSS dalam bentuk link adalah kode CSS telah di upload terlebih dahulu di file Hosting (contoh: <link href="http://...../goodude/kode-css.css" rel="stylesheet" type="text/css" />).

Cara menyimpan kode CSS di atas kode ]]>

Untuk menyimpan kode CSS di atas kode ]]> anda tidak perlu menggunakan tag style.
Cara menyimpan yang salah
Perhatikan penggunaan tag style!

<style type="text/css">
.box {
width: 400px;
height: 200px;
padding: 10px;
border: 2px solid green;
margin: 20px auto;
overflow: auto;
color: white;
background: black;}
</style>
]]></b:skin>

Cara Menyimpan yang benar

.box { width: 400px;
height: 200px;
padding: 10px;
border: 2px solid green;
margin: 20px auto;
overflow: auto;
color: white;
background: black; }
]]></b:skin>

Menyimpan Kode CSS di bawah kode ]]> 

Untuk menyimpan kode CSS di bawah kode ]]>, silahkan lakukan penyimpanan dengan menggunakan tag style. Contoh cara penyimpanan kode CSS di bawah ]]>

]]></b:skin>
<style type="text/css">
.box { width: 400px; height: 200px; padding: 10px; border: 2px solid green; margin: 20px auto; overflow: auto; color: white; background: black; }
</style>

Cara menyimpan kode CSS di bagian body di antara tag dan tag (lewat Add a Gadget.
Contoh Penyimpanan Kode CSS yang BENAR pada Elemen Laman

<style type="text/css">
.box { width: 400px; height: 200px; padding: 10px; border: 2px solid green; margin: 20px auto; overflow: auto; color: white; background: black; }
</style>

Contoh Penyimpanan Kode CSS yang SALAH pada Elemen Laman
Perhatikan kode CSS ini di simpan melalui Add a Gadget tanpa tag style

.box { width: 400px; height: 200px; padding: 10px; border: 2px solid green; margin: 20px auto; overflow: auto; color: white; background: black; }

Menyimpan kode CSS berbentuk link. Kode CSS dalam bentuk link seperti contoh berikut:

<link href="http://wimg.co.uk/53P/tooltip.css" rel="stylesheet" type="text/css" media="all" />

dapat disimpan di atas kode , di bawah kode ]]>, di atas tag penutup body ("") atau melalui Add a Gadget --> HTML/Javascript.. Silahkan pilih tempat yang paling anda suka.

Cara Menyimpan javascript
Javascript dapat di simpan di atas kode (paling sering/umum dilakukan), di bawah , di bawah ]]>, di bawah , di atas (paling sering/umum dilakukan) atau melalui Add a Gadget --> HTML/Javascript (juga banyak dilakukan dengan cara ini).

Contoh penulisan javascript-1

<script type="text/javascript">
function show_alert() { alert("Hello, world! whats are u doing ?"); }
</script>

Contoh penulisan javascript-2

<script type="text/javascript"> //<![CDATA[ /* kode khusus - pembuka*/
function show_alert() { alert("Hello, world! whats are u doing?"); }
//]]> /* kode khusus - penutup */
</script>

Apabila javascript telah di upload di file/javascript hosting, penyimpanan dapat dilakukan di atas , di atas atau lewat Add a Gadget (tergantung sifat javascript-perhatikan perintah tutorial!). Javascript yang telah di upload dituliskan sebagai sebuah link dengan cara seperti ini:

<script src="http://wimg.co.uk/k8W/goodude/js/anima.js" type="text/javascript"></script>

atau

<script src="http://wimg.co.uk/k8W/goodude/js/anima.js" language="javascript"></script>

atau

<script src="http://wimg.co.uk/k8W/goodude/js/anima.js" type="text/javascript" language="javascript"></script>

Penulisan xHTML
xHTML disimpan dalam tag body diantara tag pembuka body - dan tag penutup body - baik dilakukan secara langsung di template (Edit HTML) atau melalui Add a Gadget dan di halaman posting

Contoh penulisan xHTML

<div style="width: 400px; height: 200px; background: #000; color: #eee; font-size: 14px;
border: 2px solid red">
welcome to goodude,semoga anda menikmati berita dan tutorial dari kami!
welcome to goodude,semoga anda menikmati berita dan tutorial dari kami!
welcome to goodude,semoga anda menikmati berita dan tutorial dari kami!
</div>

Read More

Menggerakan Mouse Menggunakan kedua Mata

Jika anda menggunakan komputer, untuk menggerakan kursor mouse pastinya menggunakan mouse seperti biasa, Tetapi dengan menggunakan suatu aplikasi, anda tidak perlu menggerakan kursor anda dengan mouse lagi. Karena hanya dengan 2 mata anda, kursor mouse dapat anda gerakkan dan anda tidak perlu mengclik kiri mouse lagi untuk klik, karena cukup mengedipkan mata anda bisa melalukan click. Dengan syarat laptop atau komputer anda harus menggunakan webcam yang aktif.

Jika anda penasaran dan ingin mencobanya,
anda bisa mendownload aplikasi tersebut dibawah ini

DOWNLOAD DISINI

jika sudah download,
install aplikasi tersebut pada komputer atau laptop anda.
dan jangan lupa webcam anda harus dalam keadaan aktif.

Disana juga anda bisa melakukan berbagai macam setting,
seperti menonaktfkan mouse, menonaktfkan klik kiri mouse, dan masih banyak lagi.

Read More

Cara Membuat Recent Post Berjalan Di Blog

Membuat Recent Post Berjalan adalah salah satu tips untuk mempercantik tampilan blog. Recent post merupakan postingan terbaru pada suatu blog. Terkadang recent post sangat diperlukan, hal ini dapat mempermudah pembaca blog untuk melihat postingan terakhir/terbaru pada blog kita. Apalagi jika tampilan recent post itu bagus, berganti-ganti dan naik turun.

Membuat Recent Post Berjalan sebenarnya sudah disediakan oleh blogger sendiri, tetapi sangat sederhana dan tampilannya pun tergantung pada template yang dipakai. Namun jika dengan cara ini, hasilnya saya rasa lebih memuaskan. Apakah harus otak-atik kode script / bahkan otak-atik script template? Anda hanya cukup copy paste aja cara yang akan saya berikan berikut. Tinggal ganti URL blog anda aja, selesai.

Langkah Membuat Recent Post Berjalan sebagai berikut :
1. Masuk akun blogger anda
2. Pilih tata letak
3. Tambah Gadget
4. Javascript / HTML
5. Copy dan pastekan kode berikut di kotak Javascript / HTML tadi.

<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:hidden;
margin-top:5px;
padding:0px 0px;
height:415px;
}
#spylist ul{
width:auto;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:auto;
padding: 5px 5px;
margin:0px 0px 1px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</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 = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "komentar";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " "; 
numposts = 7; 
home_page = "http://www.aagarang.blogspot.com/";
limitspy=5
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript"></script></div>

6. Simpan.

Keterangan : Numbpost adalah jumlah postingan terakhir yang ingin anda tayangkan. Sedangkan home_page adalah URL blog anda sendiri.
Tanyakan di kotak komentar jika belum faham. Insya Allah saya balas.
Wassalam

Read More

Free Hosting Alternatif Untuk Menyimpan Javascript

      Now a days, keberadaan javascript dalam sebuah blog mutlak diperlukan. Javascript mempunyai fitur yang unik dan javascript juga membuat penampilan sebuah blog menjadi lebih atraktif. Permasalahannya sekarang adalah penggunaan javascript dalam sebuah blog membutuhkan hosting atau tempat penyimpanan. Google sendiripun sebenarnya sudah menyediakan tempat untuk menyimpan javascript yaitu di Google Code. Seperti layanan produk dari Google lainnya, Anda bisa menggunakan Google Code sebagai hosting javascript secara gratis. Jika Anda ingin mengetahui cara membuat akun dan menyimpan file di Javascript.

Disini saya tidak akan membahas Google Code, saya sudah terlanjur sakit hati. Tak satupun akun saya di Google Code bertahan lebih dari 10 menit. Jika ada teman-teman blogger yang mengalami nasib seperti saya, di tulisan kali ini saya akan memberikan alternatif lain bagi Anda untuk menyimpan file javascript, tentu saja gratis juga. Tempat hosting javascript gratis itu adalah yourjavascript.com dengan motto : If you've got problem with your javascript files on your hosting, just host it on yourjavascript.com. We will host your javascript for free. Situs hosting gratis ini khusus hanya untuk menyimpan file javascript.

Caranya sangat gampang sekali, tidak berbelit-belit anak SD pun bisa melakukannya. Di yourjavascript.com Anda tidak harus daftar terlebih dahulu, tinggal pilih file javascript yang ingin Anda upload, kemudian isi kode verifikasi dan email Anda. URL javascript selanjutnya akan segera dikirim ke email. Disitu nanti juga ada pilihan, javascript yang Anda upload digunakan pribadi atau terbuka untuk umum, jika ingin menggunakannya untuk pribadi Anda tinggal centang make private kemudian isikan URL blog pada kotak di bawahnya. Seperti pada gambar di bawah ini :

Setelah Anda mengisi semua kotak kosong seperti gambar diatas, buka email Anda (biasanya masuk ke spam). Disitu nanti Anda akan mendapatkan URL script dari javascript yang Anda upload seperti gambar di bawah ini :

Kapasitasnya 2 GB per satu akun email, saya sudah mencobanya dan sudah saya pasang di beberapa template buatan saya, so far so good. Jika Anda ingin mencoba layanan hosting gratis untuk javascript ini, silahkan klik logo yourjavascript.com diatas. Demikian artikel kali ini, selamat mencoba dan semoga bermanfaat.

Read More