PRONET: Februari 2013

Rabu, 20 Februari 2013

Blog untuk menyebarkan pengetahuan

Sobat Pronet......

Blog ini saya buat untuk memnyebarkan pengetahuan kepada masyarakat yang punya motivasi diri untuk selalu mengembangkan ilmu pengetahuannya, khususnya untuk orang awam yang masih minim pengetahuan dibidang teknologi informasi dan komunikasi khususnya komputer.....

Sobat Pronet..........

Perlu diketahui bahwa hampir seluruh artikel postingan saya kutip dari blog sobat pronet yang sengaja saya sebarkan buat mengembangkan pengetahuan bagi masyarakat Indonesia agar bangsa kita tidak tertinggal dari negara lain......

Terima kasih bagi sobat yang sudah saya kutip artikelnya.....mohon maaf saya tidak dapat menyebutkan satu persatu. Semoga artikel sobat menjadi manfaat bagi masyarakat Indonesia, dan semoga mendapatkan pahala yang setimpal oleh Allah SWT.

Cara Membuat Foto Dan Gambar Bergerak Slide Di Blog

Tutorial ini saya kutip dari "Kucopas blog" 3/19/2012 07:07:00 PM foto slider, marquee, TUTORIAL BLOG 7 comments

Cara Membuat Foto dan Gambar Bergerak Slide di Blog

Pada dasarnya membuat image atau foto bergerak slide di blog, Caranya terbilang sangat mudah. Karena kita hanya memberi atau menambahkan script marquee pada image atau foto yang ingin kita tampilkan dalam blog kita. Namun cara penerapannya haruslah benar dan sesuai dengan perintah dari script marquee tersebut. Sobat bisa melihatcara penerapan Script Marquee yang benar DISINI.

Maka dari itu, Pada artikel saya kali ini akan menerangkan secara detail tentang bagaimana cara menambahkan script marquee dalam image agar bisa bergerak slide dalam blog dengan sempurna dan tidak ada masalah saat blog kita di kunjungi oleh para visitor dan pelanggan pembaca berita terbaru pada blog kita.

Description: Cara Membuat Foto dan Gambar Bergerak Slide di Blog

DEMO

Oke sobat, Kita kembali lagi pada tutorial untuk Cara Membuat Foto Dan Gambar Bergerak Slide Di Blog, Silahkan sobat ikuti cara-caranya sebagai berikut:

1. Silahkan >> "Login atau Masuk" ke blog menggunakan akun sobat.

2. Setelah itu sobat pilih >> menu "Tata Letak".

3. Kemudian klik >> "Tambah Gadget".

4. Pilih >> "HTML/JavaScript".

5. Isi kotak judul dengan judul gallery sobat, contoh "My Foto Gallery".

6. Kemudian pada kotak "Konten", Silahkan sobat masukkan semua kode Marquee di bawah ini.

<marquee direction="up" onmouseover="this.stop()" scrollamount="5" onmouseout="this.start()"><img src="alamat_gambar_sobat.jpg" width="120" height="70"></marquee>

*Catatan:

Ganti alamat URL gambar "src" yang saya drag berwarna HIJAU pada kode script <img src="alamat_gambar_sobat.jpg" width="120" height="70"> dengan alamat URL gambar image sobat. Kalau belum mempunyai alamat gambar image, Silahkan upload dulu ke FhotoBucket, Picasa, dan lain sebagainya, Kemudian sobat ambil Alamat URL nya dan tempelkan pada tulisan yang saya drag berwarna HIJAU.

scrollamount="5" adalah Kecepatan Marquee atau image yang berjalan. Silahkan sobat atur nilai kecepatanya, Agar sesuai dengan keinginan sobat.

Kode "width" dan "height" adalah untuk mengatur ukuran lebar dan tinggi gambar image. Silahkan sobat atur nilainya agar sesuai dengan selera sobat.

Kode "up" adalah kode arah foto gambar image yang akan bergerak atau berjalan ke atas. Silahkan sobat ganti dengan "down" untuk arah ke bawah, Atau bisa juga diganti kode yang lainya, Agar sesuai dengan keinginan sobat.

