0 ARCHIVE BLOG DENGAN MODEL DROPDOWN

Kemaren ada salah satu pengunjung blog ini yang menanyakan kepada saya bagaimana cara memasang archive blog dengan model dropdown seperti archive blog ini yang bisa Pembaca lihat pada bagian atas kolom tengah blog ini. Sebenarnya untuk menambah gadget archive blog dengan model dropdown sama saja dengan menambahkan gadget lainnya.hanya saja pada bagian pengaturan gadgetnya kita perlu sedikit merubah pengaturan

gadget tersebut.salah satu manfaat dari gadget dropdown ini kita bisa menghemat panjang halaman blog..sehingga tampilan halaman pada home blog tidak kepanjangan dan juga bisa mengurangi loading pada saat masuk ke bagian home..
Oke langsung saja, buat para pembaca yang mungkin lagi mencari tutorial tetang pemasangan gadget dengan model dropdown.pembaca bisa langkah – langkah berikut :

1. Seperti biasa, login keakun blog anda
2. Pada tampilan dashboard pilih menu tata letak atau rancangan..sama saja
3. Kemudian anda akan dibawa pada tampilan elemen laman blog anda..
4. Setelah berada pada elemen laman blog anda..sekarang klik tambah gadget pada kolom dimana anda akan meletakkan gadget blog anda.
5. Kemudian Pada tampilan “Tambahkan Gadget”,pilih Archive dengan mengklik tanda + berwarna biru sehingga muncul tampilan gambar seperti berikut :

6. Setelah itu pembaca tinggal mengklik radio button yang ada di samping “menu dropdown” seperti yang tampak pada gambar diatas.
7. Untuk pengaturan lainnya, pembaca bisa menentukan sendiri sesuai dengan keinginan pembaca. Setelah itu simpan gadget anda

------------------------------- selamat mencoba -------------------------------

0 Cara Membuat Cursor Bertaburan Bintang

1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:

<script src="http://www.geocities.com/adestd40/bintangputih.js" type="text/javascript"></script>

<script src="http://www.geocities.com/adestd40/bintangbiru.js" type="text/javascript"></script>

<script src="http://www.geocities.com/adestd40/bintangmerah.js" type="text/javascript"></script>

<script src="http://www.geocities.com/adestd40/bintangungu.js" type="text/javascript"></script>

<script src="http://www.geocities.com/adestd40/bintanghijau.js" type="text/javascript"></script>

5. Simpan jika sudah selesai.

0 Cara Membuat Judul Blog Berjalan

 

 

1. Pilih tata letak kemudian edit html
2. Jangan lupa beri tanda centang pada Expand Template Widget
3. Cari kode berikut <title><data:blog.pageTitle/></title>
4. Jika sudah ketemu, ganti kode tersebut dengan kode berikut ini

<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. Lihat apakah berhasil dengan (PRATINJAU) jika berhasil SIMPAN

0 Cara Menambah Kotak Chating di Blog

Setiap kali kita browsing di internet dan menemukan blog orang tentu kita sudah kenal yang namanya shoutbox, chatbox atau apalah istilahnya yang terpenting adalah tempat dimana sebagai tempat untuk menyampaikan sesuatu pesan kepada orang lain melalui type text (penulisan teks).
Untuk anda yang ingin menempatkan ChatBox/ShoutBox ini ke blog anda, maka anda harus berkunjung ke http://www.shoutmix.com untuk mendapatkan kotak chating di sana berupa script yang harus di pastekan di dalam blog anda.
Ada tiga langkah penting untuk mendapatkan chatbox dari shoutmix yaitu yang pertama membuat akun anda (create account), kemudian memilih bentuk (style) chatbox anda dan yang ketiga menempatkan code yang diberikan ke blog anda.

Setelah berada dalam web http://www.shoutmix.com, klik pada Create Account sehingga muncul jendela seperti pada gambar berikut

Pada window atau jendela ini kita diminta melengkapi data kita, pada shoutbox ID, masukan ID shoutbox ID anda dan password anda pada chose password dan ulangi sekali lagi di kota retype password.
Sedangkan pada bagian bawahnya masukan nama serta alamat email anda, jangan lupa berikan tanda centang/rumput pada terms of service dan klik continue


pada window di atas kita diminta untuk menentukan bentuk/style dari shoutbox yang sesuai dengan keinginan kita. Tentukan pilihan anda dengan klik pada yang berada di atas masing-masing bentuk/style shoutbox dan masukan huruf-huruf yang ada di sebelah kanan dalam kotak verification kemudian klik continue untuk menuju langkah ke tiga



Klik pada control panel yang saya beri lingkaran berwarna merah di atas

Klik pada Get codes untuk mendapatkan kode script shoutbox kita


klik place shoutbox on webpage seperti terlihat pada gambar di atas

bila hendak mengubah ukuran shoutbox anda, maka gantilah ukuran shoutbox anda dengan tinggi (height) dan lebar (width) yang sesuai dengan bentuk tampilan di halaman blog anda.


Langkah terakhir adalah menempatkan code shoutbox kita pada blog kita dengan cara copy code di atas dan pastekan pada blog kita. Caranya dapat di baca di sini
Untuk lokasi penempatan shoutbox anda sendiri yang akan mengaturnya di blog anda.
semoga membantu

0 Cara Membuat Form Kontak di Blog

