cara membuat animasi joget di blog

Cara Membuiat Gambar Animasi "Joged" di Blog.Panduan Blogger untuk blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua khususnya yang masih awam ataupun masih di bilang pemula dalam dunia blog.Panduan blogger pemula yang akan menerangkan tentang "Cara Membuat Gambar Animasi "Joged" di Blog".Untuk membuat/menambahkan gambar di blog memang sangat mudah,tapi untuk bisa menampilkan gambar animasi yang bisa bergerak(animasi) bisa dibilang tak mudah juga.Karena membutuhkan sebuah kode HTML yang bisa membuat gambar tersebut bisa bergerak.

Gambar animasi yang akan diterangkan dalam panduan blogger kali ini adalah gambar animasi yang bisa berjoged.Memang gambar animasi ini tidaklah terlalu penting untuk dipasang pada sebuah blog.Gambar animasi ini hanya untuk sebuah hiasan di blog atau dalam hal ini hanyalah untuk mempercantik tampilan sebuah blog.Dan jika sobat blogger tertarik dengan gambar animasi "Joged" ini silahkan lihat beberapa contoh gambar animasi serta kode HTML nya di bawah ini :

Gambar 1:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-011.gif" border="0" alt="picture widgets"></a></center>

Gambar 2:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-013.gif" border="0" alt="picture widgets"></a></center>

Gambar 3:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-020.gif" border="0" alt="picture widgets"></a></center>

Gambar 4:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-021.gif" border="0" alt="picture widgets"></a></center>

Gambar 5:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-017.gif" border="0" alt="picture widgets"></a></center>

Gambar 6:

<center><a href="http://www.widgia.com/" target="_blank">
<img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-002.gif" border="0" alt="picture widgets"></a></center>

Gambar 7:

<center><a href="http://www.widgia.com/" target="_blank">
<img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-005.gif" border="0" alt="picture widgets"></a></center>

Gambar 8:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-008.gif" border="0" alt="picture widgets"></a></center>

Gambar 9:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-006.gif" border="0" alt="picture widgets"></a></center>

Gambar 10:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-015.gif" border="0" alt="picture widgets"></a></center>

Berikut ini cara memasangnya di Blog :

1. Login ke Blogger
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih opsi HTML/Java Script
5. Klik Simpan

B5GTBEW986TD

Sumber : http://akanghilman.blogspot.com/2012/07/animasi-joged.html

Read more »

Posted in: tips blog pemula

cara mengetahui jumlah pengunjung di blog

Cara mengetahui jumlah pengunjung online di blog...Panduan blogger untuk blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua yang khususnya masih awam dan pemula dalam dunia blog tentang bagaimana caranya mengetahui jumlah pengunjung online di blog.Mempunyai sebuah blog yang ramai pengunjubg merupakan dambaan terbesar bagi sebagian besar pemilik blog.Menarik perhatian pengunjung merupakan sasaran utama dibuatnya sebuah blog.Tanpa adanya pengunjung blog akan terasa "sia-sia".Untuk bisa mendatangkan banyak pengunjung di blog,banyak cara yang bisa dilakukan.Diantaranya adalah dengan mendaftarkan blog ke beberapa situs social bookmark,mendaftarkan blog ke beberapa situs blog/website direktori dan lain sebagainya.

Namun dalam panduan ini,pembahasan lebih difokuskan tentang cara melihat atau mengetahui jumlah pengunjung yang sedang online di blog.Dalam perkembangannya,saat ini seorang pemilik blog bisa mengetahui berapa jumlah pengunjung blog yang sedang online di blog miliknya..Dengan memanfaatkan widget gratis dari penyedia layanan untuk mengetahui pengunjung online.Sebenarnya banyak sekali penyedia widget gratis untuk melihat pengunjung online.Dan salah satunya adalah RadarUrl.Dengan widget ini kita bisa mengetahui secara langsung jumlah pengunjung yang sedang online di blog kita.

 Dan untuk mendapatkan widget tersebut,silahkan ikuti langkah-langkah berikut ini :

1. Kunjungi http://radarurl.com/

2. Masukkan alamat blog sobat,terus klik "Click Here To Proceed The Simulation"

3. Tentukan letak widgetnya (terserah sobat)

4. Setelah menentukan letak widgetnya,silahkan klik "Generate Widget Code..."

5. Silahkan Copy kodenya

Untuk memasangnya di Blog,ikuti langkah-langkah berikut ini :

1. Login ke Blogger

2. Klik Tata Letak

3. Klik Tambah Gadget

4. Pilih opsi HTML/Java Script

5. Paste-kan kode yang telah sobat Copy tersebut

6. Klik Simpan

7. Klik Simpan Setelan

8. Semoga Berhasil

Read more »

Posted in: tips blog pemula

membuat generator favicon online