Contoh diatas adalah hanya untuk satu gambar image foto saja. Jika sobat ingin lebih dari satu foto gambar image, Silahkan sobat tambah lagi kode script image tersebut sebanyak gambar image atau foto yang sobat inginkan.

Contoh penerapan kode script marquee yang tepat adalah seperti dibawah ini.

<marquee direction="up" onmouseover="this.stop()" scrollamount="5" onmouseout="this.start()">

<img src="alamat_gambar_1_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_2_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_3_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_4_sobat.jpg" width="120" height="70">

<img src="alamat_gambar_5_sobat.jpg" width="120" height="70">

<img src="alamat_gambar_6_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_7_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_8_sobat.jpg" width="120" height="70">

<img src="alamat_gambar_9_sobat.jpg" width="120" height="70">

</marquee>

7. Untuk menyimpan gadget yang baru sobat buat, Ikuti cara berikut ini.

Setelah semua kode marquee sudah sobat masukkan pada kotak Konten HTML/JavaScript, Silahkan sobat klik tombol >> Simpan.

Selesai dan lihat hasilnya.

Untuk mengetahui tentang Cara Membuat Widget Gallery Foto Gambar Image Bergerak Berjalan Di Blog yang terbaru atau ter-update dan lebih dinamis

CARA MEMBUAT GAMBAR BERJALAN DI BAWAH BLOG

Masih seputar pembahasan cara mudah membuat gambar berjalan. Kali ini saya postkan cara membuat gambar berjalan di bawah blog adalah tutorial kali ini. Setelah membahas tentang cara membuat teks berjalan sekarang kita akan membuat gambar berjalan di bawah blog. Untuk contoh gambar-gambarnya saya sudah menyiapkan di bawah. Jika ingin lebih kreatif silahkan membuat atau mencari gambar sendiri.

Cara Membuat Gambar Berjalan di Bawah Blog:
1. Login ke Blogger -> Template -> Edit HTML
2. Cari kode ]]></b:skin>
3. Simpan kode berikut ini di atas kode ]]></b:skin>

#running_img {
position:fixed; bottom:0px; right:0px; clip:inherit; width:100%;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth); }

4.Kemudian cari kode </body> dan pasang kode di bawah ini tepat di atas kode </body>

Ganti URL GAMBAR dengan link gambar anda misalnya https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc02RSsPnoYPLkxG6M6DvGpXBSLqejobgKzmOR3N5ylY_ppHDYGbsb7Pws5Vbf1pt9L66QSFDOd26srMXsyybFHZeKUTMSg4gp7cAtVIr2oVHYmCWS2xcgvQ-u1TJgtduA38yUqPsEa2JY/s1600/Walk1.gif
5. Simpan Template dan lihat hasilnya.

Keterangan:

Direction='left' adalah arah gambar berjalan ke kiri. Jika ingin gambar berjalan ke kanan, ganti left dengan right

Scrollamount adalah tingkat kecepatan gambar berjalan, semakin besar nilai scrollamount maka semakin laju gambar berjalan

Cara membuat foto berjalan diblogspot

Foto Yang berjalan di blog memang sangat menarik untuk dilihat . bagaimana cara membuatnya ? yupz.. Dalam postingan kali ini saya akan menerangkan bagaimana cara membuat foto berjalan di blog . Sama seperti teks yang berjalan gambar yang berjalan ini juga menggunakan efek dari marquee . langsung ajah yach kita praktek .hehehehe
Ikuti langkah-langkah berikut untuk membuat gambar berjalan di blog

Copy Paste kode berikut ke blog anda :

<table border="10" cellpadding="3" height="135" width="195"/>
<tr>
<td>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="192" height="132" align="center">

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" height="130" width="190" />
<br/>
<img src="http://farm5.static.flickr.com/4046/4273351371_7c1ceb936b_o.jpg" height="130" width="190" />

</marquee>
</td>
</tr>
</table>

Hasilnya seperti Galeri photo blog ini......

Ganti link yang berwarna biru dengan link tempat anda menaruh gambar, contohnya saja gambar yang anda taro di flickr.com .

