Membuat Slide Show Gambar di Halaman Posting Blogger

Blogger

Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space, karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat pada halaman posting blog atau website.

Slide show ini bisa digunakan untuk menampilkan atau memajang foto-foto produk misalnya pada toko online, Sales letter, Mini site dan sejenisnya.

Cara untuk membuat slide show ini sangat mudah, kita tinggal menyiapkan foto yang sudah diupload pada file hosting, seperti Picasa, Photobucket, Flickr, dll. Atau cara yang sederhana kita bisa memanfaatkan posting blogger untuk mengupload dan otomatis gambar kita akan tersimpan pada Picasa.

Langkah membuatnya sebagai berikut;

Login ke blogger
Pilih Entri Baru
Beri judul halaman dan ketik konten artikel
Pilih mode HTML
Masukan kode HTML berikut ini:

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>

Ganti URL Foto 1 dengan URL foto yang sudah di upload
Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
Simpan jika sudah selesai.

Demikian Cara Membuat Slide Show Gambar di Halaman Posting Blogger..

Monggo di sekecaaken...

Belajar membuat logo dengan corel Draw

Corel Draw

Membuat Logo Koperasi Indonesia yang Baru

Kementerian Koperasi dan Usaha Kecil Menengah meluncurkan lambang baru Koperasi Indonesia, seperti disamping ini gambar lambang atau logonya.

Maka dari itu, Coreldraw on blogspot akan menunjukkan bagaimana cara membuat Logo Koperasi Indonesia yang Baru.

Lambang Koperasi Indonesia yang baru itu berbentuk gambar bunga memberi kesan perkembangan dan kemajuan koperasi di Indonesia. Gambar bunga itu mengandung makna Koperasi Indonesia selalu berkembang, cemerlang, berwawasan, variatif, inovatif sekaligus produktif dalam kegiatannya, serta berwawasan dan berorientasi pada keunggulan dan teknologi.

Oke langsung saja. Check this out.

1. Buat persegi dengan ukuran 3 cm x 3 cm ;

2. Dengan memakai Shape tool (F10), edit persegi dengan cara klik pada salah satu node ;

3. Tekan Shift+klik pada node lain di bawah ;

4. Drag ke samping, sampai salah satu sisinya membentuk setengah lingkaran ;

5. Copy > Paste > flip (Mirror Horizontally) dan tempatkan seperti gambar dibawah ;

6. Copy > Paste > Rotate 90 derajat dan hasilnya seperti gambar dibawah ;

7. Rotate 45 derajat ;

8. Ganti Outline pada Outline Pen (F12) menjadi 2 mm ;

9. Hasilnya akan terlihat seperti ini ;

10. Selanjutnya tekan tombol Combine (Ctrl+L), untuk menggabung objek jadi satu ;

11. Selanjutnya pada Arrange > pilih Convert Outline To Object (Ctrl+Shift+Q) ;

12. Selanjutnya pilih Break Apart (Ctrl+K) ;

13. Hasilnya akan seperti ini. Lalu Delete objek terluar ;

14. Akan seperti inilah hasilnya ;

15. Beri warna dan beri tulisan (pakai font Futura) ;

16. Maka akan jadi seperti ini...

Cara menghapus "Showing posts with label .... Show all posts "

Blogger

Entah kenapa tiba-tiba saja saya pengen nulis artikelcara menghapus atau menghilangkan tulisan showing post with label pada postingan kali ini. Teman-teman pasti sudah tau tentang maksud dan tujuan artikel ini. Disisi lain, mungkin ada blogger senior yang siap untuk memberikan masukan tentang artikel cara menghilangkan tulisan showing post with label pada blog dan disisi lain pula, artikel ini akan menjadi informasi tersendiri tentang tips dan trik blog bagi Share With Agung Talaga untuk selalu berbagi hal-hal yang sudah saya lakukan pada blog yang sederhana ini serta teman-teman newbi yang berkunjung di blog ini.

Tulisan showing post with label merupakan keterangan yang muncul pada saat kita mencoba mencari artikel-artikel pada blog yang kita kunjungi sebagai keterangan dari pencarian berdasarkan label yang kita cari. Dari keterangan ini, mudah-mudahan teman-teman sudah punya gambaran awal tentang akan kita lakukan sebentar.

Untuk menghilangkan tulisan showing post with label tersebut, teman-teman bisa ikuti cara-cara berikut ini :
1. Silakan login ke akun blog Anda
2. Pada halaman dasbor, silakan klik nama blog Anda.
3. Selanjutnya pilih Template - Edit HTML - Procced - Expand Widget Templates
4. Kemudian silakan cari kode seperti di bawah ini pada kode HTML blog Anda.
5. Untuk mempercepat pencarian gunakan Control F
6. Kemudian cari kode <b:includable id='status-message'>

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

