Gudang Enam

Aku baru dapat ilmu nich buat yang suka otak-atik blog silahkan dicoba yah… biasa bos... oleh-oleh dari jalan-jalan mengunjungi blog orang… kwakakakakak : r nah di judul blog kita terlihat berjalan-jalan di titlebar browser kamu… bagus bukan?? Oke kita mulai saja langkah-langkahnya…

1. Pertama login di blog kamu terus pilih layout  edit HTML
 
2. Cari kode dibawah ini:

<title><data:blog.pageTitle/></title>

3. Kalau sudah ketemu, ganti kode diatas dengan kode dibawah 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>

4. Kalau ingin merubah kecepatan geraknya, kamu tinggal atur angka yang berwarna biru dari script diatas… kalau angkanya di ubah 100 keatas, gerakannya makin lambat, nah kalau angkanya kurang dari 100, pergerakannya semakin cepat…
 
5. Lalu kalau sudah simpan
Jadi dech judul blog yang bergerak-gerak… :z kalau belum berhasil, ulangi langkah-langkah diatas sampai berhasil…

       MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

Tutorial kali ini kita akan belajar membuat rounded corners pada template blogger, apa rounded corners? Rounded corners merupakan desain web atau blog baru yang sedang digemari saat ini karena kesannya yang menarik. Yang saya maksud rounded corners adalah membuat border atau garis lengkung pada web atau blog seperti contoh berikut:

Hanya saja tidak semua browser bisa membaca perintah ini, sebagai solusinya kita bisa menggantinya dengan image.
Nah cara membuat rounded courners: mudah saja kita cukup menambahkan kode berikut :

-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;

Yang berwarna biru dapat diedit sesuai dengan bagian border yang ingin kita buat melengkung dan besar pixel yang kita inginkan.
Contohnya kita ingin membuat border pada main (tempat menulis postingan) dan sidebar (tempat mengisi ragam widget) menjadi melengkung caranya:

• Pada dasbor>>> Klik tata Letak>>> Edit HTML>>> cari kode seperti ini:

