Cara Membuat Tombol Show - Hide Di Blog

Saatnya posting... kali ini saya akan membahas tentang cara membuat tombol hide-show atau juga lebih dikenal dengan istilah spoiler. manfaat dari tombol hide-show atau spoiler ini adalah untuk menyingkat suatu tampilan fitur atau objek lain. misalnya kalian punya artikel atau widget yang panjang pasti akan banyak memakan tempat bukan?? dan di lihat juga kurang sedap.. hehe..

untuk lebih jelasnya kalian bisa lihat contohnya di bawah ini :

Silahkan diisi apa saja di sini, yang memang dirasa perlu tuk disingkat

 

 

OK langsung saja ini caranya :

1. Login to Blog Anda.
2. Setelah masuk di halaman Dasboard, KLIK link Tata Letak.
3. KLIK Add Gadget/Tambah Gadget.
4. KLIK HTML/Javascript.
5. Pastekan Kode Ini :

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">
Silahkan diisi apa saja di sini, yang memang dirasa perlu tuk disingkat
</div></div></div></div> 

6. KLIK SAVE/Simpan, kemudian lihat hasilnya dengan membuka blog.

Keterangan
:
-.Biru: Silahkan anda ganti dengan kata-kata yang anda inginkan misal: Munculkan, atau show!
-.Orange: Anda bisa menggantinya dengan kata yang anda inginkan, misal: Hide, atau hilangkan!
-.Hijau: Silahkan disisipi dengan teks atau kode yang memang perlu disingkat.

Good Luck

Cara Mengganti Background Blog

Untuk mempercantik Latar Blog Sobat Mari Test Cara Berikut ini Cekidot >>

Cara Mengganti Background Blog

Dasbor ->> edit HTML jgn Lupa dicentang, Cari Kode DIbawah ini.

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Nah yang berwarna Merah lah yang perlu Anda Ubah dengan Kode HTML Warna BIsa anda Lihat Disini

Sumber : klik

Cara membuat Iklan melayang di blog dengan tombol close

Cara membuat Iklan melayang di blog dengan tombol close - Bisnis internet salah satunya ialah dengan memasang iklan di blog agar mendapat $$$, semakin banyak jumlah klik pastinya penghasilan juga ikut bertambah, peran penempatan iklan disini sangat penting, untuk mendapatkan klik iklan pengunjung blog, sobat harus menempatkan iklan itu ke tempat yang strategis.  Nah lantas dimana tempat strategis menempatkan iklan? Berdasarkan hasil pencarian yang saya lakukan di google tentang tempat iklan strategis, salah satunya ialah dengan menempatkan iklan menjadi melayang atau Floating Ads, tahukah sobat tentang iklan melayang? kalau gag tau blogwalking sono ke berbagai blog komersil!

Untuk iklan di BlogRion, belum saya maksimalkan! dikarenakan selain trafik blog juga belum ada yang berminat pasang iklan di BlogRion (he he he). Walaupun begitu, saya juga punya cara untuk memasang iklan, salah satunya dengan membuat iklan melayang, dan pada kali ini rion akan mengshare bagaimana cara membuat iklan melayang atau bisa juga disebut floating ads. Iklan melayang pada tutorial membuat iklan melayang ini akan muncul ketika suatu loading blog telah selesai. Iklan melayang ini terletak di bagian atas blog dan juga dilengkapi dengan fungsi tombol Closenya. Jadi, pengunjung blog tidak merasa terganggu dengan adanya iklan melayang tersebut karena jika si pengunjung blog ingin menghilangkan iklan melayang itu, tinggal klik tombol close pada iklan melayang tersebut. Selain iklan, sobat juga bisa mengisi widget ini dengan guest box atau like fan page box atau lainnya. Langsung saja untuk Cara membuat Iklan melayang (Floating ads) di blog sobat bisa lihat tutorialnya di bawah ini:

