Cara Membuat Kotak Pencarian Blog / Website dengan Mudah

Cara Membuat Kotak Pencarian Blog / Website dengan Mudah.. Pada Kesempatan ini saya Blog Joisetrick ingin berbagi mengenai cara membuat form search atau kotak pencarian di blog / website. mungkin bagi para master blogger cara ini sangatlah mudah dan bahkan menertawakan saya tapi bagi saya ini sangat berkreasi dan bukan hanya sekedar copy paste dari blog-blog yang lainnya. dalam tutorial kali ini tentang cara membuat form search atau kotak pencarian di blog / website. blog atau website mungkin masih terlalu kurang lengkap apabila tidak disertai dengan adanya form seach / Kotak Pencarian, karena mungkin tanpa adanya form search pasti si pengunjung juga bingung harus mencari artikel atau file yang lainnya dari mana ngetiknya y kaaaan...! mending langsung aja yah simak tutorialnya...

1. Copy Kode HTML di bawah ini..

<form action="http://cobatrik.blogspot.com/search" method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

2. Login ke Blogger
3. Pilih Tata Letak seperti pada gambar di bawah ini..

4. Tambah Gadjet.. seperti yang terlihat pad gambar di atas dengan panah berwarna merah..
5. Pilih HTML/Javascript.. seperti pada gambar di bawah ini..

Simpan / Save..

NB..
- Text yang berwarna Merah ganti dengan alamat blog kawan..

READ MORE - Cara Membuat Kotak Pencarian Blog / Website dengan Mudah

Pengertian Dari CSS (Cascading Style Sheets)

Salam Sobat Blogger, Perkenalkan Ini Blog Baru Saya. Blog Ini Akan Membahasa Tentang CSS Dan Bahasa Pemrograman Web Lainnya, Untuk Tutorial Pertama Kita Akan Membahas Apa Itu CSS...

Cascading Style Sheet (CSS) merupakan aturan untuk
mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan stylelainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Dari Penjelasan Singkat Diatas Para Sobat Blogger Sekalian Dapat mengerti Apa Itu Yang Dimaksud CSS.

READ MORE - Pengertian Dari CSS (Cascading Style Sheets)

Cara Membuat Link Eksternal Otomatis Terbuka di New Tab (Tab Baru)

Fungsi javascript kali ini adalah membuat link yang ada di blog kita terbuka di tab baru tapi ets jangan salah, javascript ini di program untuk membaca link selain blog kita artinya begini, misalnya blog saya ini URLnya http://sin1aja.blogspot.com/ nah diblog saya ini saya menyimpan banyak link namun link tersebut adalah link web / blog orang, maka link tersebut di istilahkan link Eksternal. Nah jika anda ingin link Eksternal tersebut terbuka di tab baru Simpan kode di bawah ini diatas </head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script type='text/javascript'> //<![CDATA[ $(function(){ $("a").filter(function(){ return this.hostname && this.hostname !== location.hostname; }).attr('target','_blank'); }); //]]> </script>

Setelah itu coba deh buka blog anda lalu cek link Eksternal yang ada diblog anda lalu coba klik, semoga berhasil yah :)

READ MORE - Cara Membuat Link Eksternal Otomatis Terbuka di New Tab (Tab Baru)

Cara Membuat Facebook Auto hide di Blogspot dengan Mudah

Cara Membuat fan page Facebook Auto Hide ( muncul tanpa di klik ) - Ada beberapa cara memodifikasi fanpage facebook , setidaknya kali ini saya akan kasih salah satunya.. Setelah mempostingan artikel tentang
cara memasang headline news di blog, kali ini akan memposting tentang fanpage facebook auto hide.
Hampir mirip dengan chatbox milik ane yang bisa sobat liat di sebelah kanan halaman ini, widget ini akan muncul di bagian tepi sebelah kanan halaman blog sobat juga.

Tertarik untuk memasang widget fanpage facebook auto hide, ikuti langkah -langkahnya..

Tahap 1

1. log in ke akun Blog sobat.
2. Klik Rancangan --> Edit HTML --> Cari kode </head> ( gunakan Ctrl + F )
3. Letakkan kode berikut di atasnya.


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Tmbhn : Jika sobat dapati kode tersebut memang sudah ada, hiraukan tahap ini dan langsung ke tahap berikut..


4. Klik Save

Tahap 2

1. Klik Elemen Laman
2. Klik Tambah Gadget
3. Pilih HTML/Javascript
4. Masukkan kode berikut ke dalam kotak yang di sediakan

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FACEBOOK PAGE SOBAT&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://trickwijaya.blogspot.com/2012/12/cara-membuat-facebook-auto-hide-di.html">.: Pasang Widget :.</a></span></div></div>

Tmbhn : Ganti tulisan bercetak tebal dengan URL page sobat
seperti gambar berikut..

5. Klik save dan lihat hasilnya!!

Semoga tips di atas bisa membantu sobat blogger.

READ MORE - Cara Membuat Facebook Auto hide di Blogspot dengan Mudah

Pengertian dan Kegunaan JavaScript

1. Sejarah JavaScript

JavaScript pertama kali diperkenalkan oleh Netscape pada tahun 1995. Pada awalnya bahasa yang sekarang disebut JavaScript ini dulunya dinamai “LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2 yang sangat populer pada saat itu. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman “Java”) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada bahasa tersebut pada tanggal 4 desember 1995.

Pada saat yang bersamaan Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai “Jscript” di browser milik mereka yaitu Internet Explorer 3. JavaScript sendiri merupakan modifikasi dari bahasa pemrograman C++ dengan pola penulisan yang lebih sederhana dari bahasa pemrograman C++.

2. Pengertian JavaScript

JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan khusus untuk dibrowser atau halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.

Javascript merupakan bahasa scripting yang digunakan untuk membuat aplikasi web, sifatnya client-side sehingga dapat diolah langsung di browser tanpa harus terhubung keserver terlebih dahulu. Walaupun namanya menggunakan kata “Java”, Javascript tidak berhubungan dengan bahasa pemprograman java, meskipun keduanya memiliki kemiripan dalam hal syntax yang meniru bahasa C.

Nama Asli dari bahasa ini adalah LiveScript yang kemudian diganti karena adanya perjanjian kerjasama antara Netscape dan Sun dengan balasan Netscape memperbolehkan untuk membundel browse mereka dengan menggunakan Java dan Sun. “JavaScript” merupakan merk terdaftar milik Sun Microsystem, Inc dan dilisensikan oleh Sun untuk Netscape Comunications dan entitas lainnya seperti Mozilla Foundation.

3. Kegunaan JavaScript

Kegunaan utama JavaScript adalah untuk menuliskan fungsi yang disisipkan kedalam HTML baik secara langsung disisipkan maupun diletakan ke file teks dan di link dari dokumen HTML.

Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan (embedded). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.

READ MORE - Pengertian dan Kegunaan JavaScript

Kata Mutiara

READ MORE - Kata Mutiara

Sejarah Perkembangan Pramuka di Indonesia

Memperingati Hari Pramuka Indonesia yang jatuh tanggal 14 Agustus, di artikel kali ini akan mengisahkan perjalanan Pramuka Indonesia dari masa ke masa. Penasaran bagaimana perkembangannya? Simak selengkapnya di artikel berikut ini.

---

READ MORE - Sejarah Perkembangan Pramuka di Indonesia