.sidebar .widget, .main .widget {
  background:#fff;
  margin:0 0 1.5em;
  padding:0.5em;
  border:1px solid #C94093;  }

• Kemudian tambahkan kode berikut dibawah kode tadi:

-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;

• Sehingga kodenya jadi seperti ini:

.sidebar .widget, .main .widget {
  background:#fff;
  border:1px solid #C94093;
  margin:0 0 1.5em;
  padding:0.5em;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px; }

• Simpan template

Lihat hasilnya pada blog sobat.
Kalau mau yang lebih menarik dan instant langsung aja ke spiffy corners dan spiffy box

Semoga bermanfaat

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

Gini nih caranya :
1. Login ke blogger lalu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>



Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat DISINI

3. Kalau sudah kemudian Simpan.

Cara Posting
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.

Dah gitu aja, gampang kan

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

bagaimana cara custom domain di blogger atau blogspot,  Apa itu custom domain di blogger? yang di maksud custom domain di blogger disini adalah mengganti alamat blog yang di blogger atau blogspot dengan nama domain milik sendiri atau dengan Top Level Domain (TLD)., misal http:/kolom-tutorial.blogspot.com diganti alamatnya menjadi http://www.gudangenam.com atau dengan http://gudangenam.info atau dengan alamat yang lainnya.
Mengganti alamat sub domain blogger atau blogspot dengan Top Level Domain (TLD) tentu saja mempunyai kelebihan serta kekurangan dibanding dengan tetap memakai sub domain blogspot, berikut beberapa kelebihan custom domain blogger yang mungkin bisa anda pertimbangkan :

Tampil Lebih Professional

Memakai nama domain sendiri biasanya akan dianggap lebih professional dibandingkan dengan memakai sub domain blogger. Anggapan seperti ini sangat diperlukan apabila blog anda adalah merupakan sebuah blog bisnis terlebih lagi untuk toko online atau blog untuk menjual barang atau jasa, ini akan mempengaruhi tingkat kepercayaan dari para pelanggan atau customer.
Nama domain seringkali diperhatikan oleh para pengunjung, apabila blog anda konten nya  berisi tentang tips berbisnis yang bisa mendatang uang dengan mudah, kadangkala pengunjung akan sedikit meragukan akan apa yang ditulis. Kadangkala ada ungkapan rasa keraguan seperti ini :

Ngomongnya aja bisa dapet ratusan ampe ribuan dollar setiap bulannya, nama domain yang cuma 80 ribu rupiah tidak kebeli, bener ngga tuh apa yang ditulis?

Nah, untuk anda yang ingin lebih sukses dalam berbisnis online sebaiknya dari sejak dini bisa menghindari rasa keraguan para pembacanya.

Tingkat Kepercayaan Tinggi

Ini masih erat hubungannya dengan yang ditulis diatas. Blog dengan nama domain sendiri akan lebih mendapatkan kepercayaan dibanding dengan blog yang masih memakai sub domain blogspot. Terlebih jika anda biasa bermain di bisnis jualan link atau paid review, top level domain akan lebih mudah mendapatkan job dibanding sub domain blogger walaupun memiliki page rank yang sama. Ini memang tidak mutlak, namun merupakan salah satu faktor yang menunjang dalam keberhasilan bermain bisnis sale links.

Hosting Gratis Dari Blogger

Salah satu kendala yang dirasa berat untuk blog yang sudah mempunyai jumlah kunjungan yang banyak adalah hosting, semakin banyak pengunjung maka biaya hosting yang harus dikeluarkan semakin besar. Dengan Custom domain diblogger anda tidak perlu memikirkan biaya hosting karena blogger memberikannya secara gratis.
Perlu diketahui bahwa apabila anda mengganti sub domain blogger dengan domain yang anda miliki, anda tetap berhubungan dengan blogger, segala sesuatunya akan tetap seperti sebelumnya. Mesin blog yang anda pakai tetap menggunakan mesin blogger, untuk mengatur anda tetap harus login ke blogger dsb.

Relatif Lebih Aman

 Jika suatu saat kasus tersebut menimpa anda, tidak usah terlalu risau dan itu bukan akhir dari segalanya, yang harus diingat adalah buatlah selalu backup data blog anda secara berkala. Langkah selanjutnya adalah membuat blog baru di blogger, lalu upload backup data yang telah dimiliki dan blog baru tersebut akan sama persis isi postingnya seperti blog yang dihapus, dan anda tinggal mengarahkan blog tersebut dengan domain anda sebelumnya. Semua akan kembali normal, anda tidak akan kehilangan pengunjung setia anda karena nama domainnya tetap sama.
Langkah yang lain adalah menghilangkan ketergantungan dari blogger dengan cara membeli hosting sendiri, lalu memakai mesin blog yang lain yang anda sukai dan tinggal di migrasi saja dari blogger ke mesin blog baru anda.

Diatas adalah beberapa keuntungan custom domain di blogger, tentunya masih banyak lagi keuntungan yang lainnya, namun untuk sedikit membatasi agar posting ini tidak terlalu panjang maka hanya itu saja yang ditulis.

Namun, saya menyarankan bahwa custom domain ini untuk blog baru saja dan tidak untuk yang telah lama, alasannya? untuk yang custom domain, blog anda akan menjadi sebuah blog baru lagi. segala sesuatu seperti jumlah Subscriber, backlinks, Page Rank  serta lain sebagainya akan menjadi baru semua. Namun, jika anda tidak mempermasalahkan hal tersebut.tentu tidak ada masalah.

Apa yang diperlukan untuk melakukan custom domain? yang diperlukan hanyalah nama domain serta layanan DNS. Untuk beberapa penjual domain, layanan DNS disediakan secara gratis sehingga anda tidak perlu mengeluarkan biaya tambahan atau menggunakan layanan free DNS pihak ketiga sehingga anda tidak terlalu repot.
Berapa harga domain? harga domain sangat bervariasi tergantung dari kejelian anda dalam memilih domain provider, namun sebagai gambaran saja bahwa harga domain berkisar antara Rp.70.000 hingga Rp.100.000 untuk masa kontrak selama satu tahun, atau dengan kata lain dengan modal sekitar 70rb sampai 100rb anda akan memiliki blog yang lebih profesional dalam satu tahun kedepan dan tentunya anda bisa memperpanjang untuk tahun berikutnya.

Perlu anda ingat bahwa anda bisa membeli domain dimana saja, namun agar lebih mudah dalam menulis tutorial ini, sebagai contoh  dengan menggunakan domain dari rumah web.
Untuk sedikit mempersingkat postingan ini, maka berikut cara-cara custom domain :

* Jika anda telah mempunyai domain, silahkan login ke kontrol panel domain anda, tentunya dengan username serta password yang telah di berikan.
*  Sorot menu Domains kemudian pilih List All Orders.

* Klik pada domain yang ingin anda setting untuk custom domain.

* Klik tab menu DNS, lalu klik tombol Active DNS

* Klik tombol Auto-update nameservers


* Akan ada keterangan bahwa nameserver yang baru bisa aktif dalam waktu 24-72 jam.

Nameserver Modifications completed successfully. You will need to allow a 24-72 hour propagation time for the DNS service to begin working.

* Masih dalam tab menu DNS, klik tombol Manage DNS, akan muncul halaman baru, kemudian klik tab menu CNAME Records,  lalu klik tombol Add CNAME Record

* Isi Host Name dengan www , lalu isi Value dengan ghs.google.com , untuk TTL biarkan saja. Akhiri dengan klik tombol Add Record.

* Setelah proses selesai, klik tab A Records. kemudian klik tombol Add A Record

* Untuk Host Name biarkan kosong, isi Destination IPv4 Address dengan 216.239.32.21 , untuk TTL biarkan apa adanya. Kemudian klik tombol Add Record

* Lakukan langkah Add A record sebanyak 3 kali lagi, namun IP yang di masukkan adalah nomor 216.239.34.21 , 216.239.36.21 , 216.239.38.21 . Sehingga nanti akan ada 4 records yang dihasilkan

* Langkah penambahan IP diatas dimaksudkan agar blog anda tidak mengalami error apabila diakses tanpa www.
* Untuk setting CNAME pada domain telah selesai, langkah selanjutnya adalah setting pada blog anda yang di blogger.

Berikut cara setting blog anda yang di blogger
* Silahkan login ke blogger dengan ID anda
* Klik Pengaturan untuk yang mau di custom domain

* Klik tab Publikasikan
* Klik Domain Ubahsesuaian

* Klik Beralihlah ke pengaturan lanjut

* Isilah Domain Anda dengan nama domain yang tadi disetting DNS nya, jangan lupa sertakan www didepannya. formatnya adalah www.domainanda. Contoh www.indodesigner.net. Isilah verifikasi kata yang ada dan akhiri dengan klik tombol SIMPAN SETELAN.

* Selesai.

Proses Custom domain blogger telah selesai, namun biasanya memerlukan waktu agar blog anda bisa diakses menggunakan domain baru. Proses ini biasanya memakai waktu paling lama 24 jam, namun banyak yang hanya dua atau tiga jam telah selesai, dan blog anda bisa diakses dengan domain anda.
Sebagai contoh langkah-langkah diatas, dengan menggunakan nama domain http://www.indodesigner.net
Selamat mencoba dan semoga blog anda semakin tampil lebih professional.
sumber : http://kolom-tutorial.blogspot.com

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

Bermula dari komentar seorang rekan, yang lumayan panjang lebar, tentang Widget HTML/Javascript tidak bisa disimpan kecuali dengan Judul. Entah kenapa hal ini terjadi, kemungkinan ada bugs di blogger. Atau mungkin Blogger merubah pengaturan javascript, entahlah.
Setelah saya coba membuat widget HTML/Javascript dan text memang hal itu terjadi, widget tidak bisa disimpan kecuali dengan menggunakan judul/title. Ada peringatan "Harap perbaiki kesalahan pada form ini" dan  "Bidang yang dipersyaratkan tidak boleh kosong".
Bagi rekan yang ingin menampilkan widget html/javascript tanpa menampilkan judul, saya akan memberikan solusi alternatif. (Sebenarnya bukan khusus widget HTM/Javascript saja, bisa untuk semua widget).

Langsung langkahnya aja sob:

1. Buat widget HTML/Javascript, tulis judul terserah anda. misalkan TEST.
2. Simpan.
3. Masuk ke Dasbor > Rancangan > Edit HTML. Centang Expand Template Widget.
4. Cari judul yang anda buat. Supaya lebih memudahkan pencarian (Ctrl+F) kemudian ketik judul.
5. Perhatikan kode di bawah ini, (yang berwarna biru, adalah judul widget)

</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='test' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
  <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

Stop dulu sob..... sekarang siap2 menghilangkan judul.., lebih tepat menyembunyikan.
1. Perhatikan kode yang berwarna merah.
2. Ganti dengan kode dibawah ini :

<h2 style='display:none'><data:title/></h2>

3. Simpan dan lihat hasilnya.

Pada preview di dasbor judul tetap ada, tapi di blog akan disembunyikan. Trik di atas hanya salahsatu cara saja, masih banyak cara yang lain. Kalau saya tulis semua takut kepanjangan...
Gimana hasilnya sob? udah coba?


Karena masih ada yang tampil, seperti komentar 'Kyutaroo'. Tips dibawah ini untuk menghilangkan dan bukan lagi menyembunyikan.

1. Perhatikan lagi kode berikut :

</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='test' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

  <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>
    <data:content/>
  </div>

2. Hapus kode yang berwarna merah.
3. Simpan.

SELAMAT MENCOBA

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

Judul blog berguna untuk memberi informasi tentang blog kita dan sangat penting dalam search engine.. tapi jika di blogger judul blog tampak di header dan jika kita membuat background header yang kita buat sedemikian unik, bagus dan keren menurut kita akan mengganggu pemandangan background header kita...

Nah pada pembicaraan kali ini Anas akan membuat suatu tuorial sederhana untuk menghilangkan judul blog di header namun tidak hilang judul blog kita sebenarnya hanya saja tidak tampak pada header. Yupzz kemaren Anas udah pernah buat tutorial sederhana mengenai cara menghilangkan Tanggal posting tapi sekarang Anas akan membuat tutorial cara menghilangkan Judul Blog di header... oke langsung saja

Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog Anda yang mirip seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}