5. Jika sudah dapat kodenya, silakan ganti semuanya dengan kode di bawah ini

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

6. Kalau sudah diganti, jangan lupa save tempalte blog anda.

Untuk melihat perubahan yang sudah kita lakukan, silakan pilih salah satu label atau kategori pada blog Anda. Maka tulisan showing post with label tidak akan muncul atau ditampilkan lagi sebagai keterangan dari pencarian berdasarkan label yang kita lakukan.

Tambahan :
Untuk memunculkan kode HTML yang saya sertakan di atas pada saat teman-teman menulis artikel yang berhubungan dengan menampilkan kode HTML pada artikel blog, teman-teman bisa memanfaatkan fasilitas widget parse HTMLWidget untuk konversi kode HTML pada blog sobat. Silakan gunakan fasilitas ini pada blog ini.

Demikian tutorial tentang cara menghilangkan atau menghapus tulisan showing post with label pada blog. Semoga bermanfaat bagi pribadi blog ini dan teman-teman pengunjung sekalian.

Verifikasi blog metode google analytics

Blogger

Verifikasi blog anda di google webmaster tools (gwt) menggunakan metode google analytics. Setelah kemarin saya jelaskan verifikasi blog di gwt menggunakan metode html tag, maka kali ini saya akan jelaskan verifikasi blog anda dengan metode google analytics.

Just info bahwa semua hyperlink yang ada pada artikel ini akan terbuka pada tab baru atau open in a new tab. Jadi anda bisa tetap membaca artikel ini tanpa khawatir saat akan klik hyperlink yang telah disediakan.

Sebelum anda bisa verifikasi kepemilikan blog anda dengan menggunakan metode google analytics di google webmaster tools, maka langkah pertama yang harus anda lakukan adalah menambahkan tracking idgoogle analytics ke blog anda. Seperti yang telah saya jelaskan tentang manfaat verify ownership blog anda di google webmaster tempo hari, melakukan verifikasi kepemilikan situs atau blog di google webmaster tools dengan menggunakan lebih dari satu metode akan membuat status kepemilikan blog anda lebih tangguh di search engine.

Verifikasi blog di gwt sangat penting untuk dilakukan agar membuat blog anda lebih seo friendly di dalam search engine google. Dengan kata lain hal ini dilakukan untuk membuat blog lebih mudah ditemukan dalam hasil pencarian search engine google atau lebih SERP (Search Engine Result Page).

Google webmaster tools menyediakan 5 metode berbeda verifikasi kepemilikan situs atau blog anda. Khusus untuk situs yang masih ber platform blogspot.com atau lainnya (yang belum memiliki domain sendiri), maka verifikasi yang bisa dilakukan maksimal dengan menggunakan 4 metode yang berbeda. Untuk lebih jelasnya, silahkan anda lihat gambar dibawah ini.


Image verifikasi blog di gwt dengan menggunakan 5 metode berbeda

Sebelum kita masuk ke topik pembahasan verifikasi blog di gwt metode google analytics, ada baiknya jika saya lampirkan verifikasi yang disediakan webmaster tools untuk situs atau blog anda.

1. Domain name provider
Verifikasi dengan menggunakan metode ini di google webmaster tools (gwt) bisa dilakukan setelah anda memiliki domain sendiri untuk situs anda. situs yang masih menggunakan platform blogspot.com atau wordpress.com belum bisa melakukan verifikasi dengan menggunakan metode ini.

2. HTML tag
Anda bisa melakukan verifikasi blog di gwt dengan metode html tag ini. Silahkan baca penjelasan saya tentang verifikasi blog di gwt metode html tag.

3. Google tag manager
Anda bisa lakukan verifikasi blog di wembaster tools dengan menggunakan metode google tag manager ini.

4. HTML file upload
Situs dengan platform blogspot.com bisa melakukan verifikasi blog nya di webmaster tools dengan menggunakan metode html file upload ini.

5. Google analytics
Anda bisa verifikasi blog anda di webmaster tools menggunakan metode google analytics ini.

Sekarang kita bisa masuk ke topik artikel verifikasi blog di gwt metode google analytics ini. Langkah-langkah untuk verifikasi blog anda di google webmaster tools dengan metode google analytics adalah sebagai berikut.

