trick blogspot

Tampilkan postingan dengan label Pernak pernik Blog. Tampilkan semua postingan

Jumat

Cara Pasang Flash di Blog

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.

Kamis

Pilihan Menu dengan Icon

Wuih.. blognya keren mana dihiasi dengan menu bergambar lagi.. wah pengen nih.. tapi gimana cara buatnya.. ya??
Sering kita lihat kalo pemilihan menu yang ada pada header yang terdapat pada blog biasanya hanya tulisan dan warna-warna bila disetuh.. tapi kadang kala kita pengen dengan suasana laen misalnya, dengan gambar-gambar yang uniks.. seperti yang terlihat pada gambar dibwah ini :

Nah langkah membuatnya mudah kok' ga' susah amat dan ga' ribet..
Gini caranya:

Langkah Pertama :
1. Masuk ke akun google kmu.
2. Pilih menu Layout --> Edit html.
3. Masukkan kode ini :

#newnavbar ul li{
list-style-type: none;
display:inline;
margin:0px;
padding:30px;
border:0px solid;
}

4. Masukkan kode tersebut Dibawah /* Header */ letaknya dibagian tengah Template.
5. Save.
Langkah Kedua :
1. Pilih Page Element dan kli Add Pege Element.
2. Pilih Html/Javascript.
3. Masukkan kode dibwah ini kedalam konten box..

4. Save Dan lihat hasilnya.

Untuk Peletakkan terserah anda mau meletakkan dimana saja... Klo mo Meletakkannya pada header tapi ga' ada add page elementnya nah lihat Add Page element pada Header
Dan URL diisi dengan alamat blog anda/Home Page anda
URL image diisi dengan lokasi ICON /image anda..
Gambar/icon dapat diambil pada ICONARCHIVE
Cara Pengambilan Lokasi Icon:

1. Masuk ke icon archive
2. Pilih Icon yang kmu suka.. dan klik kanan pada download as ico.file. Pilih Copy Image Location
3. Pastekan URL tersebut ke URL image yang ada pada kode tadi..
4. Selesai..

Cara Menambah Icon di Samping Judul Artikel

Bingungkan.. bingungkan apa sih maksudnya menambah icon di samping judul artikel, nah setidaknya anda akan sedikit bahkan banyak
mengerti apa masksudnya setelah anda baca smpai habis artikel ini ya mungkin berguna bagi anda. Menambahkan Icon atau gambar kecil sebelum judl artikel atau lebih jelasnya disamping judul artikel itu dapat menarik perhatian pembaca untuk melihat artikel tersebut itu sepenuhnya kenapa? yah dengan dihiasi dan maka judul posting pun lebih mencolok dan dapat menark mata pembaca yang melihatnya.Maka dari itu saya akan beri tahu bagaimana caranya menambahkan icon/gambarnya.

Caranya Ialah :
1. Masuk Akun Blogger Anda dan klik Layout pilih Edit Html.

2. Cari Kode Css Berikut :
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
<font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

3. Cari Icon Yang ada suka misalnya icon buku dan pena yang punya gambarnya (http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh) atau anda bisa mencarinya di Iconarchive.com, disana anda akan mendapatkan banyak contoh icon.

4. Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url nya dibawah color:#333;yang jadinya seperti ini:
.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;

5. Save templatenya.
Nah silahkan mencoba apakah anda bisa.. saya yakin anda pasti bisa

Rabu

Cara Membuat Snapshot

Apa itu Snapshot ?Snapshot adalah adalah sedikit jendela yang muncul saat kita mengarahkan kursor pada sebuah link.Contohnya silakan Klik disini dan coba kamu arahkan kursur Ke link yang ada dan lihat efeknya. Nah itulah yang disebut Snapshot .Dalam postingan kali ini saya akan membahas bagaimana Cara Bikin Snapshot Di Blog . Mungkin Snapshot ini berguna untuk mempercantik tampilan blog, Atau sekedar hanya pengen memasangnya aja kali ya .hehehe pengen Bikin Snapshot di blog?Silakan ikuti tutorial Cara Bikin Snapshot Di Blog

1.Silakan Klik http://www.snap.com./

2.Klik "Get Started"

3."Choose a Color Theme" adalah tema dari Snapshot yang akan mau kamu buat.silakan pilih tema sesuai selera.

4."Add Your Logo" Adalah logo yang nanti pengen kamu gunakan . silakan klik "Browse" Untuk meng upload logo yang kamu inginkan.

5."Select Your Shots Language" Isikan dengan bahasa yang dipake blog.

6.Kasih tanda titik pada "My site displays sexually-explicit content".

7.Kemudian Klik "Continue".

8.Selanjutnya isikan email,URL blog dan password pada "Enter Your Account Details".

9.Sebelum Klik continue lagi jangan lupa kasih tanda titik pada "I agree to Terms & Conditions above"

