kunjungi blog saya yang lain

Sabtu, 13 Agustus 2011

1 Cara memasang lagu pada blog


Ini ditujukan bagi SobatBro yang hobi dengerin lagu, atau yang pingin memiliki blog tentang lagu, atau siapa aja yang pingin memasang lagu kesayangannya dipasang di blog, agar pengunjung bisa dengerin lagu-lagu koleksi anda, untuk mewujudkannya bisa menggunakan cara mudah berikut ini:
Cara Pertama >> Menggunakan scriptnya Google Reader MP3 Player (Layanan ini milik Google, Sobat, so soal performa jangan tanya… udah pasti ok punya, bisa diandelin lah yang pastinya)
Scriptnya:


<embed type="application/x-shockwave-flash" flashvars="audioUrl=ALAMAT_URL_FILE_MP3_Anda" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="400" height="27" quality="best" autoStart" value="true"></embed>
Cara Kedua >> Atau bisa juga menggunakan fiturnya GMail (lagi-lagi punyanya Google, Sobat)
Scriptnya:
<embed type="application/x-shockwave-flash" flashvars="audioUrl=ALAMAT_URL_FILE_MP3_Anda" src="http://mail.google.com/mail/html/audio.swf" width="400" height="27" quality="best" autoStart" value="true"></embed>
Sebaiknya anda tahu:
cat 1: Gantilah tulisan ALAMAT_URL_FILE_MP3_Anda >> dengan alamat url [http://...] dimana file lagu mp3 disimpan (tapi ingat, lagunya jangan diupload di layanan simpan data gratisan seperti 4shared, ziddu, Rapidshare, dll, karena mereka tidak bisa diakses filenya secara langsung -[semacam ada iklan/timernya]-)
Cat 2: Kalau ingin dipasang di blog/web anda, copy paste aja langsung kode script diatas, dan sekali lagi jangan sampai lupa mengganti alamat url lagu mp3 anda
Cat 3:ganti script nie “autoStart" value="true"> (true) bila sobat tidak mau lagunya langsung main menjadi seperti nie “autoStart" value="false"> (false)


Oy, Sobat pasti penasaran kan seperti apa nantinya, berikut ini contohnya:
Keterangan:
*) lagu disimpan di: http://sites.google.com/site/zcmattcom/mp3/Go_Kart_Racer.mp3 atau pada www.filefreak.com/  (tapi dengan file format swf )
Dan ini adalah bentuk asli script mp3 player diatas:
<embed type="application/x-shockwave-flash" flashvars="audioUrl=http://sites.google.com/site/zcmattcom/mp3/Go_Kart_Racer.mp3" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="500" height="27" quality="best" autoStart" value="true"></embed>
Tambahan:
Kalau sobat tidadk mau repot,sobat bisa kunjungi www.music-live.net/
Disitu sobat bisa mendownload lagu sekaligus mengcopy scriptnya dan lagsung  sobat copas di edit > html/javascript,setelah itu sobat bisa menyimpannya dan coba lihat hasilya………
Semoga informasi ini bermanfaat,amien……….

Kamis, 11 Agustus 2011

0 Cara memasang banner pada blog

pgen pasang banner diblogmu?
jujur sebelum q bisa nemuin script ini nie,q pgen banget bisa pasang benner kayak diblog blog lain tuch,tapi setelah lama banget q googling,cieeeeeeeeeeee,biasa anak gau,udah g bercanda lagi,akhirnya q nemuin script nie,caranya:
1.masuk atau login blogger
2.setelah masuk dasbor,pilih n klik rancangan
3.setelah itu tambah gadget n pilik HTML/Javascript
4.copas scipt dibawah nie:

<a href=http://miscah.blogspot.com" target="_blank"><img src="http://i1089.photobucket.com/albums/i344/pieces091/hikhik.gif" border="0" alt="blogspot tutorial,blog,tips blogging"></a>

keterangan:
-tulisan yang dicetak tebal ganti dengan alamat blogmu n yang kedua ganti dengan judul / terserah anda
-tulisan yang dicetak miring ganti dengan alamat gambarmu,upload gambarmu di file hosting seperti www.photobucket.com atau di pagegoogle.com

semoga bermanfaat.

1 Cara memasang/memiliki hewan peliharaan di blog sendiri

Cara Memiliki/Memasang Hewan Peliharaan Di Blog Kita

“Hewan lagi, hewan lagi!!!” mungkin ada yang berakata seperti itu.
Ya.., tapi mau bagaimana lagi. Karena hampir setiap orang suka dengan binatang, termasuk juga saya. Jadi nggak ada habisnya deh, kalau ngomongin tentang binatang. Kali ini saya bukan mau kasi tahu jenis-jenis hewan dari schmaili.zip (animasi hewan untuk hiburan) yang lain. Tapi saya mau beri info bagaimana cara memiliki hewan peliharaan di blog kita.