• Login ke blogger.com menggunakan akun blog sobat
• Tata Letak
• Tambah Gadget
• Cari HTML/Javascript
• Copy kode di bawah ini dan pasang di pengeditan html widget

<style type="text/css">

#gb{

position:fixed;

top:50px;

right:300px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:center;

border:2px solid #000000;

background:#ffffff;

padding:10px;

}

</style>

<script type="text/javascript" src="http://www.geocities.ws/reggy/ads.js"></script>

<div id="gb">

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

<div class="gbcontent">

<div style="text-align:right">

<a href="javascript:showHideGB()">

Klik iklan di bawah ini lalu Klik CLOSE </a>

</div>

<center>

<!----Kode iklan / like box / lainnya----->

</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></div></div>

• Simpan dan lihat hasilnya 

Ket:

1. Tulisan yang berwarna merah adalah kode iklannya, bisa juga sibat ganti dengan kode lain seperti like box / tombol follow twitter / lainnya
2. Tulisan yang berwarna biru adalah posisi floating ads nya
3. Sobat bisa merubah warna kotak adsnya. Ganti tulisan yg berwarna hijau

Untuk Cara membuat Iklan melayang di blog dengan tombol close jika ada yang belum mengerti silahkan tanya di kotak komentar yaa!

Sumber : http://ri-on.blogspot.com/2012/10/cara-membuat-iklan-melayang-di-blog-dengan-tombol-close.html#ixzz2G7Emn4J3

Cara Membuat Blog Mantaince

1. Login Ke Blog Anda
2. Masuk Rancangan Di Salah Satu Blog Anda Lalu Tekan Edit HTML
3. Cari Kode ]]></b:skin> Agar Lebih Mudah Tekan CTRL + F Dan Masukan Kode ]]></b:skin>
4. Tambahkan Kode Di Bawah Ini Tepat Di Atas Kode ]]></b:skin>