Setelah mengunjungi blognya Kang Rohman dan membaca salah satu topik tentang membuat form kontak dengan memanfaatkan google docs, saya pun langsung mencoba membuat form kontak dengan google docs dan hasilnya sangat bagus maka saya tertarik untuk posting juga artikel cara membuat form kontak di blog.

Bagi yang ingin membuat Form Kontak dengan google docs silahkan login ke google docs dengan akun google kemudian ikuti langkah berikut.

Perhatikan Menu Drop Down Create New yang berada di sebelah kiri kemudian Klik Create New dan perhatikan beberapa sub menu yang muncul seperti Document, Presentation, Spreadsheet, Form dan Folder kemudian pilih Form.

Setelah klik Form maka akan muncul jendela pembuatan form kontak. Untuk memilih bentuk form kontak yang telah disediakan oleh google silahkan klik Theme:Plan jika tidak maka lanjut ke langkahh berikutnya lihat gambar di bawah ini .




 

Ganti teks pada tulisan Untitled Form menjadi nama dari form yang dibuat misalnya Form Kontak
isi sedikit teks pada kotak yang bertuliskan "You can include any text or info that will help people fill this out" menjadi Silahkan menghubungi kami dengan melengkapi data anda dan klik Submit.

Question Title diisi dengan Nama
Help Text : contoh : Hendri Piran
question type :Text

Klik Add Item

Question Title diisi dengan Email
Help Text : contoh : bintang.pb01@@gmail.com
question type :Text

Klik Add Item

Question Title diisi dengan Subjek Pesan
Help Text : contoh : Pembelian Modul Belajar Komputer
question type :Text

Klik Add Item

Question Title diisi dengan Isi Pesan
Help Text : isi pesan dengan singkat dan jelas !!
question type : Paragraph Text

INGAT  !! beri tanda centang pada Make this a required question untuk setiap item apabila anda menghendaki item tersebut harus/wajib diisi oleh pengujung.
klik done.

tambahkan item yang lainnya sesuaikan dengan kebutuhan.

klik more action di bagian tengah atas kemudian klik Edit Confirmation
Ketik teks sebagai pesan yang muncul setelah pengunjung klik Submit misalnya : Terima kasih anda telah menghubungi kami !! kemudian klik save.

 

Klik Save

Langkah berikutnya adalah melihat hasil akhir pembuatan form kontak dengan cara klik pada teks berwarna biru yang berada di bagian bawa jendela pembuatan form kontak (lihat gambar di bawah)






Bila hasilnya sudah sesuai silahkan ikuti langkah selanjutnya dan jika belum sesuai dengan keinginan silahkan edit kembali dengan cara klik gambar pensil yang berada di sebelah kanan setiap item.

Langkah terakkhir adalah klik More Actions dan pilih embed lalu copy kode tersebut dan paste di notepad atau langsung di paste di blog anda.

Menempatkan kode Form Kontak di Blogspot.

Login ke Blogspot dengan akun anda.
Klik New Post atau Posting Baru
Klik Edit HTML
Paste kode yang diperoleh dari google docs tadi dan klik Publish Post.
Untuk hasil form yang telah dibuat silahkan klik disini

0 cara Menambah Gadget Blogspot

Untuk menambahkan gadget yang sudah disediakan blogger sangatlah mudah, hanya saja memerlukan kreasi tersendiri agar gadget ditempatkan pada tempat yang tepat seperti misalnya gadget foto yang menampilkan foto pribadi maka sebaiknya ditempatkan di bawah dari profile kita.
Nah sekarang ikutilah cara untuk menambahkan gadget ke blog kita.
Login terlebih dahulu ke blogger, kemudian pilih layout.
Setelah memilih layout, pada seebelah kiri atau kanan dari blog anda ada pilihan "Add a Gadget", klik disitu. Lihat gambar berikut
Setelah di klik maka akan tampil jendela pilihan gadget, tentukan gadget anda sendiri sesuai dengan kebutuhan. Sebagai contoh disini kita menggunakan gadget "HTML/JavaScript". Kenapa saya menggunakan HTML/JavaScript karena nantinya anda akan lebih banyak menggunakan gadget ini termasuk menambahkan Google Adsense, atau memasang iklan untuk mendapatkan "pay per click" dan lain sebagainya.
Pada contoh ini klik saja di "HTML/JavaScript"

Pada Title Ketikan dan content masukan judul dan isi dari gadget tersebut sesuai dengan gambar berikut


Setelah selesai klik save dan coba preview blog anda dan lihat hasilnya.


selamat mencoba...

0 Cara menambah shoutmix tersembunyi di blogspot

• Log in dulu ke blog anda
• Klik menu layout
• Klik add a Page Elemen
• Klik pilih HTML/Java Script
• Copy paste kode di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url
('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+",
"+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()
"> </div>

<div class="gbcontent">

< Letakkan disini kode Shoutmix Anda>
<div style="text-align:right">
<a href="http://bintang-pb.blogspot.com/2011/02/cara-menambah-shoutmix-tersembunyi-di.html">
[Pasang Widget]
</a><a href="javascript:showHideGB()
">
[tutup]
</a>
</div>

</div>


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() +
"px";
</script></div>

• jangan lupa masukan code shoutmix anda tulisan yang berwarna merah
• Simpan selesai deh