Membuat Gambar berjaln Dari kiri ke kanan

Copy paste kode berikut ke blog anda :
<marquee align="center" direction="left" height="200" scrollamount="3" width="100%" >

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" width="190" height="130" />

</marquee>

Hasilnya seperti mirip animasi kartun diblog ini.

cara membuat teks berjalan dan berkedip pada blog, wordpress, joomla, blogspot, dan blog yang lain :

Cara Penerapan atau pemasangan dalam blog.

Silahkan sobat pilih beberapa kode Marquee di bawah ini, Kemudian tempelkan kode pada Mode HTML/JavaScript.
Kode Marquee bisa di terapkan pada Template, Sidebar, Footer, Widget, maupun postingan blog. Dengan catatan, Kode di terapkan pada Mode HTML.

Silahkan Sobat pilih Kode Marquee yang sobat inginkan.

1. Cara buat Teks berjalan secara default dari kanan ke kiri.

<marquee>Teks Sobat</marquee>

cara ini hampir sama dengan membuat photo berjalan dari kanan ke kiri seperti photo berjalan pada header blog saya ......

2. Cara buat Teks berjalan dari Kiri ke kanan.

<marquee direction="right">Teks Sobat</marquee>

3. Teks akan berhenti jika mouse diarahkan pada Teks.

<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Sobat</marquee>

4. Marquee 2.0.0 ini mempunyai kelebihan bolak-balik dari ruang kotak yang tidak terlihat oleh mata.

<marquee behavior="alternate">Teks Sobat</marquee>

5. Marquee 2.0.1 adalah pengembangan dari marquee sebelumnya, Dengan fungsi scrollamount dia menjadi sangat agresif dan cepat.

<marquee behavior="alternate" scrollamount="25">Teks Sobat</marquee>

6. Cara buat Teks berjalan dari Bawah ke Atas.

<marquee direction="up">Teks Sobat</marquee>

7. Marquee 3.0.1 adalah pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, Marquee ini kita batasi ruang kasatnya sehingga memiliki ukuran height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita tambahkan on mouse stop/start juga.

<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Teks Sobat</marquee>

8. Marquee 3.0.2 masih merupakan pengembangan dari marquee sebelumnya, Hanya saja teks berada di tengah ruang.

<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Sobat</marquee>

9. Cara buat Teks berjalan dari Atas ke Bawah.

<marquee direction="down" width="100%" height="100">Teks Sobat</marquee>

10. Cara Membuat teks berkedip

<blink>Teks Sobat</blink>

11. Selesai. dan lihat hasil nya.

Catatan:

Tidak semua kode Marquee di atas bisa di terapkan pada Template blog sobat. Jadi pilihlah kode Marquee yang sesuai untuk blog sobat.

Semoga artikel yang saya share ini yaitu trik dan tips tentang Cara Membuat Teks Berjalan Dan Berkedip Di Blog, Bisa bermanfaat untuk sobat

Rabu, 06 Februari 2013

CARA SETTING BLOG DI BLOGGER

Setelah membuat blog, ada hal-hal yang perlu kita lakukan yaitu settingan blog, mulai dari settingan komentar, postingan, email, arsip, ID, dan lain-lain. Dalam menu setiap settingan juga berbeda-beda menurut esensialnya san sesuaikan menurut kepentingan bolg Anda.

Berikut adalah penjelasan untuk melakukan setting blog :

1. login ke blogger.

2. Klik nama blog yang ingin di atur.

3. Klik menu Setelan yang berada disebelah kiri monitor Anda.

4. Klik masing-masing sub menu yang ada di bawahnya untuk melakukan pengaturan.

Dasar

Judul : Klik “Edit” jika anda ingin melakukan perubahan terhadap judul yang ada atau biarkan saja jika judulnya sudah sesuai keinginan.

Uraian : Klik “Edit”, kemudian isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan, lanjutkan dengan klik tombol “Simpan perubahan”.

Privasi : Sebaiknya biarkan sesuai pengaturan asli, lakukan edit apabila blog anda ingin di jadikan blog private (tertutup bagi umum).