html {  height: 100%;  background: url(http://3.bp.blogspot.com/-0MyUFq1zOsw/T_gdt-Od2-I/AAAAAAAAATg/2ZRNFoTeuLs/s1600/untitled.PNG) no-repeat center 50%;  margin: 0;}body {  display: none;}

5. Jika Sudah Simpan Templatenya...

Note * Kode Yang Berwarna Merah Harus Di Copy Di Atas Code Berbackground Abu Abu *
         * Ganti Url Yang Berwarna Biru Dengan Url Gambar Anda Sendiri  *

Sumber

Cara Membuat Efek Meteor Jatuh Di Blog

Hai Sobat Blogger Hari Ini Saya Akan Berbagi Tutorial Cara Membuat Efek Meteor Jatuh Di Blog Tapi Sebelum Menjelaskan Tutorial Ini Saya Akan Mengingatkan Anda Terlebih Dahulu Agar Anda Meringankan Atau Menghapus Widget Yang Tidak Bermanfaat Untuk Blog Anda Karena Efek Meteor Jatuh Di Blog Ini Dapat Sedikit Memberatkan Blog Anda Script Ini Hanya Bertujuan Untuk Mempercantik Blog Anda.
Jika Anda Ingin Memasang Widget Efek Meteor Jatuh Di Blog Itu Mudah Saja Anda Tingaal Mengikuti Cara Yang Ada Di Bawah Ini :

1. Login Ke Blogger 2. Pilih Tata Letak Atau Layout 3. Lalu Tambahkan Gadget Atau Add Gadget 4. Lalu Tekan HTML/JavaScript   5. Lalu COPAS ( Copy Paste ) Kode Di Bawah Ini

<script language="javascript"> nd_mode="meteor"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_top"; </script> <script language="javascript" src="http://ubloseven.googlecode.com/files/Meteor.js"> </script>

6. Lalu Tekan Tombol Simpan Dan Lihat Hasilnya


Bagaimana Penampilan Blog Anda Sekarang ?? Lebih Menarik Bukan Tapi Sebelum Meninggalkan Blog Saya Ada Baiknya Anda Meninggalkan Komentar

Sumber : klik

Cara Merubah Nama Domain Blogspot

Cara merubah nama domain blogspot adalah mengganti nama alamat blog misalkan "namablog.blogspot.com" menjadi namablog.com, cara merubah nama domain blogspot ini juga disebut dengan istilah Custom Domain Blogspot. Menurut sebagian orang dengan menggunakan nama domain berbayar akan lebih menambah gengsi dan juga agar terkesan serius dalam mengelola blog terlebih lagi bila dalam blog tersebut digunakan untuk berjualan.
Sesungguhnya tidak ada yang salah dengan menggunakan nama domain blogspot atau anda tidak mengCustom Domain Blogspot anda menjadi nama domain .com .net atau nama domain lainnya yang berbayar, toh masih bisa menulis blog. Asalkan tulisan anda bermanfaat pastilah banyak pembaca yang akan terus membaca dan mengunjungi blog Anda tersebut. Namun bagi sebagian orang nama domain berbayar akan lebih meningkatkan "derajat" dimata pengunjung dengan alasan nama domain berbayar lebih bergengsi, oleh karena itu mereka merubah nama domain blogspot-nya atau melakukan custom domain blogspot menjadi nama domain berbayar pilihan mereka yang sudah dibeli.
Bila anda berminat untuk merubah nama domain blogspot atau ingin melakukan custom domain blogspot menjadi domain berbayar, berikut langkah-langkahnya:
Sebelum merubah nama domain blogspot menjadi domain berbayar pilihan anda sebaiknya siapkan terlebih dahulu sebuah domain yang sudah anda beli,

Cara Custom domain Blogspot

1. Login Ke blogger.com
Pilih blog yang ingin diubah nama domainnya dengan mengklik icon opsi dan memilih setelan.


2. Menuju bagian Penerbitan
Pada bagian ini Klik pada link tambahkan domain khusus,

lalu alihkan ke setelan lanjutan. Selanjutnya isikan domain yang sudah dibeli dengan menambahkan www. sehingga menjadi www. namadomain.com dan klik simpan.

3. Menuju ke panel domain
Login ke panel domain anda, untuk alamat panel domain silakan tanya ke penjual domain tempat anda membeli, untuk yang membeli di rekano.com alamat panel domainnya adalah http://panel.rekano.com/

4. setelah berhasil login, menuju menu Manage Orders kemudian list/Search Orders. Pilihlah nama domain yang ingin di custom domain blogspot


5. DNS Management

Jika terdapat kotak kuning seperti gambar maka klik pada Configure Now. Setelah itu klik Manage DNS. Jika tidak ada kotak yag warna kunig tersebut langsung saja klik Manage DNS.

6. Menambahkan A Record
Tambahkan A Record dengan mengklik Add A Record kemudian isi seperti berikut.

Untuk Host Name isi @ untuk domain utama yang diarahkan ke blogspot.
Pada Destination IPc4 Address isi dengan IP milik google yaitu 216.239.32.21 dan selanjutnya klik Add Record. Ulangi hingga 4x dengan mengisi IP 216.239.34.21, 216.239.36.21, 216.239.38.21.
Hingga hasilnya seperti pada gambar ini.


7. Menambahkan CNAME

Langkah berikutnya dengan menambahkan CNAME di menu CNAME Records. Dengan cara mengklik Add CNAME Record dan mengisi Host Name dengan www, Value pilih yang ke-2 dan isi dengan ghs.google.com terakhir TTL biarkan saja seperti itu. Lalu klik Add Record.

Proses merubah nama domain blogspot sudah selesai setelah ini tinggal menunggu hingga 24jam untuk melihat hasil perubahannya. Setelah Anda melakukan Custom Domain Blogspot maka namablog.blogspot.com secara otomatis akan beralih ke namadomain.com sesuai dengan yang telah anda setting tadi, karena cara ini tidak instan maka diharap untuk bersabar menunggu hasilnya hingga 24jam.

Sumber : klik di sini & di sini