10.Selanjutnya Copy kode HTML pada "Get Your Code " Lalu paste di blog kamu .caranya:

11.Login Ke blogger .Lalu klik "Tata Letak" Kemudian Klik "Edit HTML".

12.Cari Kode </body> Lalu Paste Kode HTML dari Snapshot Tadi diatasnya. Jangan Lupa Klik "Save Template"

Kalo udah selesai silakan arahkan kursor Pada link yang ada diblog kamu. Dan lihat hasilnya..

Cara Pasang Info Cuaca

Info Cuaca adalah salah satu aksesoris yang cukup menarik untuk dipasang diblog. Tujuanya adalah ya untuk mengetahui ramalan cuaca,walaupun Info Cuaca ini hanya mewakili kota tempat tinggal sang pemilik blog .namun Info Cuaca ini cukup menarik untuk dipasang di blog kamu .Tertarik ? Silakan ikuti Tutorial Cara Pasang Info Cuaca Di Blog Berikut ini :

1.Klik http://www.wanderground.com.

2.Masukan nama kota tempat kamu tinggal,lalu klik tanda Search disampingnya.

3.Setelah muncul Info Cuaca kota kamu silakan klik Get Your Wheater Sticker yang ada dibawah.

4.Silakan pilih banner Info Cuaca yang kamu inginkan.

5.Setelah kamu memilih banner yang kamu inginkan,nanti akan tampil kode HTML dari banner tersebut.

6.Copy Kode HTML banner yang kamu pilih.

7.Selanjutnya LOGIN ke blogger kemudian klik Tata Letak Lalu klik Tambah Gadget dan Pilih HTML/javascript lalu paste kode tadi kedalamnya. jangan lupa klik save.

8.Selesai.. Tinggal kamu lihat hasilnya.

Minggu

Cara Mengubah Cursor Blog dengan Gambar

Kembali membahas untuk mempercantik blog, kali ini kita akan belajar bagaimana mengubah cursor yang ada di blog kita dengan gambar. Ini baik juga untuk blog kita, sehingga akan membuat blog kita menjadi berbeda dengan blog-blog yang lain. Kalau yang lain standart maka blog kita berbeda dan jadi unik

Cursor yang ada di blog kita dapat kamu rubah dengan foto atau gambat yang kita suka. Atau kamu yang narsis habis bisa menggantinya dengan foto kamu sendiri.

Yang jelas, buat saja blog kita menjadi lebih cantik dan menarik

Cara Mengubah Cursor Blog dengan Gambar
1. Login ke blogger
2. Pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini

<style type="text/css">body {cursor:url("http://img90.imageshack.us/img90/5195/cursorbc.png"),default}</style>

Kode yang bercetak miring adalah URL gambar yang ingi kita jadikan pengganti cursor, dan kamu dapat mengganti dengan URL gambar yang kamu inginkan.
5. Simpan jika sudah selesai

Membuat Gambar Melayang di Blog

Kita akan belajar bersama-sama cara membuat gambar atau foto yang bisa melayang, seperti mahluk halus saja

Apakah seh maksudnya? Lihat pada layar monitar kita saat ini. Di pojok halaman blog saya ada gambar rumah (home) walau kita naik turun tetap saja gambar itu berada di sana (pojok Halaman)

Sebuah blog juga harus kelihatan cantik atau indah supaya orang juga betah untuk berlama-lama di blog kita. Tentu dengan kita membuat gambar melayang atau float image harapan itu akan terwujud. Selain itu kita juga dapat menganti gambar itu dengan sebuah widget, misalnya jam, kalender, atau banner.

Cara Membuat Gambar Melayang (Float Image) di Pojok Halaman
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> setealah itu, taruh kode berikut ini di atasnya.

#trik_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); }

6. Selanjutnya Cari kode </body> jika sudah ketemu, taruk kode berikut ini di atasnya.

Note : Kita bisa ganti bottom dengan top dan left dengan right. Sesuai dengan letak yang kita inginkan atau mungkin sama dengan itu saja, gak usah diganti

Kita juga harus ganti http://b26s-amoenthnia.blogspot.com dengan URL kita sendiri, tapi kalau tidak diganti juga terima kasih :z Dan kita juga bisa menganti http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif dengan URL gambar yang suka.

7. Simpan Template Kalau sudah selesai.

Memelihara Hewan di Blog

Sebenarnya ini sudah ada sejak lama, sejak pertama ngeblog sekitar 2 tahun yang lalu sudah ada. Memelihara hewan di blog kita, ada yang pelihara ikan dan kita memberinya makan. Hi,,

lucu juga. Kemarin ada yang pelihara hamster di blognya, jadi tertarik untuk nulis sekarang ini.

