3 Jul 2011
17 Apr 2011
Menambah Code Efek Hujan Salju Di Blog Tanpa Menggunakan Image
Tag : Membuat Snow Effect Atau Hujan Salju, Visual Snow Rain Dengan Kode Javascript
Menambah meriah sebuah tampilan blog biasa dilakukan oleh para blogger, salah satunya yang kali ini akan kita tambahkan adalah membuat efek hujan salju, Rain Snow. Untuk melihat contohnya silahkan lihat Demonya disini .
Seperti biasa untuk oprak oprek blog Signin di draft blogger
Dalam dasbor masuk Rancangan --> Edit HTML
Jangan centang Expand template widget.
Cari kode ini <body>
Setelah ketemu masukan javascript berikut sebelum kode <body>
Atau juga yang ini, dengan butiran salju lebih besar :
Jangan lupa jika sudah di masukan disimpan dan coba deh lihat hasilnya.
Belajar Bersama
Continue Reading...
Menambah meriah sebuah tampilan blog biasa dilakukan oleh para blogger, salah satunya yang kali ini akan kita tambahkan adalah membuat efek hujan salju, Rain Snow. Untuk melihat contohnya silahkan lihat Demonya disini .
Seperti biasa untuk oprak oprek blog Signin di draft blogger
Dalam dasbor masuk Rancangan --> Edit HTML
Jangan centang Expand template widget.
Cari kode ini <body>
Setelah ketemu masukan javascript berikut sebelum kode <body>
<script src='http://codecariilmu.googlecode.com/files/Snow.js' type='text/javascript'></script>
Atau juga yang ini, dengan butiran salju lebih besar :
<script src=' http://codecariilmu.googlecode.com/files/Snowstorm.js ' type='text/javascript'></script>
Jangan lupa jika sudah di masukan disimpan dan coba deh lihat hasilnya.
Belajar Bersama
***** Semoga Bermanfaat *****
16 Apr 2011
Hosting File Penyimpanan Gratis Dari Google Code
Tag : File Hosting Javascript Ajax, JQuery,Java, Pyton, PHP, MySQL,Game, Android, CMS Dan banyak lagi.
Satu lagi tempat menyimpan file di internet yang gratis baik untuk di Download maupun di Upload ataupun sebagai link untuk blog / Blogspot kita yang membutuhkan link script yang mengharuskan disimpan secara online untuk pemanggilan URL nya, khususnya untuk file-file yang berbasiskan avascript Ajax, JQuery,Java, Pyton, PHP, MySQL,Game, Android, CMS, Flash, Plugin, Windows, Linux dan banyak lagi yang lainnya.
Hosting file tersebut adalah Google Code atau Code Google yang dari namanya saja tentu kita sudah tahu siapa pemiliknya. Bagi teman-teman yang ingin menyimpan file di Code Google, bisa lihat caranya.
1. Silahkan masuk ke website Google code akan muncul tampilan seperti berikut :
2. Untuk daftar klik Create New Project , berikutnya akan muncul tampilan berikut.
Isi Project Name, Project Summary, Description dengan nama apa saja terserah anda.
Kemudian Version control system pilih Mercurial.
Selanjutnya Source code license pilih GNU GPL v3
Project Label (s) pilih nama file yang nantinya akan kita simpan disini misal javascript. Fungsi label ini adalah untuk memudahkan kita mencari file-file dengan kategori yang sama, kurang lebih sama dengan label yang ada di blog kita. Selanjutnya tekan tombol Create Project. Berikutnya muncul halaman berikut.
3. Untuk mengupload file dari komputer pilih menu Download lalu pilih create a new download.
4. Pada halaman seperti diatas isikan summary, terserah dengan nama apa saja. Selanjutnya untuk mengambil file klik tombol Telusuri. Label isi seperti diterangkan di no.2, baru tekan Submit File.
5. Sekarang file kita sudah tersimpan. Untuk mendapatkan URL link dari file tersebut tinggal arahkan kursor mouse ke tombol yang ada tanda panah dan copy url link nya.
Belajar Bersama
Continue Reading...
Satu lagi tempat menyimpan file di internet yang gratis baik untuk di Download maupun di Upload ataupun sebagai link untuk blog / Blogspot kita yang membutuhkan link script yang mengharuskan disimpan secara online untuk pemanggilan URL nya, khususnya untuk file-file yang berbasiskan avascript Ajax, JQuery,Java, Pyton, PHP, MySQL,Game, Android, CMS, Flash, Plugin, Windows, Linux dan banyak lagi yang lainnya.
Hosting file tersebut adalah Google Code atau Code Google yang dari namanya saja tentu kita sudah tahu siapa pemiliknya. Bagi teman-teman yang ingin menyimpan file di Code Google, bisa lihat caranya.
1. Silahkan masuk ke website Google code akan muncul tampilan seperti berikut :
2. Untuk daftar klik Create New Project , berikutnya akan muncul tampilan berikut.
Isi Project Name, Project Summary, Description dengan nama apa saja terserah anda.
Kemudian Version control system pilih Mercurial.
Selanjutnya Source code license pilih GNU GPL v3
Project Label (s) pilih nama file yang nantinya akan kita simpan disini misal javascript. Fungsi label ini adalah untuk memudahkan kita mencari file-file dengan kategori yang sama, kurang lebih sama dengan label yang ada di blog kita. Selanjutnya tekan tombol Create Project. Berikutnya muncul halaman berikut.
3. Untuk mengupload file dari komputer pilih menu Download lalu pilih create a new download.
4. Pada halaman seperti diatas isikan summary, terserah dengan nama apa saja. Selanjutnya untuk mengambil file klik tombol Telusuri. Label isi seperti diterangkan di no.2, baru tekan Submit File.
5. Sekarang file kita sudah tersimpan. Untuk mendapatkan URL link dari file tersebut tinggal arahkan kursor mouse ke tombol yang ada tanda panah dan copy url link nya.
Belajar Bersama
***** Semoga Bermanfaat *****
15 Apr 2011
Screen Capture, Image Record Area For Dekstop
Tag : Printscreen, Capture Screen, ScreenCapture, Image Clipboard
Gadwin Printscreen adalah sebuah tool utility atau software untuk menangkap image atau capture, baik dari layar dekstop, jendela windows, maupun apa saja yang ada di layar komputer yang kita pakai. Menurut saya tool yang satu ini sangat Full Customize . Jadi dengan Gadwin Printscreen kita bisa menangkap gambar bagian per bagian alias per area.
Hasil tangkapan capture nya bisa kita simpan dalam beberapa format yang umum kita pakai, seperti JPEG Bitmap (*.jpg),GIF Image (*.gif), PNG Image (*.png), Tiff Bitmap (*.tif) dan Windows Bitmap (*.bmp).
Saat artikel ini di tulis Gadwin Printscreen baru mencapai versi 4.5.
Ada dua macam Gadwin Printscreen, yang satu gratis alias Free.
Nah seperti ini dia tampilannya.
Sedangkan yang ini Berbayar, karena lebih lengkap disertai dengan editor pengolahan gambar.
Ini dia Tampilannya.
Untuk mencoba dan men downloadnya silahkan datang langsung ke website nya.
Ini dia Link downloadnya Gadwin Printscreen .
Belajar Bersama
Continue Reading...
Gadwin Printscreen adalah sebuah tool utility atau software untuk menangkap image atau capture, baik dari layar dekstop, jendela windows, maupun apa saja yang ada di layar komputer yang kita pakai. Menurut saya tool yang satu ini sangat Full Customize . Jadi dengan Gadwin Printscreen kita bisa menangkap gambar bagian per bagian alias per area.
Hasil tangkapan capture nya bisa kita simpan dalam beberapa format yang umum kita pakai, seperti JPEG Bitmap (*.jpg),GIF Image (*.gif), PNG Image (*.png), Tiff Bitmap (*.tif) dan Windows Bitmap (*.bmp).
Saat artikel ini di tulis Gadwin Printscreen baru mencapai versi 4.5.
Ada dua macam Gadwin Printscreen, yang satu gratis alias Free.
Nah seperti ini dia tampilannya.
Sedangkan yang ini Berbayar, karena lebih lengkap disertai dengan editor pengolahan gambar.
Ini dia Tampilannya.
Untuk mencoba dan men downloadnya silahkan datang langsung ke website nya.
Ini dia Link downloadnya Gadwin Printscreen .
Belajar Bersama
***** Semoga Bermanfaat *****
Page Number Navigation/Navigasi Halaman Pakai Angka Di Blog
Tag : Membuat Halaman Navigasi Ala Google, Berikutnya, Selanjutnya, prev 6 7 8 9 next, Sebelumnya.
Ini adalah salah satu cara untuk mempermudah pengunjung mencari halaman2 postingan kita, selain tentunya untuk lebih mempercantik halaman blog kita.
Contohnya seperti di bawah ini.
Bagaimana cantik bukan. Nah untuk menerapkannya di blog, anda bisa mengikuti tutorialnya langsung di website nya Bung Abu Frahan Dan Anshul Dudeja .
Silahkan Klik link berikut untuk menuju TKP.
Numbered Page Navigation For Blogger New Script
Page Navigation Script Baru Dari Abu Farhan.
Add Numbered Navigation For Blogger
Nah yang ini dari Anshul Dudeja
Sedangkan untuk membuat Page Navigation ala Google atau Google Style Ini nih Link nya Dari Abu Farhan juga.
Page Navigation For Blogger With Google Style Dari Abu Farhan juga.
Google Style
Silahkan untuk dicoba dan pelajari.
Belajar Bersama
Continue Reading...
Ini adalah salah satu cara untuk mempermudah pengunjung mencari halaman2 postingan kita, selain tentunya untuk lebih mempercantik halaman blog kita.
Contohnya seperti di bawah ini.
Bagaimana cantik bukan. Nah untuk menerapkannya di blog, anda bisa mengikuti tutorialnya langsung di website nya Bung Abu Frahan Dan Anshul Dudeja .
Silahkan Klik link berikut untuk menuju TKP.
Numbered Page Navigation For Blogger New Script
Page Navigation Script Baru Dari Abu Farhan.
Add Numbered Navigation For Blogger
Nah yang ini dari Anshul Dudeja
Sedangkan untuk membuat Page Navigation ala Google atau Google Style Ini nih Link nya Dari Abu Farhan juga.
Page Navigation For Blogger With Google Style Dari Abu Farhan juga.
Google Style
Silahkan untuk dicoba dan pelajari.
Belajar Bersama
***** Semoga Bermanfaat *****
14 Apr 2011
Membuat Navigasi Breadcrumb Dalam Template Blogspot
Tag : Kode CSS Menambah Navigasi Breadcrumb Di Blogger Template Ala BloggerBuster
Breadcrumb adalah salah satu cara navigasi dan teknik untuk mempermudah pengunjung blog kita mencari informasi ataupun kembali ke halaman sebelumnya yang berhubungan dengan topik yang kita baca.
Contohnya seperti berikut
Untuk membuat dan menambah supaya muncul navigasi breadcrumb silahkan masuk dulu ke Draft Blogger
Sign In di Blogger
Dalam Dasbor --> Masuk Ke Rancangan --> Edit HTML
Kemudian Centang Expand Template Widget
Cari kode berikut
Kemudian ganti dengan kode di bawah
Kemudian Simpan dulu hasilnya.
Sekarang kita tinggal membuat kode untuk CSS nya, untuk itu copy kode CSS berikut :
Continue Reading...
Breadcrumb adalah salah satu cara navigasi dan teknik untuk mempermudah pengunjung blog kita mencari informasi ataupun kembali ke halaman sebelumnya yang berhubungan dengan topik yang kita baca.
Contohnya seperti berikut
Untuk membuat dan menambah supaya muncul navigasi breadcrumb silahkan masuk dulu ke Draft Blogger
Sign In di Blogger
Dalam Dasbor --> Masuk Ke Rancangan --> Edit HTML
Kemudian Centang Expand Template Widget
Cari kode berikut
<b:include data='top' name='status-message'/>Kemudian ganti dengan kode di bawah
<div id='breadcrumb'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div class='breadcrumbs'>
Welcome to <data:blog.title/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span class='post-title entry-title'><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
</div>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div class='breadcrumbs'>
Welcome to <data:blog.title/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span class='post-title entry-title'><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
</div>
Kemudian Simpan dulu hasilnya.
Sekarang kita tinggal membuat kode untuk CSS nya, untuk itu copy kode CSS berikut :
#breadcrumb {
border: 1px solid $bordercolor;
padding: 5px 15px;
margin: 10px 0;
line-height: 1.4em;
}Kemudian cari kode ini dan tempatkan kode CSS diatas kode ini </b:skin> . Jangan lupa hasilnya di simpan.
Keterangan :- Tulisan " Welcome To " bisa kita ganti dengan tulisan apa saja, karena tulisan ini tampil di halaman muka ( HOME ) bagian atas postingan kita, misalkan dengan title blog kita.
- Bila ingin ada background, tinggal menambahkan kode CSS di elemen #breadcrumb.
Belajar Bersama
***** Semoga Bermanfaat *****
Langganan:
Postingan (Atom)
