Cara Membuat Judul Blog Bergerak

 Langsung saja saya paringi caranya ;

1.LOGIN ke blogger.

2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.

3.Selanjutnya cari kode berikut ini.

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

4.Hapus Kode Tersebut dan ganti dengan Kode berikut 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>

5.Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.

5.Kalo udah selesai silakan klik SAVE TEMPLATE

lihat hasilnya pada judul blog

jangan lupa tinggalkan koment ya sob..:)

Continue reading →

CARA PASANG BURUNG TWITTER BLOG

1. masuk ke menu Design > Add a Gadget > HTML/Javascript

2. Copy Paste code dibawah ini, lalu masukkan ke dalam HTML/Javascript

<script type=”text/javascript” src=”http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js”></script>
<script type=”text/javascript”>
var birdSprite=”http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png”;
var targetElems=new Array(“img”,”hr”,”table”,”td”,”div”,”input”,”textarea”,”button”,”select”,”ul”,”ol”,”li”,”h1&#8243;,”h2&#8243;,”h3&#8243;,”h4&#8243;,”p”,”code”,”object”,”a”,”b”,”strong”,”span”);
var twitterAccount = “http://twitter.com/techgyo”;var tweetThisText = “Twitter – techGyo http://www.techgyo.com/”;tripleflapInit();
</script>
<a id=”theBird” href=”http://twitter.com/elangajib” target=”_blank” style=”display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; “></a>
<a id=”theBirdLtweet” href=”http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/” target=”_blank” title=”tweet this” style=”position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; “></a>
<a id=”theBirdLfollow” href=”http://twitter.com/techgyo” target=”_blank” title=”follow me” style=”position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; “></a>

 CATATAN: Ganti alamat URL twitter yang berwarna biru dengan alamat URL twitter teman2.
Jika sudah tinggal klik Save, lihat hasilnya ^^ Oke, Selamat mencoba Cara Membuat Burung Twitter Terbang Di Blog
ATAU BIAS JUGA DENGAN;


Widget Twitter Terbang Di Blog warna biru standart

        <script src="http://imemovaz.googlecode.com/files/tripleflap.js" type="text/javascript">
</script>
        <script type="text/javascript">
        var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfhTEOcV2v0h6lLUWFUf4h4K4Xdfs3NnIagYa0IXRn_1jjHy79HydUL63tfRhsZe-ZvGejrQLot1df1XooA4CSTGtae8ZVpMVfbf-aSSDCYTHUZUHgstq3miggc65nNEie5pI-3A5siGo/"; 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/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
       
</script>

Widget Twitter Terbang Di Blog burung twitter warna biru

        <script src="http://imemovaz.googlecode.com/files/tripleflap.js" type="text/javascript">
</script>
        <script type="text/javascript">
        var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7u38gXgho9GPhXBVTJmErSUWj0fIVgRGR1pLeMUXq1KqwdR3z329R-4xvWhyA0gOFpLxxY-hHIZYe3gLWPUR6fFzInH31hgl5yMivjGcS-WfC2rrWC6o-xZKicHhyphenhyphenu-vvpEH5ClAGx04/"; 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/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
       
</script>

Widget Twitter Terbang Di Blog burung twitter warna merah

        <script src="http://imemovaz.googlecode.com/files/tripleflap.js" type="text/javascript">
</script>
        <script type="text/javascript">
        var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGyzDQESIQNWykrgCKRPdn38Uxyn2AoVRtUCyUZ6Z_P6QAx_bzAcyrFfM31wTPLIe4wOYvtpptbHqB135piSKHM6IIfA0rV9OrPNtIwSceXLImSg94CVukod8crPeB0xb0wOTPC7vDShY/"; 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/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
       
</script>

NB : Tulisan berwarna merah diganti sesuai dengan alamat url anda
gampang bukan Cara Membuat Widget Twitter Terbang Di Blog.selamat mencoba tips mempercantik blog

 

Continue reading →

CARA MEMBUAT FOOTER BLOG

Cara Membuat Footer Blog
1. login blog
2. rancangan >> edit HTML
3. cari kode ]]></b:skin>
4. lalu tambahin kode dibawah ini diatasnya

