All About All
All About All

Me

Me
Rezki

Me

Me
Rezki

Me

Me
Rezki
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Jumat, 04 Januari 2013

Cara Merubah domain Blogspot ke (dot)com


Siapa sih yang gak mau domain GRATIS....
OK, bagi yang ingin membuktikan, silahkan langsung aja datang dan daftar , Klik banner di bawah ini untuk langsung daftar ,,




Click ! for Informations

>

Rabu, 02 Januari 2013

Kode warna






Kode warna ini terbilang menarik karna dibuat yang ada di Photoshop. Seperti Terlihat dibawah ini.

Get a Widget Kode Warna







Click ! for Informations

>

Selasa, 01 Januari 2013

Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.


Kemarin ada salah satu teman blogger yang bertanya kepada saya lewat komentar spam pada salah satu blog saya yang tidak tampil diposting tentang Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.


Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Show'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
Masukkan tulisannya Disini di sini
</div></div></div>

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:


Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.


Klik show untuk melihat
Masukkan tulisannya Disini di sini
 



Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.



Click ! for Informations

>

Cara Membuat Menu Tab View


Karena sering ditanya tentang bagaimana caranya membuat Tab View.Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya.
Tab view itu contohnya seperti ini :


Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}


4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>


6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :


<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>

</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />

</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>


Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.



Click ! for Informations

>

Ketahui Seberapa Berat Blogmu




Dalam membuat blog tentunya kita ingin supaya blog kita tampil semenarik mungkin, ya to? Tapi karena saking semangatnya kita dalam mempercantik blog, kadang-kadang kita sampai melupakan sesuatu yang penting, yaitu masalah berat (size) dan kecepatan (speed) berapa lama waktu yang dibutuhkan untuk membuka blog kita.

Walaupun blog kita bagus tapi kalo blog kita lama banget dibukanya maka pengunjungpun jadi enggan untuk singgah di blog kita. Kita tentu pernah kan membuka suatu web/blog yg luama buanget, karena saking lamanya kita akhirnya tidak jadi membuka web/blog tersebut. Nha tentu km gak pingin gitu kan, blogmu jadi miskin pengunjung gara-gara loading membukanya lama.

Nha dibawah ini ada alat untuk mengukur berapa besar ukuran (size) blog dan seberapa cepat loadingnya... Untuk menggunakan alat dibawah ini kamu tinggal memasukkan alamat blog yang ingin di cek. Kemudian hasilnya akan langsung keluar. Hasil yang ditampilkan yaitu : Size, Load Time dan Avarege Speed per KB. Yang perlu diperhatikan adalah "Size", karena "Load Time" dan "Avarege Speed per KB" hasilnya akan selalu berubah-ubah. Jika hasil tes menunjukkan blogmu size-nya lebih dari 100 KB, usahakan untuk menguranginya dengan cara mengurangi pernak-pernik yang kurang begitu berguna seperti jam, kalender, dll. Dengan alat ini km juga bisa membandingkan dengan web/blog kepunyaan orang lain.
Selamat mencoba. 






Masukkan alamat web/blog (maksimum 10)
(contoh: anti-fool.blogspot.com)















Click ! for Informations

>

Setting Domain di co.cc


Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding". Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc: Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya: 1. Managed DNS Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot. Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai 2. Zone Records Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www") Untuk option "TTL" biarkan saja, gak perlu dirubah2 Pada option "Type" pilih yang "CNAME" Untuk kolom "Value" isikan "ghs.google.com" Sehingga akan seperti pada gambar dibawah ini: Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini: Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing" Kemudian pilih "Switch to: • Custom Domain Setelah itu klik pada "Already own a domain? Switch to advanced settings" Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain". Selanjutnya klik tombol "Save Setting" Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama. 3. URL Forwarding URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama. Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi. Note: Metode ini tidak dianjurkan jika tidak terpaksa Jadi kesimpulannya adalah: Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records" Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS" Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.


Click ! for Informations

>

Sabtu, 22 Desember 2012

Kumpulan Efek - Efek Blog


Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.
Dan Silahkan Pilih Sendiri Yang Anda Suka.


1. Efek salju berjatuhan
2. Efek Kupu - Kupu Terbang

3. Efek kembang api.

4. Efek Gelembung

5. Efek hati bertaburan.


Cara pemasangan :
  1. Klik rancangan --> Edit html
  2. Letakkan script efek di atas kode </body>
  3. Klik Save.
 Selamat Mencoba...


Click ! for Informations

>

Kamis, 20 Desember 2012

Membuat Text Area Keren pada Blog


Text area merupakan sebuah kolom yang dengan kontainer tulisan atau kode html dengan tombol highlight atau select all sehingga memudahkan visitor meng-copy kode html atau tulisan pada blog. Oh ya pada kesempatan sebelumnya saya juga sudah menjelaskan tentang bagaimana membuat tombol buka tutup atau tombol spoiler di dalam postingan blog. Jika sobat berminat, silahkan baca DISINI.
Nah pada kesempatan kali ini, lostsector akan menjelaskan 2 (dua) macam text area yakni text area dengan tombol select all atau highlight all dan text area auto select. Untuk penjelasannya, perhatikan langkah-langkahnya di bawah ini :
1. Text area dengan tombol select all
Contoh  Text area dengan tombol select all »

Berikut Kode yang dibuthkan untuk membuat text area seperti di atas :
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="5" wrap="virtual">ganti tulisan ini dengan tulisan atau kode html yang sobat inginkan</textarea></div>
</form>
</div>

2. Text area auto select
Contoh text area auto select.


Kodenya :
<div style="text-align: center;">
<textarea cols="30" onmouseover="this.focus(); this.select();" rows="2">Contoh text area auto select jika cursor di sorot ke dalamnya</textarea></div>

Keterangan :
  • Warna Merah : Merupakan pengaturan text align (center : rata tengah, justify : rata kiri kanan, left : rata kiri, right : rata kanan)
  • Warna Biru : Merupakan tombol untuk memblok semua text area
  • Warna Orange : Merupakan lebar dan tinggi form text area
  • Warna Hijau : Merupakan isi dari text area, silahkan ganti seusuai dengan keinginan sobat.




Click ! for Informations

>