Cara Memasang Iklan Animasi Bergerak di sudut blog

Cara memasang Iklan Animasi di blog merupakan trik yang digunakan para blogger untuk memasang iklan yang ditampilkan dapat menarik pengunjung blog untuk klik. Trik ini ingin mencoba membahas bagimana iklan yang dipasang  selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Pemasangan iklan tidak mutlak, bisa juga gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Langkah-langkah untuk memasang iklan animasi sebagai berikut:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.
   

CODE:

#iklan_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>
   

CODE:

<div id="iklan_pojok">
<a href=http://belajarblog.blogspot.com>
<img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
</div>


http://belajarblog.blogspot.com adalah link. ganti dengan link kamu.
"http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.
5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Read more »

Posted in: Tips dan Trik

PBTemplated dot Com

Mencari template blogger untuk blog Anda bisa menjadi tugas yang menjengkelkan karena fakta bahwa ada begitu banyak pilihan di luar sana untuk benar-benar memilih. Selain itu, kadang-kadang Anda tidak memiliki cukup waktu untuk mencari template dan akhirnya Anda memiliki satu biasa-biasa saja yang tidak mencerminkan kepribadian dan keinginannya.

TBTemplates.com   mungkin  sebagai solusi yang akan membantu Anda untuk menemukan template blogger gratis secara langsung. Selain itu, situs ini memiliki aspek kolaboratif karena jika Anda berpikir Anda memiliki beberapa template yang baik, Anda akan dapat berbagi dengan semua orang. Dengan cara ini Anda bisa mendapatkan desain besar untuk blog Anda, dan Anda dapat menjadi inspirasi orang lain untuk merancang sebuah blog.

TBTemplates.com

Cara Upload / Install Template Blogger

Download template blogger baru Anda ke komputer Anda. Jika template yang terkandung dalam file zip, pastikan Anda telah diekstrak template XML.

1.Login ke Dashboard Blogger Anda.

2.Click "Layout".

3.Click pada "Edit HTML".

Sekarang Anda harus CADANGAN template Anda yang sekarang, sebelum menginstal template baru.

4.Click pada "Browse".

5.Now baru Anda pilih file template blogger (di sana sebagai file xml) dan klik "Open".

6.Click pada "Upload".

Pesan konfirmasi 7.Now akan appear.Click pada "MENJAGA widget".

Anda selesai.

Sumber : http://www.premiumbloggertemplates.com/2010/02/how-to-uploadinstall-blogger-template.html

Read more »

Posted in: Tamplated Blog

flagcounter dot com

Tambahkan flag Counter untuk halaman Web manapun dan mengumpulkan bendera dari seluruh dunia. Setiap kali seseorang dari negara baru mengunjungi situs Anda, bendera akan ditambahkan ke counter Anda. Tidak hanya akan membuat situs Anda jauh lebih menarik, tapi mengklik Bendera Kontra Anda akan mengungkapkan informasi menakjubkan dan grafik

Website apa bisa menambahkan Flag Counter?
Anda dapat menempatkan Flag Counter di hampir setiap situs. Semua yang diperlukan adalah bahwa situs mendukung gambar. Kontra Bendera kita adalah gambar sederhana!

Memodifikasi Flag Counter

Kami telah membuatnya sangat sederhana untuk membuat perubahan pada flag counter Anda. Anda dapat mengubah warna meja Anda, tambahkan baris, dan banyak lagi, setiap saat. Jika Anda memiliki Flag Counter terdaftar, di bagian bawah setiap halaman Anda statistik (dicapai setelah mengklik pada meja Anda) ada "meregenerasi HTML" link. Jika sudah terdaftar Kontra Bendera, log in ke bagian Flag Counter Manajemen untuk menemukan "meregenerasi Flag Counter" link. Cukup ikuti link tersebut dan Anda akan memodifikasi Kontra Bendera yang ada, dan dapat memperbarui semua warna dan pilihan pengaturan, atau bahkan beralih antara versi Kontra Bendera. Ketika Anda selesai, hanya swap keluar kode lama HTML dengan kode baru dan Anda akan siap!

