Cara Memasang Gambar Berbingkai

Cara membuat bingkai pada gambar dalam posting. Lumayan dapat memperinda tampilan posting kita jika ada yang disisipkan foto kita. Langsung praktek saja : Pertama, tentu saja kita harus mempunyai alamat gambar yang mau di tampilkan, caranya yaitu gambar yang kita miliki harus di upload, bisa ke blogger atau ke hosting lain. Bagaimana kita mengetahui kode HTML dari gambar yang kita upload di blogger? caranya yaitu setelah upload gambar selesai, maka sobat harus berpindah menu ke Edit HTML apabila sedang berada pada menu Compose.

Saya ambil contoh gambar yang telah saya upload mempunyai kode seperti ini :

<a href="http://blogpakdani.blogspot.com/search/label/Various%20Flashcard" target="_blank"><img src="http://i973.photobucket.com/albums/ae211/hamdaniz/sample-big.jpg" border="0" alt="Flashcard" /></a></div>

Gambarnya seperti di sebelah:
Bagaimana caranya agar kita bisa membuat gambar tersebut menjadi ada bingkainya? Ini bisa dilakukan dengan menyisipkan beberapa atribut atau kode ke dalam kode gambar tersebut. Tampak pada kode yang saya berikan diatas sengaja saya cetak merah, nah kita bisa menyisipkan beberapa kode di dalamnya, antara lain padding serta border, contoh :
padding:3px;
border:15px solid #BEBBBB;
padding:3px; --> padding adalah jarak atau ruang kosong yang kita buat agar terpisah dengan border (bingkai) dalam contoh ini yaitu sebesar 3 pixel. Apabila sobat tidak menginginkan ada jarak, maka jangan tambahkan kode ini.
border:15px solid #BEBBBB; --> border adalah besarnya bingkai yang akan di buat, saya ambil contoh sebesar 15 pixel. #BEBBBB --> adalah kode warna yang mau di tampilkan, dalam contoh ini warna coklat.
Merujuk pada kode yang saya di atas, apabila kita sisipkan kode tambahan maka potongan kode gambar diatas akan menjadi seperti ini :

<a href="http://blogpakdani.blogspot.com/search/label/Various%20Flashcard" target="_blank"><img alt="Flashcard" border="0" src="http://i973.photobucket.com/albums/ae211/hamdaniz/sample-big.jpg"style="border: 15px solid rgb(190, 187, 187); float: left; margin: 0px 10px 10px 0px; padding: 3px;" /></a>

Jadi anda tinggal menambahkan kode yang merah setelah kode gambar. ingat hanya bisa dilakukan atau di edit di tab Edit HTML bukan Compose.

Agar bingkai tampil lebih menarik, ada kode html yang bisa di pakai, contoh kodenya seperti:

<table border="20" cellpadding="6" />
<tr>
<td>

kode gambar yang ingin di tampilkan di sini !

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

Sebagai contoh saya ambil alamat gambar yang sama yaitu pada kode gambar di atas. Untuk mengetahui alamat gambar diatas adalah kita ambil setelah kode src=", yaitu yang di awali dengan http dan di akhiri dengan JPG, sehingga kode gambar diatas adalah sebagai berikut :

<a href="http://blogpakdani.blogspot.com/search/label/Various%20Flashcard" target="_blank"><img src="http://i973.photobucket.com/albums/ae211/hamdaniz/sample-big.jpg" border="0" alt="Flashcard" /></a&gt

 Jadi apabila di satukan dengan kode HTML untuk bingkai, kodenya menjadi seperti ini :

<table border="20" cellpadding="6" />
<tr>
<td>
<a href="http://blogpakdani.blogspot.com/search/label/Various%20Flashcard" target="_blank"><img src="http://i973.photobucket.com/albums/ae211/hamdaniz/sample-big.jpg" border="0" alt="Flashcard" /></a>
</td>
</tr>
</table>

dan gambar yang akan di tampilkan adalah seperti ini :

Wah lumayan kalo yang ini kesannya lebih 3D.. cukup saja sampai di sini dulu.

Sumber : http://blogpakdani.blogspot.com/2010/06/cara-memasang-gambar-berbingkai.html

Posting Blog Menggunakan Word 2007-2010

Masih menggunakan word versi lama? silahkan anda ganti dengan versi terbaru Microsoft Word 2010 dengan segudang fitur teranyarnya. Khusus untuk para blogger mania, di word 2010 ini ada fitur untuk menmposting blog anda. Nah, saya beri judul Posting Blog Menggunakan Word 2010 pada postingan ini. Tentu saja alternatif untuk posting blog sudah begitu banyak ada Live Writer, Flocks, Zoundy Raven dll, tinggal menentukan selera anda saja.