Sebenarnya "mungkin" widget ini bukan untuk tujuan memiliki hewan peliharaan. tetapi, hanya sebuah widget unik dari aBowman. Karena selain hewan juga ada gambar yang lainnya. Tapi kalau kamu tertarik silahkan saja copy kode di bawah dan letakkan di blog kamu. Oh, ya hewan ini juga bisa di beri makan loh. klik saja area di mana kamu mau taruh makanannya.

1. Copy codenya
2. Masuk ke blog kamu
3. Tata letak
4. Tambah gadget(HTML/JavaScript)

Kode untuk ikan :





Kode untuk hamster:








Kode untuk laba-laba:






Kode untuk kura-kura:




Kode untuk Katak:






Kode untuk Pinguin(s):






kalu kamu mau info lebih lengkapnya klik DI SINI

0 Cara menghilangkan read more


Bagaimana caranya menghilangkan Tulisan "Read More" jika posting kita hanya sedikit?
Pasti pertanyaan tersebut seringkali muncul bagi beberapa orang yang sudah mencoba memakai trik Read More Versi 1 (udah baca belum? kalo belum baca baca dulu disini ), ya tho? karena aku sering mendapatkan pertanyaan seperti itu. trus gimana caranya mengatasi masalah ini?
Setelah mencoba mengotak-atik script di laboratorium, akhirnya aku menemukan formula yang cocok untuk mengatasi masalah ini. gini nih formulanya:

1. Login ke blogger, trus pilih menu "Layout --> Edit HTML"
2. Ohya, Jangan lupa di backup dulu template kamu, udah tahu to caranya?
3. Kalo udah di backup trus kasih tanda centang pada kotak "Expand Widget Template"
4. taru script berikut ini diatas kode </head>

<script type='text/javascript' src='http://www.geocities.com/kendhin_x/Readmore.js' />


5. Cari script berikut

<div class='post-body'>


kalo tidak ada coba cari yang ini

<div class='post-body entry-content'>


6. Trus ganti script tadi sehingga menjadi seperti ini

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>


7. Nha dibawahnya kan ada script seperti ini;

<p><data:post.body/></p>


8. Taruh script berikut dibawah script diatas

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:href='data:post.url'>Read More......</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>


9. Keseluruhan script akan menjadi seperti ini:

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:href='data:post.url'>Read More......</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>


10. Terus simpan pekerjaanmu.

Langkah berikutnya:

1. Pergi ke menu "Setting --> Formatting"
2. Dibagian bawah ada kota yang bertuliskan "Post Template"
3. Bagi yang belum pernah pake read more maka didalam kotak tersebut akan kosong. tapi bagi pake "Read More Versi 1" dulu tulisannya seperti ini :

<span class="fullpost">

</span>


4. Nha kalo yang sekarang ganti/isi kotak tersebut dengan kode berikut:

<span id="fullpost">

</span>

5. Terus Klik Tombol "Save".

Nha Waktu posting pilih Tabs "HTML", JIka pingin Tulisan "Read More" tidak muncul maka hapus script ini:

<span id="fullpost">

</span>

Semoga berguna yow...........

0 Cara membuat read more pada blog


Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :
<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

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

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">


</span>


8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">


</span>


10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

0 Tips blogging offline


Cara menggunakan windows live writer.

Maksudnya, blogging (menulis blog) kapan dan dimana saja karena tidak harus online dan login, dan yang pasti lebih hemat. Pada awalnya sih, saya punya cara sendiri, yaitu dengan mengetik postingan di Microsoft Word, dan kalau sudah selesai baru di copy pada text editor (new entry-bagian HTML), terus di publish. Tapi untuk upload foto, mengatur jenis atau warna text, menambah link, dll. Saya harus dalam keadaan online tentunya.

Tapi… baru tau (maklum blogger pemula amatiran pula he…he…he…), ternyata software untuk masalah seperti itu sudah banyak bertebaran di internet. Salah satunya adalah "Windows Live Writer", ada sih tool yang lain dengan fungsi yang sama, seperti "Post2blog", ScribeFire, "Zoundry", "W.bloggar", "flock", dan Blogdesk, tapi yang paling bagus dan lagi booming adalah "Windows Live Writer". untuk mendownload installer “WLW”, silahkan klik DI SINI.

Kalau sudah men-download, kemudian install, tapi kita harus dalam keadaan terhubung (online).

Setelah berhasil menginstall, hal pertama yang harus dilakukan adalah membuat akun blogmu, agar pada saat mem-publish. Secara otomatis akan ter-publish di blogmu.