MANUAL MODIFIKASI KODE

Hanya Pengguna Lanjutan

Kami telah merancang layanan kami sehingga Anda dapat mengubah pengaturan Anda langsung, dengan membuat perubahan sederhana untuk kode Flag Counter.

Saat ini ada 8 variabel yang berbeda yang dapat dimodifikasi dalam kode Anda. Ketika Anda pertama kali membuat counter Bendera Anda, kami menyediakan Anda kode HTML sederhana, mirip dengan apa yang muncul di bawah. Bagian merah adalah username Anda secara acak, dan khusus untuk counter Flag Anda saja. Jangan mengubah bagian dalam merah, dan tidak menggunakan kode di bawah, namun menggunakan kode yang Anda hasilkan di situs kami

Read more »

Posted in: Aplikasi pendukung blog

oggix dot com

Apa oggix.com?
Oggix.com menyediakan layanan untuk situs web / weblog seperti shoutbox,
berita @ blog Anda dan peringkat google halaman. Layanan kami bekerja di website / weblog host di bebas dan / atau dibayar hosting server. Layanan kami benar-benar GRATIS.

Oggix.com mengapa?
Coz kita memiliki fitur terbaik.
Kami shoutbox dukungan shoutbox avatar ™, membalas pada entri, entri terbatas dan banyak lagi, semuanya gratis.
Kami adalah pelopor shoutbox teknologi.

Bagaimana menginstal shoutbox?
1. Mendaftar di oggix.com, klik di sini .
2. Login ke member area oggix.com.
3. Klik Install Shoutbox menu, ikuti petunjuk.
4. Salin dan sisipkan kode shoutbox untuk blog Anda sidebar.

Contoh shoutbox

Control Panel fasilitas yang disediakan  
Avatar
Install ShoutBox
Manage ShoutBox
Spam Filter
installBlogbookmarks
Install Link Manager
Manage Link
Images Counter
Install PageRank
Account Infromation
Change Password

Informasi lengkap kunjungi www.oggix.com

Read more »

Posted in: Aplikasi pendukung blog

photobucket dot Com

Photobucket adalah tempat untuk menyimpan, membuat dan berbagi foto dan video untuk hidup. Upload semua foto terbaik Anda, gambar, grafik, ikon, dan video dan berbagi melalui email atau link mereka ke situs favorit Anda seperti Facebook dan Twitter. Personalisasi foto Anda dengan menggunakan editor foto kami atau membuat slideshow untuk berbagi dengan teman-teman. Bergabung dalam komunitas besar kami dengan memasukkan kompetisi atau mencari foto besar dan perpustakaan video.Gunakan Photobucket pada Web atau pada ponsel Anda. Daftar sekarang! 

Photobucket adalah mudah untuk digunakan pada web atau di telepon Anda.

1. Anda menyimpan semua foto dan video
2. Ekspresikan dirimu menggunakan alat artistik photobucket
3. Berbagi dengan teman dan keluarga di mana saja
4. Berpartisipasi dalam Photobucket komunitas