MEMBUAT FAVICON UNTUK BLOG. Menurut yang Tips Trik Blog baca di sini, Favicon yang merupakan singkatan dari Favourite Icon dan dikenal juga dengan page iconadalah suatu icon yang berhubungan dengan suatu halaman web tertentu. Dengan demikian bisa jadi favicon merupakan brand mark yang akan memberi ciri dan identitas web tertentu atau (dalam hal ini) blog sehingga dengan hanya melihat icon tersebut orang akan dapat mengenali blog kita. Dalam bahasa praktisnya, favicon adalah gambar atau icon kecil yang letaknya berada di sebelah kiri address bar pada browser yang kita gunakan.

Sebenarnya secara default, Blogger juga mempunyai favicon sendiri berupa icon kas blogger yaitu berupahuruf B besar berwarna putih dengan latar belakang orange. Karena berbagai pertimbangan seperti di atas, kita dapat mengganti favicon buatan sendiri yang diharapkan akan memberi ciri khas terhadap blog kita.

Sebelum memasang favicon pada blog, kita harus mempunyai gambar yang berformat *.ico. Jika belum mempunyainya, Anda dapat menggunakan bantuan favicon generator online. Anda dapat mencoba dihttp://tools.dynamicdrive.com/favicon/, atau di http://www.favicongenerator.com/, atau juga dihttp://www.favicon.co.uk/ dan masih banyak yang lainnya yang dapat Anda googling di internet.

Berikut langkah-langkah salah satu cara membuat favicon dengan menggunakan salah satu favicon generator.

1. Siapkan gambar yang akan Anda jadikan Favicon. Anda dapat membuatnya dengan bantuan Adobe Photoshop.

2. Masuk halaman http://www.favicongenerator.com/ (salah satu contoh)

3. Kemudian klik browse dan temukan lokasi folder tempat gambar Anda simpan, screenshotnya seperti di bawah ini.

4. Kemudian klik pada “generate Favicon!” dan tunggu beberapa saat hingga proses selesai.

5. Kemudian klik “Click Here Download Your Favicon!” untuk mendownload atau menyimpan hasil faviconnya di computer local Anda, screenshotnya seperti di bawah ini.

6. Selesai

Sampai di sini, Anda telah memiliki gambar favicon dari hasil kreasi Anda sendiri.

Atau Anda yang tidak ingin bersusah payah membuatnya, Anda juga dapat memperoleh favicon gratis dihttp://www.favicon.co.uk/gallery.php atau juga di http://thefavicongallery.com/ dan masih banyak situs lainnya yang menyediakan favicon gratis yang dapat Anda googling di internet.

Langkah selanjutnya adalah memasang favicon pada blog yang dapat Anda ikuti pada postingan selanjutnya, yaitu di sini. 

Sumber : Tips-trik-blog.blogspot.com

Read more »

Posted in: tips blog pemula

cara mempercepat loading blog

Cara Mempercepat Loading Blog.Panduan blogger untuk blogger pemula.Panduan blogger yang akan menjelaskan,membahas serta membantu sobat blogger khususnya yang masih awam dan masih pemula dalam dunia blog.Panduan blogger pemula yang akan menerangkan tentang "Cara Mempercepat Loading Blog".Sebuah blog yang memiliki loading dengan cepat merupakan suatu dambaan bagi setiap blogger.Karena sebagai pemilik blog,ini merupakan salah satu langkah untuk memberikan yang terbaik untuk pengunjung.Jika blog yang kita miliki ternyata dalam menampilkannya "lelet" maka bukan tidak mungkin pengunjung blog tersebut malas untuk menunggu dan berkunjung lagi ke blog milik kita.Perlu diketahui,jaringan internet yang pengunjung pakai mungkin ada yang "ngebut" dan mungkin juga ada yang "lelet".

Untuk mengakali loading biar mempunyai loading yang cepat memang diperlukan langkah-langkah yang tepat untuk mempercepat loading blog.Dalam perkembangannya,pemilik blog dalam usaha untuk mempercepat loading blognya mereka biasanya menghapus beberapa widget/gadget yang dianggap tidak terlalu penting yang ada di blog mereka.Memang cara ini berguna untuk memperkecil unkuran blog sehingga secara otomatis akan mempercepat loading blog.Banyak yang beranggapan bahwa jika sebuah blog yang memiliki ukuran berat yang kecil maka loading blog itu akan menjadi cepat.Dengan kata lain semakin kecil ukuran berat sebuah blog maka akan semakin cepat pula proses loadingnya.

Namun jika ternyata widget/gadget yang ada di blog sobat adalah widget/gadget yang penting dan harus ada di blog dan sobat tidak mau untuk mengahpusnya,maka bagaimana caranya untuk bisa mempercepat loading blog.Dalam masalah ini,sobat tak perlu kuatir karena sobat masih bisa mempercepat loading blog tanpa mengahpus beberapa widget yang ada di blog.Untuk mengetahui caranya,silahkan ikuti langkah-langkah seperti di bawah ini :

