Articles by " design "
Showing posts with label design. Show all posts

di 0
INTERNET CYBERSPACE ,NEWS UPDATE, SEO, TIPS TRIK, DOWNLOAD, SOFTWARE ,MULTIMEDIA,ANDROID
membuat banner animasi. layanan online baik gratis ataupun berbayar bisa kita pergunakan,pada file gambar berekstensi gif serta  flash diantaranya:

 membuat banner animasi :Gif Banner 
http://picasion.com
http://www.loogix.com
http://www.createagif.net
http://gickr.com

 Flash banner
http://www.123-banner.com
http://bannersabc.com
http://www.flashbannernow.com
http://www.quickbanner.com
http://www.flash-banner-maker-online.com

banner animasi atau banner gif bisadibuat di http://picasion.com. Langkah-langkahnya :
Buatlah 3 buah banner yang ukurannya sama. Contoh :


















Klik tombol browse untuk memasukkan file banner membuat banner animasi
Pilih ukuran banner yang sesuai Size.
Pilih kecepatan animasi pada opsi Speed
Klik Create Animation
Banner animasi anda telah dibuat. 
Anda dapat menyimpan file banner animasi tersebut, atau bisa juga menggunakan link yang di berikan.
Continue reading
no image

di 0
INTERNET CYBERSPACE ,NEWS UPDATE, SEO, TIPS TRIK, DOWNLOAD, SOFTWARE ,MULTIMEDIA,ANDROID
Pertama :
Login ke akun blog Anda. Pada halaman dasbor Sobat, silakan pilih Templates dan pilih Edit HTML dan pilih Procced.

Kedua :
Sebelum mengedit kode HTML blog Sobat
kemudian silakan cari kode seperti di bawah ini.

<div class='widget-content popular-posts'>

Kemudian tambahkan kode berikut tepat dibawahnya :

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

Untuk lebih jelasnya, silahkan perhatikan kode di bawah ini.

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<div style='overflow:auto; width:ancho; height:400px;'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>


Perhatikan kode yang berwarna merah. Kode itulah yang Sobat tambahkan untuk memberikan fungsi scroll pada widget popular post di blogmu. Dan untuk mengatur tingginya, silakan rubah height:400px sesuai dengan keinginan Sobat dan atur sesuai area pada blog.
Continue reading

di 0
INTERNET CYBERSPACE ,NEWS UPDATE, SEO, TIPS TRIK, DOWNLOAD, SOFTWARE ,MULTIMEDIA,ANDROID


Kami yakin sobat pernah mengalami kesulitan dalam menulis script pada postingan blog, terkadang script yang kita paste pada postingan tidak sesuai yang kita tulis di word atau notepad. Bagaimana cara menulis script agar terlihat ketika kita publikasikan posting?

Berikut langkah-langkah cara menulis script pada posting blog dengan cara men-parse script terlebih dahulu :

1. Paste script pada kotak dibawah ini :
Post-Code: code converter
Gadgets powered by Google
2. Kemudian kalau sudah, klik 'Convert'.
3. Setelah itu copy paste script yang telah di convert pada postingan dan posting berada pada mode 'HTML' bukan 'Compose'.

Untuk memasang widget diatas baca artikel cara memasang tool parse HTML. Selain dengan cara men-parse script seperti cara diatas, kita juga bisa menggunakan fasilitas yang disediakan oleh blogger. Berikut simak langkah-langkahnya:

1. Login akun blogger Anda.
2. Masuk pada halaman posting/entri.
3. Kemudian pada menu 'Setelan entri' (kanan posting). Klik 'Pilihan'.
4. Selanjutnya centang 'Tunjukkan HTML apa adanya', klik 'Selesai'.
5. Setelah itu script bisa Anda tulis di posting dengan mode 'Compose' dan bukan 'HTML'.
Continue reading

di 0
INTERNET CYBERSPACE ,NEWS UPDATE, SEO, TIPS TRIK, DOWNLOAD, SOFTWARE ,MULTIMEDIA,ANDROID
Halo sobat, kali ini saya akan berbagi bagaimana caranya membuat Banner Flash cantik untuk diletakkan di blog ataupun website.
cara 1.
BannerNow, yups itu dia nama dari tools untuk membuat Banner kita dengan format flash (swf). tools ini tersedia online jadi harus mempunyai koneksi Internet untuk membuatnya, Alamat websitenya disini
http://bannernow.com/.

Oke mari kita mulai untuk membuat banner cantik.
1. Kunjungi alamat http://bannernow.com/
2. Klik "Create Banner Now", maka akan tampil seperti gambar;


3. Tentukan Width/lebar dan Height/tinggi dari banner yg akan kita buat, Mis : width : 600 dan heigth : 90, ukuran utk banner melebar vertical, lalu klik "Create Banner" - maka akan tampil seperti gambar dibawah



4. langkah pembuatan banner; (lihat panah petunjuk)
4.1. Canvas banner yg telah kita buat dengan ukuran 600 x 90
4.2. Klik "Text" untuk memasukkan tulisan yg akan ditampilkan
4.3. Pilih jenis animasi untuk teks.gambar yg kita pilih
4.4. Pilihan Properties untuk pengaturan durasi dll
4.5. Pilihan category untuk pilihan gambar yg ingin dimasukkan
4.6. Pilihan gambar dari category yg telah dipilih
4.7. setelah semua telah diatur animasi dan content nya, klik "Preview Banner" utk melihat hasilnya
4.8. klik "Add Slide" utk menambah slide baru/canvas baru yg kosong
4.9. setelah semua telah selesai pembuatan Banner, Klik Download utk mengunduh file kita
selesai.. ;) dan terakhir, utk memasukan  file banner kita kedalam blog/website, copy code dibawah

<embed align="center" allowscriptaccess="always" height="90" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://alamat-file-baner.swf-kita" type="application/x-shockwave-flash" width="600"></embed>


cara 2.
kunjungi www.123-banner.com karena di situ kita bisa memilih beberapa category banner flash misal seperti ; picture banner, graphic banner, sound banner, dll.

Adapun untuk detail cara penggunaanya sobat bisa simak penjelasan singkat dibawah ini :
Pertama kunjungi www.123-banner.com, kemudian pilih salah satu mode /type banner yang akan sobat bikin, disini saya biasanya pilih yang mode Graphic Banner.
Kemudian pilih salah satu type banner yang di inginkan, kalau ini optional tergantung selera masing-masing ya pokoknya pilih salah satu.
Maka akan muncul halaman baru untuk mengisikan /mendesainnya sesuai selera kita (mulai dari kalimat teksnya, color text, dan juga backgrond colornya). detailnya contohnya bisa di lihat pada gambar berikut

banner flash 450x393 Cara Membuat Banner Flash di Blog yang Simple

Dan kalau di rasa sudah terisi semua, klik tombol Submit. Maka akan muncul banner hasil editan sobat tadi, jika kurang sesuai sobat bisa menggantinya dengan theme yang lain, tetapi jika sudah srek “cocok” sobat klik kanan pada pesan “Your click right mouse here to save banner” untuk menyimpan banner tadi ke komputer.
Kemudian selanjutnya sobat tinggal upload banner yang tadi, ke blog /website masing-masing.
Continue reading
Subscribe to: Posts ( Atom )