/* footer */
#bottom{background:#444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFfrjpt6D1MDxiVM6mxAYXSQwqrgXZyYfkjvamWgI0_buQPqf0KEsZ5t6XlZGfZpLGIeP6X45X93DeJWe11gpydFfk45qDNCI9sZs3wpyYkQCb1xRIdt8kAb3xWSyC7lFZViM0h_oukEar/s1600/buttommenu-c.png) no-repeat; width:900px; position:relative; clear:both; margin:0 auto; float:center; padding:25px 0 10px 0; color:#fff}
#bottom a:link{color:#fff; text-decoration:none}
#bottom a:hover{color:#fff; text-decoration:underline}
#bottom a:visited{color:#C0C0C0; text-decoration:none}
#bottom h2{padding:15px 0 0 10px; margin:0 0 10px 0; font-weight:bold; line-height:1.4em; text-transform:uppercase; border-bottom:0px dotted #fff}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:28px; color:#fff; padding-bottom:6px; }
h2 a:link, h2 a:visited{color:#666666; font-size:11px;}
#bottom ul{padding:0; margin:0; color:#F93}
#bottom ul li{list-style-type:square; border-bottom:0px solid #626200; padding-left:5px; margin:3px 0 0 22px}
#left-bottom{width:210px; float:left; padding-left:22px}
#center-bottom{width:280px; float:left; padding-left:0px}
#right-bottom{width:330px; float:left; padding:0 5px 0 50px}
#left-bottom2{width:30px; padding-top:16px; float:left; padding-left:20px}
#center-bottom2{width:760px; font-size:90%; padding-top:16px; float:left; padding-left:30px}
#right-bottom2{width:30px; padding-top:16px; float:left; padding-left:20px}
#category{width:860px; float:left; padding:0px 0 20px 20px}
#upper-footer{width:860px; margin:0 auto; padding:0px; clear:both;line-height:1.3em; letter-spacing:.0em; font-size:90%; border-top:1px solid #c0c0c0; padding-top:10px;padding-bottom:20px;}
#footer-wrapper{height:0px; clear:both; margin:0 auto; text-align:left; padding:1px}
.credits{margin:0; width:900px; padding:0px 0px 0px; font-size:95%}

5. lalu cari kode <div id='footer'> dan ganti dengan kode dibawah ini.

<!--Start Footer-->
<div id='bottom'>
<b:section class='bottom' id='category' preferred='yes'/>


<b:section class='bottom' id='left-bottom' preferred='yes'/>


<b:section class='bottom' id='center-bottom' preferred='yes'/>


<b:section class='bottom' id='right-bottom' preferred='yes'/>


<div id='upper-footer'>
<div style='float:center; padding-top:0px'>
<font color='#ffffff'>&#169; 2011 </font><font color='#ffffff'><data:blog.title/></font><font color='#ffffff'> is proudly powered by <a href='http://blogger.com'>blogger.com</a> | Template by <a href='http://sandydoank12.blogspot.com'>Gang Tutorial</a></font>
</div>
</div>


</div>
<!--End Footer-->

6. simpan dan coba lihat hasilnya dah nongol belum.... heheheh

sekian artikel Cara Membuat Footer Blog semoga bisa bermanfaat bagi sobat.. ^_^

Continue reading →

CARA MEMBUAT EFEK SALJU DI BLOG

Baik tanpa panjang lebar, Cara Memberi Efek Salju Pada Blogspot atau Blogger:
1. Login ke Account Blogger atau Blogspot kamu
2. Setelah login berhasil, maka kamu menuju pada Layout atau Tata Letak, kemudian kamu klik Edit HTML
3. Cari kode <body> dengan menggunakan Fasilitas Find yang terdapat pada Software Browser anda. Setelah kode <body> anda temukan silahkan copy kode berikut sesuai dengan kesukaan anda.

Absolutely Putih

<script src=’http://agungosx.googlepages.com/saljuputih.js’ type=’text/javascript’></script>

Hitam

<script src=’http://agungosx.googlepages.com/saljuhitam.js’ type=’text/javascript’></script>

Orange

<script src=’http://agungosx.googlepages.com/saljuorange.js’ type=’text/javascript’></script>

Coklat

<script src=’http://agungosx.googlepages.com/saljucoklat.js’ type=’text/javascript’></script>

Biru Tua

<script src=’http://agungosx.googlepages.com/saljubiru.js’ type=’text/javascript’></script>

Biru Muda

<script src=’http://agungosx.googlepages.com/saljubirumuda.js’ type=’text/javascript’></script>

Ungu

<script src=’http://agungosx.googlepages.com/saljuungu.js’ type=’text/javascript’></script>

Merah Muda/Pink

<script src=’http://agungosx.googlepages.com/pinksalju.js’ type=’text/javascript’></script>

Hijau Tua

<script src=’http://agungosx.googlepages.com/saljuijotua.js’ type=’text/javascript’></script>

Hijau Muda

<script src=’http://agungosx.googlepages.com/greensalju.js’ type=’text/javascript’></script>

Kuning

<script src='http://agungosx.googlepages.com/saljukuning.js' type='text/javascript'></script>

Merah

<script src='http://agungosx.googlepages.com/saljumerah.js' type='text/javascript'></script>

Copy salah satu kode diatas dan letakkan sesudah kode <body>. Jika telah disimpan dan efek salju belum juga muncul, maka anda coba meletakkan kode tersebut sebelum kode <body>

Semoga berhasil.

Continue reading →

CARA MENGETAHUI KECEPATAN BLOG

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
Cek Kecepatan Blog Sobat ! Berbeda dengan widget Cara Mengecek Berat Blog,tapi yang ini adalah kecepatan blog kita (bukan beratnya)

Karena baru-baru ini Google telah meluncurkan beberapa fitur baru dan salah satunya adalah tool untuk mengecek berat blog.



ok yukz.. mari buruan kita coba nih, ni saya baru nyoba dan alhamdulillah hasilnya lumayan memuaskan.... hehehe

ok langsung saja.
Cara Cek Kecepatan Blog !
1. Buka Google Page Speed Online

2. Masukkan url blog sobat pada kolom yang tersedia

3. Tunggu sebentar

4. Akan muncul halaman yang memberitahu hasilnya

NB. Hasil tersebut berupa angka 1-100, jika hasil semakin mendekati 100 maka kecepatan blog sobat sudah bagus.

Pengen tahu gimana agar kecepatan blog semakin tinggi??
Yups, yaitu dengan memilih template yang simpel-simpel aja dengan begitu insya allah kecepatan blog sobat akan lebih tinggi.

ok selamat mencoba sob

Continue reading →

CARA MERUBAH POINTER PADA BLOG

 Pada post kali ini,,ana mau ngasih sedikit tips kangge panjenengan ingkang punya blog. Tips sakniki tips merubah pointer blog. berikut langkah2nya ;
1. Login ke blogger.com
2. Klik Rancangan pada blog yang akan anda rubah kursornya
3. Klik Elemen Laman/Tata Letak/Design.
4. Klik Tambah Gedget/add gadget.
5. Pilih HTML/Javascript.
6. Copy dan pastekan script dibawah ini ke content HTML/Javascript.
<style type=”text/css”>
body {
cursor:url(“http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png“)
,default}
</style>
7. Terakhir klik Save atau Simpan
Cara di atas adalah khusus untuk blogspot. Bagaimana kalau untuk blog WordPress. Kurang lebih sama kok.
1. Login ke blog WordPress anda
2. Klik Appearance lalu Widget
3. Tambahkan Gadget Text, Arbitary tezt or HTML
4. Masukkan kode di atas tadi.
5. Klik Save untuk menyimpan
Tampilan kursor blog bisa anda ganti dengan beberapa image berikut ini, dengan meng-copy link gambar. Ganti http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png pada kode di atas dengan kode berikut ini :

http://i771.photobucket.com/albums/xx357/cebol_01/Kursor.png

http://i886.photobucket.com/albums/ac63/AdiSangPemimpi/kursor.png

http://i34.photobucket.com/albums/d132/JuL14_ok/pinkbutterflies.gif

http://i40.photobucket.com/albums/e230/dh34sy/flame.gif

http://i425.photobucket.com/albums/pp332/hippmibjkt/sym455.jpg

http://i340.photobucket.com/albums/o350/tomrat2212/emon.gif

http://i872.photobucket.com/albums/ab288/bebe_munya/kursor1.gif

http://i872.photobucket.com/albums/ab288/bebe_munya/kursor2.gif
Anda bisa juga berkreasi mengganti tampilan kursor dengan buatan anda sendiri.  Semoga berhasil
good luck!!!

Continue reading →

CARA MERUBAH TEMPLATE DENGAN YANG KITA DOWNLOAD

Bosan dengan tampilan blog anda ? silahkan ganti tampilan nya dengan template yang dapat anda cari secara gratis di banyak situs penyedia template gratis.

Untuk merubah template sbb :

• Cari Situs Penyedia Template Gratis
• Untuk informasi template gratis bisa lihat di blog saya yang lain di http://panduanbisnis1.blogspot.com/2009/02/template-gratis.html atau anda bisa langsung kesini : http://btemplates.com/ atau disini http://freetemplates.blogspot.com/
• Di situs penyedia template pilih template yang anda sukai .
  
• Lalu klik 'download'.
  
• Simpan hasil download dihardisk anda,.
• Setelah di download Klik kanan ikon hasil download itu ,
  
• lalu klik " extrak here"

• Untuk cara mengatur file silahkan lihat di : trik "Mengatur File"

Catatan : Pastikan terlebih dulu bahwa anda telah mengetahui template lama anda memakai yg mana, apakah dengan classic(HTML) template, atau New (XML) template
Ciri2 nya bisa dilihat di dalam halaman editor HTMl sbb :
Untuk yg classic(HTML) , cirinya di paling atas..diawali dengan <! DOCTYPE html...dst..dst.., seperti tampak dalam gambar sbb :
Dan untuk yang New (XML) template cirinya di paling atas..diawali dengan <!?xml version="1.0.....dst..dst.., seperti tampak dalam gambar sbb :


Ciri lain perbedaan template antara yg classic dan New, bisa kita lihat saat kita berada di halaman awal dashbor blogspot, dimana jka kita mempunyai banyak blog dalam satu akun, maka disitu akan terlisting deretan blog milik kita, yaitu sbb :

Di gambar atas, bisa kita lihat satu blog saya : Bisnis Air OXY , adalah ber template "NEW" disitu ada link utk "LAYOUT"  Design dimana di link itu lah tempatnya kita untuk mengotak-atik tampilan blog,
sedangkan blog Belajar HTML Mencari Usaha Halal, ber template "Classic" dan link untuk mengotak-atik Tampilan blog , adanya di link "TEMPLATE"

Update 16 Juni 2011 : Ada perubahan pada dashbor blogspot sbb : Untuk Template New XML akan tertulis tab Design ( Bukan Layout:lagi seperti yg di Dashbor lama )

Nah..jika kita sudah mengetahui jenis template lama kita, maka langkah selanjutnya adalah mencari template yg sesuai dengan template lama, misalnya yg lama pakai New (XML) , maka carilah template dengan yg New (XML) pula..dan sebaliknya...

Ciri hasil download New (XML) ( setelah di ekstrak dari ZIPfile) seperti terlihat dalam gambar :
Dan Ciri hasil download classic(HTML) seperti terlihat dalam gambar :

Setelah proses men download template selesai, dan sudah sesuai dengan pilihan template antara yg lama dengan yg baru, Langkah selanjutnya sbb :

• Signup (Masuk) ke dashboar blogspot milik anda.
• Pilih "LAYOUT"  Design  atau "tata letak".
  
  

• Pilih Edit HTML.
  
  
• Klik "Download Full Template" untuk menyimpan template lama anda dan agar anda mempunyai backup unuk jaga-jaga jika terjadi "gagal"
• lalu klik tab "Telusuri" atau "browse" .
• 
• Nah anda akan mencari file hasil download anda di dalam file hardisk yang tadi anda simpan.
• Jika sudah ketemu klik 'open'.
• anda akan kembali ke halaman blogspot.
• Lalu klik "Unggah" atau Upload.
  
• Setelah proses upload selesai, akan ada konfirmasi bahwa template baru itu akan menghapus beberapa wdiget/gadget yang telah terpasang di blog anda sebelumnya.
• Oleh sebab itu jika anda ingin gadget itu tampil kembali di template anda yang baru ,maka sebelum anda merubah template, sebaiknya kode-kode html dari widget dicopy dulu dan bisa anda simpan di notepad sementara.
• Selesai.
• SILAKAN MENCOBA!!!

Continue reading →

CARA MENGAKTIFKAN FACEBOOK FIXER

Pernahkah mata anda lelah berjam-jam didepan komputer hanya karena facebookan? Sebelumnya saya pernah posting Cara membuat facebook warna-warni di chrome dan Cara membuat teks facebook berganti-ganti warna. Dengan cara tersebut dapat mengurangi kelelahan mata, karena wajah facebook tidak lagi menjenuhkan sperti biasanya.

Secara default, background facebook berwarna putih. Selain tampilannya yang begitu saja, terlalu lama memelototi monitor yang memantulkan sinar terang membuat mata kita lelah. Untuk menanggulangi itu, coba anda memakai Social Fixer, saat saya menulis ini sampai versi 6.22. Dengan aplikasi ini monitor kita lebih redup dan enak dilihat.

Fitur aplikasi yang satu ini lumayan, salah satunya kita dapat mengomentari komentar hanya dengan menekan tombol replay maka link ID dan nama akan langsung tertulis tanpa kita menulisnya secara menual. Namun, setelah komentar anda bagikan yang tampak hanya link namanya saja. Lihat gambar.

Dan masih banyak lagi, jika anda menggunakan ini anda dapat mencoba-coba pada pengaturannya. Jika anda ingin mencobanya Langkahnya sebagai berikut:

1. Masuk ke account Facebook anda.

2. Biarkan facebook anda tetap terbuka, lalu anda pergi ke http://socialfixer.com/. 

3. Pada halaman baru beberapa pilihan, Mozilla, Chrome, Apple Safari, Opera dan Grease-monkey, untuk IE diberi tanda silang merah berarti belum suport. Silahkan anda pilih sesuai yang anda pakai saat ini. Sebagai contoh saya memakai Chrome maka saya memilihnya.

4. Lihat bagian kiri bawah monitor anda, klik Lanjut dan tunggu hingga pemasangan selesai.

5. Jika pemasangan selesai, anda akan dihadapkan pada sepuluh perjalanan pengaturan. Saat sampai pada Theme ada 8 pilihan model template yang bisa anda pakai. Jika anda ingin tampilan seperti saya pakai di atas pilih no. 9 (Dark Shiny Gray by DaedalusIcarusHelios).

6. Teruskan langkah anda hingga finish dan lihat hasilnya.

CATATAN:

Jika setelah aplikasi terpasang anda tidak cocok, lalu ingin mengatur ulang atau menonaktifkan aplikasi tersebut silahkan klik icon kunci yang terletak kanan atas disamping foto profil anda. Di sana dapat melihat menunya.

Continue reading →