1. Silahkan kunjungi http://www.webtoolhub.com/tn561353-website-speed-test.aspx untuk mengetahui seberapa cepat loading blog sobat

2. Login ke Blogger

3. Klik Template

4. Klik Edit HTML

5. Klik Lanjutkan

6. Cari kode </head> dengan cara tekan ctrl+F di keyboard

7. Copy kode di bawah ini dan letakkan di atas kode </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : 
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTreH4VI57LYQ89dlXpWU-kUa3OlzNzH_XrfKrnjLOscVgfWbAKI6j0co67aLFH8T0_gumh8ADlgM-bLqVbg3DS7XKZhGDJV2S3jw-q0gaAHSTKeq1WqZAqY_KjW_4KXEjpf7XWH7rgE8/&quot;,threshold
: 200});
});
</script>

8. Klik Pratinjau

9. Setelah klik Pratinjau,jika tampilan blog sobat tak ada yang janggal(baik-baik saja) silahkan klik Simpan Template

10. Namun jika setelah klik Pratinjau tampilan blog sobat ternyata "rusak" ada yang "cacat" silahkan klik Kosongkan Hasil Edit terus klik Simpan Template

11. Silahkan kunjungi lagi http://www.webtoolhub.com/tn561353-website-speed-test.aspx untuk mengetahui apakah blog sobat telah berhasil untuk dikurangi waktu loadingnya

Read more »

Posted in: tips blog pemula

all copy

Panduan blogger untuk para blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua khususnya sobat blogger yang masih pemula dalam dunia blog tentang "Membuat Text Area Berbentuk Highlight (Copy Semua).Perlu sobat ketahui sebelumnya,ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight (Copy Semua) dengan adanya tombol highlight (Copy Semua) ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada didalamnya akan di highlight dan tinggal di copy saja.
Fasilitas ini sangat berguna takkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy.

Jika sobat blogger membutuhkannya, silahkan copy kode script berikut ini baik di sideabar blog maupun pada sebuah postingan blog.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">

Djangan Toenda Besok Apa Jang Bisa Kamoe Lakoekan Hari ini..............................Tulis teks/kode html di sini

</textarea></p></div></form>

Tulisan "Highlight All" bisa sobat ganti dengan tulisan lain seperti "Copy Semua","Blok Semua" dan lain sebagainya.Dan untuk melihat contoh tampilannya,silahkan lihat di bawah ini :

Selamat Mencoba dan Semoga Berhasil

Read more »

Posted in: tips blog pemula

untuk arsip blog

Panduan Blogger untuk Blogger pemula.Panduan blogger yang akan membantu,membahas serta menjelaskan kepada sobat Blogger semua tentang " Panduan Cara Membuat Scroll Box Untuk Arsip Blog ".Scroll box biasa digunakan oleh para blogger untuk meminimalkan tampilan sebuah widget/ataupun sebuah tex maupun sebuah kode HTML yang terlalu panjang.Namun dalam perkembangannya scroll boxsekarang ini juga banyak digunakan untuk menyederhanakan sebuah tampilan arsip blog.Memang sebuah arsip blog jika sudah  terlalu banyak artikel/postingan/maupun isinya sudah dipastikan akan tampak melorot ke bawah dan membuat tampilan sebuah blog menjadi kurang sedap dipandang.Nah....untuk solusinya,sobat blogger bisa memakai/membuat scroll box untuk membungkus arsip blog yang sudah banyak itu.

Dan untuk memulai membuatnya,silahkan langsung saja sobat ikuti langkah-langkahnya sperti di bawah ini :

• Login ke Blogger ( www.blogger.com )
• Klik Rancangan
• Klik Edit HTML
• Beri tanda centang pada tulisan " Expand Template Widget "
• Cari kode HTML seperti ini  <div id='ArchiveList'> supaya lebih mudah dalam pencariannya,tekan secara bersamaan di Keyboard Komputer sobat ctrl+f dan masukin kodenya.
• Copy kode html ini  <div style='overflow:auto; width:ancho; height:100px;'> dan paste-kan tepat diatas/sebelum kode  <div id='ArchiveList'>
• Selanjutnya silahkan tambahin kode </div> diatas kode  <b:include name='quickedit'/>
• Dan jika seluruh kodenya sudah diterapkan/dipasang maka akan tampak seperti di bawah ini :

<div style='overflow:auto; width:ancho; height:100px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div></div>

<b:include name='quickedit'/>

• Silahkan klik pratinjau untuk melihat apakah berhasil atau tidak
• Dan jika berhasil,baru sobat klik simpan template
• Selesai

Read more »

Posted in: tips blog pemula