Silahkan anda login terlebih dahulu ke webmater tools anda
Setelah itu klik blog yang ingin anda verifikasi
Klik gambar roda berputar pada pojok sebelah kanan atas, kemudian klik verification details atau detail verifikasi (untuk lebih jelasnya silahkan lihat gambar)
Setelah itu pada tampilan webmaster tools anda akan muncul tulisan you're currently a verified owner of (alamat blog anda di sini), verified using this methods. Selanjutnya klik verified using a different methods (untuk lebih jelasnya lihat gambar berikut)
Setelah anda klik verified using a different, silahkan anda pilih google analytics. Lihat gambar di bawah ini

Image verifikasi blog di gwt metode google analytics

Jangan ditutup dulu webmaster tools anda, sekarang login ke google analytics anda
Pada layar google analytics anda, klik tab admin pada pojok sebelah kanan atas (lihat gambar dibawah ini)

Image tampilan akun google analytics

Setelah itu pada kolom kolom property, pilih tracking info (lihat gambar di bawah ini)


Image tampilan akun admin google analytics

Setelah anda pilih tracking info silahkan anda copy kode script yang telah disediakan google analytics anda (lihat gambar di bawah)

Image tampilan tracking info google analytics

Pastekan kode tersebut diantara kode head dan sebelum kode penutup body pada template blog anda. Anda bebas meletakkan kode tersebut, yang terpenting letak kode adalah dibawah kode head dan sebelum kode penutup body kemudian save template pada blog anda.
Sekarang anda kembali lagi ke webmaster tools anda tadi dan klik verify pada pojok kiri bawah. Silahkan lihat gambar dibawah.


Image verify blog metode google analytics

Jika langkah anda berhasil maka akan muncul tampilan pada webmaster tools anda seperti pada gambar di bawah ini.


Image verifikasi blog metode google analytics berhasil

Sekarang anda telah berhasil verifikasi blog anda dengan menggunakan metode google analytics. Semoga membantu.

Cara cepat memasang widget “Online Users” di blogger

Blogger

Sudah banyak sekali blog blog yang menulis tentang bagaimana cara memasang widget Online Users ini, jadi postingan kali ini sama sekali nggak terasa asing. Tapi, nggak ada salahnya kalo saya juga ikut mempostingnya.
“Online Users” adalah salah satu widget yang berfungsi sebagai penunjuk ‘pengunjung online’, artinya widget ini menunjukkan banyaknya pengunjung yang mengunjungi blog teman teman pada saat itu, jam itu, menit itu, dan sebagainya.
sudah banyak sekali web page yang menyediakan layanan ini, tapi sayangnya banyak yang ribed, harus register harus login, Dll kadang membuat para blogger binggun dan pusing.tapi, jangan khawatir dengan masalah ini. langsung aja Copy Paste kan Kode HTML dibawah ini

<a href="http://radarurl.com/monitor"><img src="http://radarurl.com/widget/Dynamic/Green/0/image.png" /></a>

hasilnya akan tampak seperti dibawah ini

Selamat Mencoba
kalo ada masalah, kometar aja ya… :-)

Cara menambahkan gadget pada header blogger

Blogger

Selama ini mungkin kita hanya tahu bagaimana cara menambah Gadget di halaman bagian samping atau bagian bawah. Tapi bagaimana caranya kalau kita pingin menambah Gadget di bagian atas...?

Untuk mengetahuinya, silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari kode berikut ini di dalam template anda

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

6. Jika sudah ketemu, silahkan ganti semua kode tersebut dengan kode berikut ini

<b:section class='header' id='header' preferred='yes'>

7. Klik Simpan Template

8. Selesai

Selamat mencoba, semoga bermanfaat, jangan lupa berikan komentar.

Efek Gulungan Kertas di CorelDRAW

Corel Draw

Page Curl - Perintah Efek Gulungan Kertas di CorelDRAW

Page Curl adalah perintah untuk membuat efek gulungan kertas contohnya seperti gambat ini, kita asumsikan gambar dibawah ini adalah lembar kertas bergambar mobil.

Sebelum di efek gambarnya seperti ini.

Langkah membuatnya sebagai berikut:

1. Seleksi dengan klik pada gambar untuk mengaktifkan objek bitmap gambar mobil itu, pada Menu Bar > klik menu Bitmaps > 3D Effects > pilih Page Curl...

2. Kemudian pada kotak dialog atur suka-suka atau dicoba dengan pencet-pencet saja biar tau, pencet tombol Preview untuk mengetahui perubahan efek gulungannya, kalau sudah pencet OK.

3. Hasilnya seperti dibawah ini.

Selesai, mudah kan?... monggo dicoba