Untuk mendaftar (membuat akun) kita juga harus dalam keadaan online. Pertama-tama klik “Blogs” kemudian pilih “Add blog account”.


Setelah itu, akan muncul sebuah window untuk memilih “blog service”.

kalau kamu belum punya blog, pilih yang pertama, “I don’t have a blog; create one on Windows live for me”. Tapi kalau sudah punya blog (di blogger, wordpress, typepad, dll), maka pilih Other blog service, kemudian klik “Next>”,

kemudian menambah akun, yaitu memasukkan alamat blog, username, dan password.

kemudian klik “Next>”.

lalu akan muncul window, yang sedang memproses/menganalisa alamat blog, email, dan passwordmu.

Kalau sudah selesai dianalisa, klik “Next>”.

lalu, pilih tipe blogmu (blogger, atau wordpress, atau yang lainnya),

Setelah memilih tipe blog, klik “Next>”,

Kemudian akan muncul, window yang sedang memproses/mendownload “tema blog editor”,

Setelah proses download selesai, klik “Next>”, maka akan muncul window yang seperti di bawah ini, lalu klik “Finish”.

Selesai deh…

Tampilan “WLW” hampir sama dengan editor yang ada di blog pada saat kita online. jadi, kita bisa mengatur, jenis dan warna font, memasukkan gambar dan script (HTML) dll. dan apabila proses pengetikan/penulisan sudah selesai. Baru deh…, kita online, untuk mempublikasikan postingan yang sudah kita selesaikan. Caranya klik “publish” pada menubar, atau klik “File” terus pilih “publish to blog”. maka secara otomatis postingan tersebut akan ter-publish/ter-upload termasuk gambar-gambarnya (jadi kita tidak perlu meng-upload gambar satu-persatu).

Catatan: kalau mau menampilkan HTML postingan klik "view", kemudian pilih "Source". dan untuk mengembalikannya klik "view", kemudian pilih "Edit".

Selamat Mencoba, Semoga Berhasil, dan Semoga Bermanfaat!!!

0 Cara membuat search engine pada blog


Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

0 Cara membuat animasi emoticon di kotak komentar pada blog


Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :



Emoticon Kucing :



Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Untuk Emoticon Kucing :
<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>


4. Kemudian cari kode berikut ini :
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>


Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

0 Cara membuat burung twitter warna-warni di blog



Liat 'kan icon burung twitter yang beterbangan di laman blog ini. Kalau kalian mau pasang di blog kalian juga, caranya gampang, tinggal copy kode dibawah ini:

<script type="text/javascript" src=" http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://i1013.photobucket.com/albums/af252/sleman234/bluetwit.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/twitter-mu";var tweetThisText = "Twitter - twitter-mu http://namablog-mu.blogspot.com/";tripleflapInit();</script>

Buka Design->Page elements
Add a Gadget->HTML/Javascript
Lalu masukkan kode tadi
Klik Save

Tapi, sebelum disave. ada beberapa yang harus kamu ganti, yaitu:

namablog-mu

Ganti dengan alamat blog-mu

twitter-mu
Ganti dengan nama/akun twitter-mu

http://i1013.photobucket.com/albums/af252/sleman234/bluetwit.png
Ganti alamat gambar tersebut dengan alamat gambar dengan warna yang kamu suka:

Merah:
http://i1013.photobucket.com/albums/af252/sleman234/red.png

Biru Tua:
http://i1013.photobucket.com/albums/af252/sleman234/Blue.png

Ungu:
http://i1013.photobucket.com/albums/af252/sleman234/purple.png

Cokelat:
http://i1013.photobucket.com/albums/af252/sleman234/brown.png

Hitam:
http://i1013.photobucket.com/albums/af252/sleman234/black.png

Hijau:
http://i1013.photobucket.com/albums/af252/sleman234/Green.png

Kuning:
http://i1013.photobucket.com/albums/af252/sleman234/yellow.png

Putih:
http://i1013.photobucket.com/albums/af252/sleman234/white.png

Biru Muda (Standard):
http://i1013.photobucket.com/albums/af252/sleman234/bluetwit.png

0 Cara memasang animasi kelelawar twitter di blog



Kalau sebelumnya saya memosting "Cara Memasang Animasi Burung Twitter (Warna-Warni)", sekarang saya mau kasi tau cara memasang Animasi Kelelawar Twitter. Sebenarnya yang kelelawar ini gak ada cuma iseng-iseng aja saya bikin gambarnya, upload, terus ganti alamat gambar di dalam kode dengan alamat gambar yang saya buat, dan hasilnya... ternyata bisa!!! hahaha!!!