Sebetulnya pada versi sebelumnya word 2007 sudah ada fitur ini dan cara setingnya tidak jauh berbeda. Tapi di word 2010 kita akan menemukan fitur baru untuk melengkapi kebutuhan para pengguna. Berikut langkah-langkahnya:

1. Untuk memulainya anda perlu mensetting terlebih dahulu. Klik di tombol office dan pilih New tab dimenu office. Kemudian pilihlah New Blog Post kemudian klik Create.

2. Kemudian anda akan diminta untuk meregistrasi akun blog anda, klik saja tombol Register Now. Anda pilih provider blog anda yang tersedia pada menu dropdown ChooseYour Blog Provider. Misalkan wordpress atau blogspot.

3. Setelah selesai proses registrasi maka anda dapat langsung memulai blogging. Tersedia fitur categories juga. Kelebihan dari word 2010 adalah fasilitas dalam mengolah data yang kumplit dan menarik salah satunya fitur Screenshot word 2010 . Jauh sekali dengan fasilitas di blog editor milik blogger sendiri yang sangat sederhana. Lihat gambar berikut!

anda bisa lihat pada tab insert yang bisa dimanfaarkan untuk mempercantik artikel anda.

Selamat mencoba and have nice blogging brother.

Sumber : http://blogpakdani.blogspot.com/2010/07/posting-blog-menggunakan-word-2010.html

Pohon-Pohon Paling Aneh dan Unik di Dunia

Entah pohon ini tumbuh secara alami atau buatan yang pasti foto-foto ini menunjukan keunikan tersendiri. Mungkin banyak di sekitar kita pohon yang tumbuh unik namun tidak pernah terpikir untuk mengabadikan dan mempublikasikannya kepada umum, setelah melihat foto-foto berikut mungkin anda akan tertarik dan mencoba memperhatikan pohon-pohon di sekeliling anda siapa tahu ada yang unik. Butuh keahlian tersendiri untuk mendapatkan gambar yang unik, karena pohon terutama yang tumbuh alami dilihat biasa saja namun pada satu sisi bisa berubah unik sekali. mengambil foto dari sudut pandang yang tepat bisa menghasilkan foto yang unik dari aslinya.

Selamat Dunia Akhirat Untuk Anda Tidak Hanya Tahun Baru 2011 Saja

Ucapan ini selain do'a, saya bermaksud memberikan ucapan yang lain dari pada yang lainnya. Keinginan untuk selalu tampil berbeda sering kali terasa nyeleneh*), tapi tidak masalah yang penting ucapan itu menjadi kenyataan Selamat Dunia Akhirat bukan cuma sesaat waktu tahun baru 2011 saja, maka tercapai pula tujuan hidup yang sesungguhnya. Amien

Kok jadi kaya ceramah yah, maaf cuman do'a tulus dariku saja.

Okey Bro...... Selamat........... selama-lamanya

Membuat Effect Star (Efek Bintang) pada Link Blog

Menggenapi meriahnya pesta kembang api Tahun Baru 2011 saya posting cara membuat animasi efek bintang pada link di blog yang cukup membuat blog menjadi tampak lebih cantik, hal tersebut juga tidak membuat berat load blog karena file yang dipakai ukurannya sangat kecil.

Cara membuat link blog bertaburan bintang adalah sebagai berikut : Pertama kali anda tentu wajib masuk (login) ke dasbor blog anda melalui http://www.blogger.com selanjutnya anda klik Rancangan, pilih Edit HTML carilah kode berikut ini : (gunakan ctrl+f untuk mempermudah pencarian)

/* Content ----------------------------------------------- */

Setelah kode tersebut ketemu, coba telusuri ke bawah sedikit dan temukan kode berikut ini :