Sekilas Kebijakan Privasi Photobucket.com berkomitmen untuk melindungi privasi Anda ketika Anda mengunjungi Photobucket.com atau menggunakan layanan ("Layanan") sebagaimana diuraikan lebih lanjut dalam kebijakan ini. Sebagai persyaratan untuk menggunakan Layanan dari Photobucket.com, Anda setuju untuk memberikan Photobucket.com dengan informasi pribadi tertentu. Informasi ini meliputi, namun tidak terbatas pada: nama lengkap, alamat pos, nomor telepon dan alamat email serta unik IP komputer Anda alamat (jika ada), informasi keuangan (nomor kartu kredit, dll, untuk pesanan ditempatkan dengan Photobucket.com ) dan informasi demografis (misalnya, kode pos, kode pos, kota, jenis kelamin, sejarah informasi pembelian dan usia serta alamat IP yang tidak unik untuk komputer Anda). Harap dicatat bahwa tempat di Situs kita melakukan dengan sadar mengumpulkan informasi kontak atau informasi keuangan dari anak-anak di bawah usia 14. Silakan tinjau kebijakan privasi ini secara berkala karena kami mungkin memperbaruinya dari waktu ke waktu.Kebijakan privasi ini terakhir direvisi pada tanggal 22 Agustus 2007. Setiap kali Anda mengunjungi Photobucket.com, menggunakan Layanan, atau memberikan kami dengan informasi, anda menerima praktek yang dijelaskan dalam kebijakan privasi pada waktu itu. Anda setuju bahwa dengan menggunakan Situs Anda tegas dan tegas menyetujui untuk menggunakan kita dan pengungkapan informasi yang Anda berikan, dan menyetujui untuk menerima email, seperti yang dijelaskan di kebijakan privasi ini.

Informasi Lengkap Silakan kunjungi www.photobucket.com

Read more »

Posted in: Aplikasi pendukung blog

Membuat Tab View Menu

Untuk menghemat tempat, tab view menu sangat efisien. Ukuran yang relatif kecil tapi bisa memuat banyak space. Hal ini pernah ditanyakan oleh sobatblogger pada kolom shout box beberapa minggu yang lalu tentang bagaimana cara membuat menu yang bisa memuat banyak judul, mungkin menu tab view ini yang dimaksud ya.

Membuat menu densgan tab view memerlukan kode HTMLyang lumayan panjang dan agak ribet, jadi sebaiknya simak baik – baik tutorial ini dan yang paling penting jangan lupa untuk backup template sobat terlebih dahulu.

Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan sobat sesuaikan sendiri dengan isi dari menu yang sobat gunakan. Karena jika tidak mengerti akan jadi berantakan atau terlihat jelek. Oke sob, sudah mengerti toh…mantab kita langsung ke TKP.

1. Silahkan login ke blogger dengan ID sobat tentunya.
2. Tuju Tata Letak.
3. Klik Edit HTML.
4. Jangan lupa backup template sobat terlebih dahulu dengan mengklik Download Template Lengkap
5. Kemudian letakkan kode javascript berikut sebelum kode </head>
6. 
   

   <script type='text/javascript'> //<![CDATA[ function tabview_aux(TabViewId, id) {   var TabView = document.getElementById(TabViewId);   // ----- Tabs -----   var Tabs = TabView.firstChild;   while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;   var Tab = Tabs.firstChild;   var i   = 0;   do   {     if (Tab.tagName == "A")     {       i++;       Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";       Tab.className = (i == id) ? "Active" : "";       Tab.blur();     }   }   while (Tab = Tab.nextSibling);   // ----- Pages -----   var Pages = TabView.firstChild;   while (Pages.className != 'Pages') Pages = Pages.nextSibling;   var Page = Pages.firstChild;   var i    = 0;   do   {     if (Page.className == 'Page')     {       i++;       if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";       Page.style.overflow = "auto";       Page.style.display  = (i == id) ? 'block' : 'none';     }   }   while (Page = Page.nextSibling); } // ----- Functions ------------------------------------------------------------- function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); } function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); } //]]> </script>



