TECE>AVG

Cara Membuat Jendela Browser Berputar-putar

JIKA ANDA BENER-BENER INGIN TAU Cara Membuat Jendela Browser Berputar-putar KIRIM PERMINTAAN KODE KE ALAMAT EMAIL SAYA DI : tece.avg@gmail.com

Okay langsung saja ni satu lagi trik buat blog karena begitu banyak yang penasaran tentang bagaimana memasang efek opening windows yang berputar mengelilingi layar saat pertamakali halaman blog terbuka, Nih jawabannya... silahkan di coba, dan akan saya beri cara yang gampang-gampang saja O.K?

Seperti biasa silahkan anda masuk Account blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Pilih Edit HTML==> Centang "EXPAND TEMPLATE WIDGET"
Dan lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".

Kemudian anda Copy kode dibawah ini :

lalu Paste kode tersebut tepat di bawah kode :

oke selesai
semoga bermanfaat bagi anda semua

http://www.rizkycreative-xp.co.cc/2010/07/cara-membuat-jendela-browser-berputar.html

Cara Membuat Tab View Widget Pada Sidebar

Pusing dengan widget yang kebanyakan tapi sedikit ruang yang tersedia di sidebar blog kamu? Tenang sobat, jangan putus asa dan lantas gantung keyboard alias berhenti jadi blogger, hehehe.... Ada solusi untuk mengatasi hal itu, yaitu dengan membuat menu Tab View. Tab View ini (dikenal juga dengan istilah Slide Show Menu) sangat berguna bagi kamu yang ingin menambahkan berbagai widget, baik itu Recent Post, Recent Comments, Link Blogroll, Link Banner teman, dll., tetapi tidak memiliki ruang yang cukup untuk menambahkan itu semua. Kamu bisa melihat contoh Tab View ini pada sidebar SC Community yang berisi menu: Ruang Tanya, Komentar, Link Sobat, dan Banner Sobat.

Untuk membuat Tab View ini dapat kamu pelajari dari situs www.o-om.com, trik-tips.blogspot.com, suprisdiantoko.com, dan situs-situs lain yang mengupas masalah ini. Tapi jika kamu lagi males bertamasyaria di dunia ~~luna~~ maya, pelajari saja cara membuat Tab View berikut:

Langkah Pertama

Login ke akun Blogger kamu.
Dari halaman dashboard, pilih Edit HTML.
Pada halaman Edit HTML, cari kode ]]> pada script template blog kamu. Tekan Control F untuk mencarinya.
Kopikan kode CSS berikut (gunakan Control C) dan letakkan di atas kode ]]> tersebut.
/* Menu Tab View
----------------------------------------------- */
div.TabView div.Tabs {
padding-top: 0px;
height: 24px;
overflow: hidden;
}

/* Menu Utama */
div.TabView div.Tabs a {
float: left;
display: block;
width: 80px; /*ukuran lebar tabmenu*/
text-align: center;
height: 24px; /*ukuran tinggi tabmenu*/
padding-top: 3px;
margin-right:4px; /*jarak antartabmenu*/
vertical-align: middle;
border: 1px solid #CCC; /*warna border menu*/
border-bottom-width: 0;
font-family: "Arial", Times New Roman, Serif; /*jenis hurup menu*/
font-size: 12px; /*besar hurup menu*/
letter-spacing: -1px;
background-color: #A4A4A4; /*warna latar menu*/
color: #FFFFFF; /*warna hurup menu*/
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}

div.TabView div.Tabs a.Active {
background-color: #888888; /*warna background menu aktif*/
color: #FFFFFF;
}

div.TabView div.Tabs a:hover {
background-color: #999999; /*warna background menu hover*/
color: #FFFFCC;
font-weight: bold;
}

/* Kotak Utama */
div.TabView div.Pages {
clear: both;
border: 1px solid #CCC; /*warna border kotak utama*/
overflow: hidden;
background:url("http://sites.google.com/site/ruangsc/image/bgtabview.gif"); /*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;
font-size: 12px; /*besar hurup kotak utama*/
}
Pada bagian yang diberi tanda keterangan, kamu dapat mengubahnya sesuai dengan yang diinginkan, seperti pada ukuran, warna maupun jenis hurup.
Setelah itu letakkan sumber script berikut di bawah ]]>
"
Pada tulisan yang berwarna merah tebal dapat kamu ubah disesuaikan dengan kebutuhan. Milsalnya pada ukuran width (lebar) dan height (tinggi), dapat kamu gunakan ukuran % atau pixel (px) yang disesuaikan dengan lebar sidebar blog kamu. Begitupun dengan judul Menu dan Isi Menu dapat kamu buat sendiri sesuai keinginan.
Selain itu kamu juga bisa menambahkan menu-menu lain (lebih dari 4) asalkan lebar sidebar blog kamu mencukupi. Atau bisa juga mengakalinya dengan cara memperkecil ukuran lebar menu pada script yang tadi diletakkan pada HTML template blog kamu.
Simpan hasil kerjaan kamu dan lakukan pratinjau (preview) untuk melihat hasilnya.

Nah, cukup mudah kan? Ok coy, selamat mencoba....

Cara Menuliskan Kode HTML di Dalam Postingan

Ada teknik tersendiri untuk menuliskan kode-kode/script HTML ke dalam postingan ( ga boleh sembarang lho nulis kode/script dalam postingan). Maksudnya ga boleh sembarangan gimana?Gini lho, Kode HTML maupung script HTML bila kita posting dengan menuliskan kode/script tersebut apa adanya, maka yang muncul di blog kita tidaklah seperti yang kita tuliskan. Misalnya gini, jika kita menuliskan kode dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode , maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode2/script2 tersebut ke dalam blog?

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode	Kode Pengganti
<	<
>	>
"	"

- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Cara Ketiga :
- Buka URL berikut ini http://centricle.com/tools/html-entities, kemudian masukkan kode-kode ynag akan kamu posting kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.
Ampersands & angle brackets need to be encoded.

Artisteer: Program untuk membuat Template Blogger, Joomla, Drupal, DotNetNuke dan Wordpress

Program Artisteer bisa saya katakan sebagai program template generator terbaik dan terbilang sangat lengkap. Ini sangat berbeda dengan template generator khusus blogger yang pernah saya publish beberapa waktu lalu. Artisteer tidak hanya disediakan untuk pengguna blogger saja, tapi hampir semua Platform blog populer seperti Joomla, Drupal, DotNetNuke dan Wordpress juga bisa menikmati tools ini.

Sayang program yang berkualitas seperti Artister ini tidaklah gratis. Untuk membelinya Anda harus mengeluarkan kocek sekitar $49 untuk versi Home & Academic Edition dan $129 untuk versi StAndar Edition. Tapi jangan kawatir, Anda masih bisa mendownload versi demonya. Untuk ukuran file lumayan besar besar juga sekitar 60MB. Anda bisa melihat demo programnya disini.

Berikut langkah-langkah membuat dan menerapkan template Blogger dalam hitungan menit

1. Jalankan Artisteer dan kemudian klik tombol "Suggest Design" beberapa kali, sampai Anda melihat sebuah ide yang Anda sukai