a:hover {

  text-decoration:underline;

  color: $(link.hover.color);

Pada beberapa template kadang berbeda jadi carilah pada sesen code /*content serangkaian code hover jika pada template anda berbeda.
Langkah selanjutnya anda tambahkan kode berikut ini tepat di bawah kode tersebut

background-image:url(http://url gambar stars.gif milik anda)

Sehingga susunan kode lengkapnya akan seperti ini :

a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
  background-image:url(http://url gambar stars.gif milik anda)

Huruf yang berwarna merah dapat di modif sesuai selera anda gantilah dengan URL gambar yang anda kehendaki, jika anda belum memiliki gambar star/bintang silahkan anda ambil disini. ada tinggal klik kanan open picture in new tab kemudian copas URL yang ada di address bar.

Okey untuk mempermudah anda, saya beri lengkap dengan link gambarnya, berikut kodenya :

background-image:url(http://lh4.ggpht.com/_lDwJRuTZfPg/TRi4NjENFVI/AAAAAAAAAoM/o24M73_tx5E/stars1.gif)

Compare browsers to Internet Explorer 9 Beta, FireFox, Goole Chrome

Dari gambar preview di atas menangtang anda untuk membuktikannya, download saja ketiganya berikut link agar anda tidak perlu googling lagi, untuk selengkapnya masuk sini saja

Internet Explorer 9
Google Chrome new
FireFox new

Toolbar indah pelengkap kita dalam menjelajah dunia maya

Toolbar indah pelengkap kita dalam menjelajah dunia maya yang sangat bagus digunakan untuk Internet Explorer, Safari dan Mozila FireFox, dan belum teruji di Google Chrome.

Pastinya di komputer anda telah terinstal Internet Exploter untuk anda yang menggunakan OS Windows apa saja dan bisa mencoba setiap tombol yang sangat bermanfaat untuk menjelajah di dunia maya, yang pasti anda tidak perlu lagi repot-repot membuat bookmark Facebook maupun twetter karena dalam toolbar ini telah tersedia, tersedia pula berbagai tombol seperti email, games, radio online, tv online dengan segudang chanel pilihan.

Masih ada pula segudang  tombol cepat untuk mengakses internet dan mulai menjelajah sampai pelosok terjauh di dunia maya ini. Satu kata jelas banyak manfaat dari toolbar ini, yang dapat anda nikmati langsung jika anda menginstalnya. Mempermudah dalam setiap akses bahkan tersedia chat, flicker, dan tombol twetter salah satunya anda bisa langsung terhubung dengan artis holywood seperti Britney Spears dan masih banyak lagi yang membuat anda harus (wajib) menginstalnya. tidak ada spywere, virus, 100% gratis.

Untuk lebih lanjut, melihat demo dan informasi yang lebih lengkap anda dapat berkunjung ke sini. Jika anda tertarik atau mau mencobanya silahkan langsung download saja ukurannya kecil mudah dan tersedia uninstallernya

DOWNLOAD

Installs in Seconds, Includes Uninstaller

Kumpulan Gambar Animasi

Mungkin suatu saat anda akan membutuhkan gambar animasi dan beberapa animasi sangat bagus dipakai untuk wallpaper di Handphone. Mungkin anda mau mencobanya,  berikut beberapa gambar animasi bergerak :

  

 Mau lebih banyak silahkan download disini

Layout Profil Facebook Yang Baru - Anda Pun Dapat Berkreasi

Seperti kita ketahui facebook telah merubah tampilan layout profil kita menjadi sedikit berbeda, hal ini membuat sebuah kreasi baru, sepertinya anda tak sabar mau mencoba?

Sumber: http://www.duniakita.info/2010/12/layout-profil-facebook-yang-keren-dan.html

Artisteer Software Untuk Membuat Template Atau Themes Sendiri

Setiap blogger entah itu yang menggunakan WordPress, Joomla, Drupal atau Google Blogger pasti ingin tampilan blog atau CMS mereka menarik sekaligus unik. Bagi yang mempunyai dasar pengetahuan web programing seperti HTML, PHP, CSS atau yang mampu membeli premium template pastilah tak akan repot untuk membuat template atau themes untuk blog mereka sendiri.

Sedang bagi blogger yang pengetahuan programmingnya terbatas atau belum mampu membeli premium themes hanya bisa mendownload templates atau themes gratisan yang pastinya penampilannya tidak sesuai atau kurang unik karena banyak yang memakai themes tersebut.

Namun dengan Software Artisteer 2 Template Maker mereka yang kurang paham tentang programing bisa membuat templates atau themes sendiri sesuai dengan keinginan mereka. Pengoperasian Artisteer 2 sendiri tidaklah terlalu sulit, sangat mudah seperti memakai Microsoft FrontPage, kita bisa memilih warna, jumlah kolom, menambahkan background, jenis font semuanya sudah tersedia, user tinggal mimilih dan menambahkannya saja pada templates atau themes yang mereka buat.

Selain Mudah digunakan Artisteer 2 dapat digunakan membuat themes atau templates untuk Blogger, WordPress, Joomla, Drupal. Kekurangannya adalah struktur desain tiap themes atau templates sudah fixed, seperti jika membuat themes untuk wordpress dengan 3 kolom modelnya semua sama.

Jika ingin Mencoba silahkan Download Disini PATCH NYA

Sumber : http://yo-yanto.co.cc/topik/software-untuk-membuat-themes-template/