7. Setelah itu letakkan kode berikut di atas kode ]]></b:skin>
   

   div.TabView div.Tabs { height: 30px; overflow: hidden; } div.TabView div.Tabs a { float: left; display: block; width: 98px; /* Lebar Menu Utama Atas */ text-align: center; height: 30px; /* Tinggi Menu Utama Atas */ padding-top: 3px; vertical-align: middle; border: 1px solid #BDBDBD; /* Warna border Menu Atas */ border-bottom-width: 0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */ font-weight: bold; color: #000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; } div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: #E6E6E6; /* Warna background Menu Utama Atas */ } div.TabView div.Pages { clear: both; border: 1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow: hidden; background-color: #E6E6E6; /* 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; }

   
   
8. Kemudian Simpan Template.
9. Langkah selanjutnya, silahkan sobat klik Tata Letak.
10. Klik Elemen Halaman dan tambahkan Gadget.
11. Pilih yang HTML / Javascript, dan tambahkan kode berikut kedalamnya.
    

    <form action="tabview.html" method="get"> <div class="TabView" id="TabView"> <div class="Tabs" style="width: 300px;"> <a>Tab 1</a> <a>Tab 2</a> <a>Tab 3</a> </div> <div class="Pages" style="width: 300px; 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>

    
    
12. Kemudian Simpan.
13. Keterangan :

• Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi.
• Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu.
• Dan yang berwarna ungu, adalah isi dari menu. Sobat bisa menambahkan link, gambar, banner, dll.

Oke sobat, selamat mencoba.

Read more »

Posted in: Aksesoris Blog

Kode HTML Tampil di Postingan

Bagaimana caranya agar kode HTML bisa tampil di posting-an blog?  Agar kode-kode HTML dapat muncul pada posting-an blog kita, ada beberapa cara dan yang harus diketahui saat ini yaitu cuma baru dua cara ( barangkali kawan-kawan ada yang lebih tahu ).

Yang pertama yaitu anda harus mengganti karakter-karakter perintah dari program HTML dengan notasi tertentu. Karakter-karakter yang sering di gunakan yaitu seperti yang tertera pada tabel di bawah ini :

Karakter	Notasi	Keterangan
<	&lt;	Kurung runcing terbuka
>	&gt;	Kurung runcing tutup
&	&amp;	Tanda Dan
"	&quot;	Tanda petik ganda
±	&plusmn;	Tanda plus minus
Spasi	&nbsp;	Tanda Spasi
©	&copy;	Tanda hak cipta (copyright)
®	&reg;	Tanda terdaftar (Registered)

Nah agar lebih paham akan  diberi contoh, misalkan dalam postingan anda berisi kata-kata seperti ini.

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

<meta http-equiv="refresh" content="10">
</meta>

di dalam postingan anda, jika ingin tampil seperti itu maka yang di tuliskan tidak persis seperti kode di atas, sebab nanti di postingan tulisan kode tersebut tidak akan muncul, yang ada justru efek dari kode yang anda tuliskan. trus jalan keluarnya gimana? harus mengganti karakter-karakter perintah yang ada dengan notasi penggantinya, jadi yang harus dituliskan pada postingan adalah seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :
<br/><br/> <code>
&lt;meta http-equiv="refresh" content="10"&gt;
<br/>
&lt;/meta&gt;
</code>

Pembubuhan perintah <code> dan </code> adalah untuk menandakan bahwa yang anda tulis adalah sebuah kode HTML, dan nantinya pun tulisan-tulisan yang berada dalam perintah ini akan tanpil beda dengan tulisan-tulisan yang lainnya,  pembubuhan perintah <br/> adalah untuk membuat tulisan berpindah kebawah, jika anda tidak membubuhkan perintah <br/> tadi, walaupun di posting-an anda tulis jauh kebawah, hasilnya akan tetap bersatu.

Cara yang kedua adalah dengan menggunakan text area.  Sebagai contoh, untuk menuliskan kode-kode di atas, pada posting-an anda harus menuliskan seperti ini :
Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

<br/><br/>
<p align="left"><textarea name="code" rows="6" cols="400">&lt;meta http-equiv="refresh" content="10"&gt; &lt;/meta&gt;</textarea></p>

Maka yang akan tampil di blog anda adalah seperti ini :
Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

<meta http-equiv="refresh" content="10"> </meta>

Selamat mencoba dan berkarya.
untuk memposting seperti yang dijelaskan diatas, anda harus pada posisi Edit HTML jangan pada posisi compose.

oke kawan, untuk yang kedua kalinya...selamat mencoba.

Read more »

Posted in: Mengelola Posting