nahh seperti halnya menghilangkan tanggal posting kita tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}

Jika Sudah Simpan pengaturanya....

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}

contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.

Selamat Mencoba.....!!

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!

Setelah pada postingan sebelumnya kita membahas Cara membuat read more atau baca selengkapnya. Kali ini saya ingin berbagi lagi dengan pengunjung, kali ini cara merubah atau mengganti read more dengan image agar tampilannya lebih menarik.
Yang pertama harus disiapkan tentu adalah sebuah icon image seperti ini: atau seperti ini:
     atau seperti ini kemudian uploadlah image tersebut ke situs tempat penyimpanan image seperti photobucket. Setelah proses upload selesai, copylah URL image tersebut, seperti contoh dibawah ini :
http://i685.photobucket.com/albums/vv220/amatullah_sy/read%20more/readmore-1.gif
Tambahkan kode agar image tersebut dapat ditampilakn seoperti dibawah ini :
<img src="http://i685.photobucket.com/albums/vv220/amatullah_sy/read%20more/readmore-1.gif"/>
Image akan terlihat seperti ini gambar kedua diatas, tentu kreasi imagenya anda bisa sesuaikan sdengan selera anda (ini hanya contoh).
Selanjutnya ikuti tutorial berikut:

• Seperti biasa anda harus dalam keadaan sig ini pada blogger
• Masuk menu Tata Letak/ Layout=>klik Edit HTML=>Centang kotak kecil disamping Expand Template Widget
• Untuk menjaga yang tidak anda inginkan bisa Back up terlebih dahulu template anda!
• Kemudian cari kode seperti ini:

<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Read More...</strong></a>
</b:if>

• Gantilah kalimat Read More dengan URL image yang telah disiapkan diatas, sehingga menjadi seperti ini :

<p><data:post.body/></p>
<a expr:href='data:post.url'><strong><img src="http://i685.photobucket.com/albums/vv220/amatullah_sy/read%20more/readmore-1.gif"/></strong></a>
</b:if>

• Terakhir, save template anda! Lihat hasilnya!

Semoga bermanfaat!

MAMPIR SILAHKAN AJA TAPI KOMENTARNYA DUNK...!!!