Kalau kalian berminat untuk memasangnya, caranya sama dengan memasang "Animasi Burung dari Twitter".

Copy kode dibawah ini:

<script type="text/javascript" src=" http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://1.bp.blogspot.com/-zbdVeb4BTiY/TbAsdMGiA8I/AAAAAAAABaw/N465sbWJHU4/s1600/theinsteiner.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/twitter-mu";var tweetThisText = "Twitter - twitter-mu http://namablog-mu.blogspot.com/";tripleflapInit();</script>


namablog-mu
Ganti dengan alamat blog-mu

twitter-mu
Ganti dengan nama/akun twitter-mu


Buka Design->Page elements
Add a Gadget->HTML/Javascript
Lalu masukkan kode tadi
Klik Save

Catatan: alamat/URL gambar yang saya maksud adalah: http://1.bp.blogspot.com/-zbdVeb4BTiY/TbAsdMGiA8I/AAAAAAAABaw/N465sbWJHU4/s1600/theinsteiner.png

0 Cara membuat menu melayang pada blog



Berbagai macam cara dilakukan para blogger untuk menghemat ruang di blognya, salah satunya dengan menggunakan roll pada arsip, dan pada toturial kali ini untuk menghemat halaman kita akan membuat menu melayang

Menu ini dapat sobat tampilkan di bagian kiri maupun di bagian kanan blog, sobat tinggal memilih mana yang lebih cocok untuk blog kesayangan sobat, contoh sobat bias lihat di blog ini

Bagi sobat blogger yang kepengin mencoba menu melayang silahkan ikuti langkah-langkah mudah di bawah ini

Cara pemasangannya sebagai berikut:
1.      Masuk ke Blogger dengan ID sobat.
2.      Pilih Design (Rancangn) -> Edit HTML.
3.      Back up (download) template terlebig dahulu (seperti biasa…untuk asuransi…hehe…)
4.      Cari kode ini </head> pada template anda
5.      Copy Seluruh script dibawah ini, kemudian paste tepat diatas atau sebelum kede </head>

<script src='http://elmubarok.googlecode.com/files/floating1.js'
type='text/javascript'/>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor=&quot;Dodgerblue&quot;;
menuIsStatic=&quot;yes&quot;;
menuWidth=150;
menuCols=2;
hdrFontFamily=&quot;verdana&quot;;
hdrFontSize=&quot;2&quot;;
hdrFontColor=&quot;black&quot;;
hdrBGColor=&quot;#FF0000&quot;;
hdrAlign=&quot;left&quot;;
hdrVAlign=&quot;center&quot;;
hdrHeight=&quot;15&quot;;
linkFontFamily=&quot;Verdana&quot;;
linkFontSize=&quot;2&quot;;
linkBGColor=&quot;white&quot;;
linkOverBGColor=&quot;#FFFF99&quot;;
linkTarget=&quot;_top&quot;;
linkAlign=&quot;Left&quot;;
barBGColor=&quot;Dodgerblue&quot;;
barFontFamily=&quot;Verdana&quot;;
barFontSize=&quot;2&quot;;
barFontColor=&quot;white&quot;;
barVAlign=&quot;center&quot;;
barWidth=20; // no quotes!!
barText=&quot;WELCOME&quot;; 


// ----- Mulai Edit Menu
ssmItems[0]=[&quot;My Menu&quot;] //Header Menu
ssmItems[1]=[&quot;Home&quot;, &quot;/&quot;, &quot;&quot;]
ssmItems[2]=[&quot;About Me&quot;, &quot;http://www.blogger.com/profile/17756234265760334338&quot;,&quot;&quot;]
ssmItems[3]=[&quot;Me In Facebook&quot;, &quot;http://www.facebook.com/Ozan.SLANKERS&quot;,&quot;&quot;]

buildMenu();
//----- Selesai Edit Menu
</script>

Keterangan:
  • Pada bagaian yang ditandai dengan warna merah boleh sobat ganti dengan warna kesukaan sobat atau disesuaikan dengan blog sobat (untuk melihat kode warna silahkan klik disini...)
  • Pada bagaian yang berwarna kuning harus sobat ganti sesuai blog sobat
  • Pada kata WELCOME (yang bercetak tebal) boleh sobat ganti sesuka sobat
  • Untuk menambah menu silahkan sobat amati scrip yang paling bawah "ssmItems[nomor urut menu]=[&quot;Nama Yang Menu&quot;, &quot;Url Menu&quot;, &quot;&quot;]" lalu tambahkan di bawah deretan kedalam daftar scrip diatas...(copy tanpa tanda petik)
 

Pieces Love Copyright © 2011 - |- Template created by O Pregador - |- Powered by Blogger Templates