Alamat Blog : Biarkan apa adanya, kecuali bila anda ingin mengubah alamat blog dengan domain milik sendiri.

Penulis Blog : Biarkan saja sesuai pengaturan awal.

Pembaca Blog : Biarkan saja apa adanya jika blog anda ingin di bisa di baca oleh umum, lakukan edit bile blog anda ingin hanya bisa di baca oleh orang-orang tertentu yang anda pilih.

Post dan Komentar

Tampilkan sebanyak mungkin : ubah angkanya sesuai dengan jumlah posting yang ingin tampil di halaman depan blog anda.

Templat Entri : biarkan tidak perlu di edit.

Tampilkan gambar dengan Lightbox : Boleh pilih “Ya” atau “Tidak”, ini tidak terlalu penting.

Bagikan ke Google+ : Pilih “Ya” jika nanti setelah posting ingin bisa langsung dibagikan ke layanan Google+, pilih “Tidak” jika sebaliknya.

Lokasi Komentar : Biarkan terpilih “Tersemat”, agar kotak komentar langsung berada di bawah setiap postingan.

Siapa yang dapat mengomentari? : Silahkan pilih sesuai keinginan. Pilihan “Semua Orang”, berati semua pengunjung blog anda bisa berkomentar.

Moderasi Komentar : Pilih “Selalu” bila setiap ada komentar harus melalui persetujuan anda sebelum tampil di blog. Pilih “Tidak Pernah” agar ada yang komentar langsung tampil di blog.

Tampilkan Tautan Balik : Pilih “Sembunyikan” bila anda tidak ingin menampilkan link siapa saja yang membuat tautan (link) ke postingan bersangkutan. Pilih “Tampilkan” bila anda ingin menampilkan tautan.

Pesan Formulir Komentar : Silahkan di isi jika ingin anda pesan diatas kotak komentar nantinya, misal : Silahkan jika anda yang ingin komentar, namun tolong gunakan bahasa yang sopan. Atau di kosongkan juga tidak ada masalah.

Mempublikasikan entri menggunakan SMS/MMS : Menu ini berguna apabila nantinya ingin mempublikasikan artikel melalui ponsel, silahkan baca lebih lanjut keterangan yang ada.

Mempublikasikan entri menggunakan email : Fasilitas ini memungkin anda untuk mengirimkan postingan melalui email. Untuk keterangan lebih lengkap, mungkin akan di bahas pada artikel di masa mendatang.

Email Pemberitahuan Komentar : isi dengan alamat email yang di inginkan, bila setiap ada komentar pada artikel blog anda akan di beritahukan secara otomatis ke alamat email tersebut. Kosongkan jika tidak menginginkan.

Bahasa dan pemformatan

Bahasa : Pilih “Indonesia” agar lebih familiar dengan anda.

Aktifkan transliterasi : Pilih “Dinonaktifkan”

Zona Waktu : Pilih zona waktu sesuai dengan keinginan. Untuk wilayah Indonesia Barat, anda bisa memilih zona (GMT +7:00) Jakarta.

Format Header Tanggal : Pilih format tampilan tanggal sesuai keinginan.

Format Timestamp : Pilih sesuai keinginan.

Format Stempel Waktu Komentar : Pilih sesuai keinginan.

Lainnya

Alat Blog : Impor blog, fasilitas untum mengimpor blog, dengan ini anda bisa memindahkan file dari blog lain. Ekspor Blog, fasilitas untuk mengekspor blog, jika anda bermaksud memindahkan isi blog ke blog yang lain. Fasilitas Ekspor blog berguna juga untuk sarana backup data, silahkan lakukan backup data secara rutin agar apabila suatu saat terjadi hal yang tidak di inginkan, anda masih punya data untuk di masukan ke blog baru. Hapus blog, fasilitas untuk menghapus blog, jangan pernah klik ini apabila blog anda tidak ingin terhapus.

Bolehkan Umpan Blog : Silahkan pilih sesuai keinginan, terkadang ada baiknya anda memilih mode “Penuh” namun terkadang perlu juga untuk di setting ke pilihan lain.