Ingin memelihara hewan yang kita suka di blog kita? Memberi makan dengan mengkliknya, dan juga pengunjung blog kita juga bisa memberi makan. Widget atau pernak-pernik blog ini bentuknya flash. Kayaknya jadi terasa komunikatif, kita bisa memancing pengunjung blog kita untuk melihat hewan peliharaan yang lucu dan memberinya makan. Saat kita gerak-gerakkan di gambar (area) hewan tersebut, maka si hewan peliharaan kita akan mengikutinya. Contohnya kayak ini dan juga kode HTML nya yang bisa kita tambahkan di blog kita:

Memelihara hamster, kasih makan donk !

Memelihara ikan, kasih makan donk!

Bagaimana? tertarik untuk memelihara? jika kurang hewan yang diatas kurang banyak, mau cari hewan peliharaan yang kamu suka? mungkin di sini kamu akan mendapatkan. Tapi kayaknya yang ada hanya anjing, ikan, hamster, kodok, penguin,kura-kura, dan ikan pari.

Cara Membuat Burung-burung Berterbangan di Blog

Bagaimana jika blog kamu di hiasi dengan burung-burung yang selalu beterbangan di blog kamu pasti akan menambah daya kecantikan nya ( kayak awewek aja neh blog ckckkckkk) Itu semua tergantung penilaian dari kamu sendiri, bagi yang mau silahkan ikuti langkah-lanhkah nya berikut ini :

Silahkan login ke acconut Blogger
Pilih Rancangan + Element Halaman + Tembah Gadget kemudian pilih HTML/Javascript
Copas kode di bawah ini :

Simpan dan lihat hasilnya

http://b26s-amoenthnia.blogspot.com/2011/03/cara-membuat-burung-burung-beterbangan.html

Cara Membuat Cursor Bertabur Bintang

Ada banyak sekali untuk meodifikasi atau membuat pernak-pernaik tentang cursor, yang sudah kita bahas saja ada mengubah cursor dengan gambar,membuat teks yang berputar mengelilingi cursor. Dan kali ini belajar membuat cursor yang bertaburan bintang. jadi saat cursor kita bergerak akan turun bintang-bintang dari cursor. Ada beberapa warna bintang yang bisa kita pilih untuk ditampilkan di blog kita.

Cara Membuat Cursor Bertaburan Bintang
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:

5. Simpan jika sudah selesai.

Cara Membuat Revolver Maps

Revolver Maps adalah salah satu widget yang di pakai oleh blogger pro yang sudah bisa di beri jempol untuk hasil blognya.Widget ini sering di cari tetapi susah di temukan,jadi saya mencoba berbagi ilmu untuk temen-temen semua yang perlu widget ini.Berikut cara pembuatannya :

1. Login ke blogger.com
2. Pilih Tata Letak --> Tambah Gadget
3. Selanjutnya pilih HTML/JavaScript
4. Masukan (copy paste) hode di bawah ini

<script type="text/javascript" src="http://je.revolvermaps.com/r.js"></script><script type="text/javascript">rm_f1st('0','220','true','false','000000','41fok812rd4','true','ff0000');</script><noscript><applet codebase="http://re.revolvermaps.com/j" code="core.RE" width="220" height="220" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="41fok812rd4" /><param name="m" value="0" /><param name="s" value="220" /><param name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript>

5. Lalu simpan,selesai

Sabtu

Cara Pasang Jam di Blog

Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Salah satu contoh jam yang tersedia adalah sebagai berikut :

Dan bagi anda yang ingin blognya di pasang jamjuga, silahkan ikuti langkah-langkah berikut :

Silahkan kunjungi situs http://www.clocklink.com
Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
Klik tombol yang bertuliskan Accept
Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
Set ukuran jam yang anda sukai di samping tulisan size
Copy kode HTML yang di berikan pada notepad
Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
Selesai

Kamis

Cara pasang Translate dengan Icon Bendera

1.LOGIN ke Blogger dengan ID kamu.

2.Klik Tata Letak.

3.Klik tab Elemen Halaman.

4.Klik Tambah Gadget.

5.Kemudian Pilih HTML/Javascript.

6.Selanjutnya Copy Kode HTML berikut dan Paste di dalam kolom HTML/Javascript tadi.

<center><a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a></center><br/>

7.Setelah itu Klik tombol SIMPAN

trick blogspot

Jumat

Cara Pasang Flash di Blog

Kamis

Pilihan Menu dengan Icon

Cara Menambah Icon di Samping Judul Artikel

Rabu

Cara Membuat Snapshot

Cara Pasang Info Cuaca

Minggu

Cara Mengubah Cursor Blog dengan Gambar

Membuat Gambar Melayang di Blog

Memelihara Hewan di Blog

Cara Membuat Burung-burung Berterbangan di Blog

Cara Membuat Cursor Bertabur Bintang

Cara Membuat Revolver Maps

Sabtu

Cara Pasang Jam di Blog

Kamis

Cara pasang Translate dengan Icon Bendera

Translate

Tags

Blog Archive