Cara Mengganti Background template blog

sekian lama ga nulis,karna sibuk ma kerjaan,,(sebenernya ga sibuk sii,,cm males,,hehe,,)akhirnya sempetin waktu bwt nulis lg,,
mungkin tips ini sudah banyak yang tau,,tp ini hanya sebagai share aj buat yang belu mengerti caranya,,,langsuung yuu,,,


Caranya adalah dengan menyisipkan CSS background pada kolom isian custom CSS. Nah, kali ini BT Designer memudahkan kita soal penggantian background dengan gambar sendiri, langsung dari komputer.

1. login ke blogger
2. pilih Rancangan (atau Tata letak dulunya)
2. Silahkan ke bagian Rancangan/Design lalau pilih Template Designer
3. Klik tab background dan Anda akan menemukan menu baru Uplaod Image

4. Silahkan pilih gambar dari komputer Anda

Anda bisa melakukan pengaturan, seperti perataan background ke atas ke bawah ke kiri atau ke kanan pada menu Alligment. Anda juga bisa atur background berulang (repeat) jika gambar Anda kecil. Dan pada pilihan Scroll ketika Anda memilih Scroll With Page maka background dan halaman blog akan bergulir secara bersama.

Semoga info ringan ini bermanfaat dan semoga segera memulihkan semangat saya... Selamat sore...

Cara Buat Menu Tab VIEW pada blog

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... 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. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
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 ]]>
3. Kemudian masukkan kode berikut ini sebelum kode ]]>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.
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode

<script src='http://kendhin.890m.com/blog/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.

Mengunakan Domain co.cc di BLog

buat kalian para blogger yang ingin merubah domain menjadi www.namadomain.co.cc.

klik disini untuk ke co.cc

• pertama check / daftarkan alamat domain yg kamu inginkan di menu "Getting A Domain" lalu isikan alamat domain yang kamu inginkan di kolom yang disediakan, apabila nama domain kamu berhasil belum pernah dipake ma orang lain..segera lanjutkan ke "Continue to registration". lalu "Set Up"
  
• pada kolom "Set Up" terdapat tiga pilihan yaitu Manage DNS, Zone Record, dan URL Forwading, berikut penjelasannya ,
  

1. Managed DNS (Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress)

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 (Jika kamu memakai layanan blogger/blogspot)
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 (untuk blog dari multiply yang tidak support custom domain.)
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

Nah demikianlah Tutorial kali ini semoga bermanfaat untuk teman-teman semua dan JAYA TERUS BLOGGER INDONESIA
untuk mencoba co.cc klik disini

join webhost disini

Cek domain yang anda mau :