Daftar alamat google seluruh dunia

Internet

Google merupakan mesin pencari yang banyak digunakan orang diseluruh di dunia dalam mencari informasi yang mereka inginkan.

Sekedar informasi buat para Blogger, berikut ini adalah Daftar alamat google yang terdapat di dunia :

Cara membuat efek polar coordinates photoshop

Photoshop

Efek polar coordinate di photoshop adalah salah satu efek foto yang mungkin sudah banyak kita lihat dan kita gunakan dalam membuat sebuah foto menjadi menarik.Dengan Polar Coordinate, kita bisa membuat sebuah planet kecil yang unik, bisa membuat sebuah panorama yang indah.
Polar Coordinate adalah salah satu filter yang ada di Photoshop. Menu Filter - Distort - Polar Coordinates.

Aplikasi : Adobe Photoshop CS5
Waktu : 25 Menit
Tingkat Kesulitan : Mudah

Bahan foto :
Grass_Stock
Tree
Fountain
cut out Bench
Rabbit

Berikut tutorial Polar Coordinates photoshop.

Langkah 1

Buat file baru di photoshop.
Width: 3500 px
Height : 1500 px
Resolution : 300
Color Mode : RGB

polar coordinate photoshop, efek foto polar,

Langkah 2
Open foto Rumput, kemudian tarik atau drag ke lembar kerja yang kita buat tadi, kemudian transform (Ctrl+T) membentuk persegi panjang, setengah dari lembar kerja kita dan letakkan pada bagian kiri foto.

Duplikate layer rumput, kemudian aktifkan lagi fungsi transform (Ctrl+T) pilih Flip Horizontal dan letakkan di sebelah kanan.

Aktifkan kedua layer rumput kiri dan kanan kemudian klik kanan pada layers box pilih merge layers.

Langkah 3
setelah kita mendapatakan layer kiri dan kanan telah menjadi satu layer, klik menu Filter - Distort - Polar Coordinates.

Berikut adalah hasil polar Coordinate yang kita dapatkan.

Aktifkan lagi fungsi Transform (Ctrl+T). Atur polar ini sehingga membentuk lingkaran yang sempurna.

Crop lembar kerja kita, sehingga membentuk persegi.

Buat layer baru diatas layer background dan kemudian aktifkan gradient tool (G).

Langkah 4
Open foto Pohon, letakkan pada bagian tengah polar.

Tekan Ctrl+M pada keyboard atau klik menu image-adjusment-Curves, untuk mengatur kecerahan warna pohon tersebut.

Selanjutnya kita buat bayangan untuk pohon tersebut.
Duplikate layer pohon ini, kemudian untuk layer yang paling bawah aktifkan fungsi transform,klik kanan dan pilih Flip Vertical.
tarik kebawah.sehingga membentuk miror dari pohon tersebut.

masih dalam fungsi transform pilih perspective, dan tarik bagian sudut ujung titik transform.

Beri layers Style pada layer pohon ini, Layer-layer style- Color Overlay. dengan tipe overlay warna hitam. Lalu turunkan Opacity Layer Menjadi 25%.

Klik menu Filter-Blur-Gaussian Blur.
Set Radius 25 Pixels.

Langkah 5
Kemudian gambar Water Fountain.
Seleksi gambar kemudian tarik kelayer kerja utama kita. letakkan pada bagian kiri. Bagian bawah fountain kita buat melengkung mengikuti bentuk rumput kita. dan kembali atur cahaya dengan Curves, seperti pada gambar pohon.

Sama seperti gambar pohon kita jua beri bayangan, dengan cara yang sama Pada Langkah 4.

Kita bisa menambahkan banyak gambar, selain pohon dan air mancur tadi. Agar Gambar kita lebih kelihatan bagus. Disini saya menambahkan bangku dan Kelinci.

Demikian Tutorial Kita tentang membuat efek polar coordinate di photoshop, Tetap semangat belajar dan terus asah kemampuan kita. Semoga bermanfaat.Aamiin.

Membuat Slide Show Gambar di Halaman Posting Blogger

Belajar membuat logo dengan corel Draw

Cara menghapus "Showing posts with label .... Show all posts "

Verifikasi blog metode google analytics

Cara cepat memasang widget “Online Users” di blogger

Cara menambahkan gadget pada header blogger

Efek Gulungan Kertas di CorelDRAW

Page Curl - Perintah Efek Gulungan Kertas di CorelDRAW

Daftar alamat google seluruh dunia

Cara membuat efek polar coordinates photoshop

Recent Posts

Labels

Category

Arsip Blog

Services

More Category

Labels