Tutorial Revit Architecture 2010

Rabu, 08 Februari 2012

Download Gratis Blog Headers

One month ago we’ve asked our readers⁶ to help us create a gallery of blog header graphics which every designer could use for free and without any restrictions whatsoever. We’ve announced a Header Graphics Contest and now, one month later, it’s time to present the most interesting, creative and beautiful works we’ve received.

38 graphic designers and artists participated; as a result we’ve received over 100 truly outstanding entries. The best ones are displayed below. Some of the participants will be randomly awarded with Poser 7, Anime Studio, and Manga Studio provided by Smith Micro Graphics⁷. Participants, please stay tuned — we’ll contact the winners within the next 24 hours.

This post presents the results of the contest — 45 beautiful blog header designs you can use for free. Below the designers have described their themes, intentions and shown us some examples of how header graphics can be used.

Please notice that

often also the source image (.ai or .psd) can be downloaded,

all images are clickable and lead to the full-size image of the header,

full-size images have the resolution of 850×200 px,

and you can also download graphics together with source files using corresponding links in the description.

[Editor's note: Have you already got your copy of our Printed Smashing Book #2? The book covers best practices and techniques for professional Web designers and developers.]

Upgrade, Avto, Fireball, Nopolicy & Co.

full view | download (7× jpg + psd, 5.6 Mb)
“Sending you our schedule. nopolitics means that the design of the laws, you can always open up a new direction, to develop the old, everything will change in its own way, freedom of expression is limited only in design technology.” Designed by Sergej Gorodenskiy¹⁰, Russia.

Cosmosource

full view | download (jpg, 65 Kb)
This theme is based upon the cosmopolitan style of life. “I tried to show a cosmopolitan life full of style using modern colors (symbolizes fashion), a dynamic picture of a girl (symbolizes people) and buildings (means the the city work/style) in the background.” Designed by Paulo Loreto²⁰ from Portugal.

The Lighthouse Project

full view | download (jpg + psd, 1.3 Mb)
“The Lighthouse Project” was brainchild of mine to do a daily blog of testimonies from the Christian walk to encourage others through life’s trials. Though the blog is not up, I thought it best to start with an awesome header graphic for the artistic direction on how the rest of the site should be designed. I wanted to go with an “urban” theme using a lot of vector and photo combinations like what a lot of the graphic artists are doing today. Tracey Jackson²⁴, Miami, Florida, USA.

[R] Evolution

full view | download (jpg + psd, 6.6 Mb)
“For this Design I wanted not just to create a banner that could be used in any kind of blog like music, personal thoughts, design, philosophy, science, history or any other, but also passing through a deep meaning. There are some questions about humanity that really intriguing me since my early days. Where do we come from? Where are we going? And what is our mission here.

The banner concept is not trying to give an answer for these questions, but is actually trying to reflect these questions on user’s subconscious. So I developed the evolution idea to reflect our mission as humans. From left to right I try to show some steps of evolution process, since prehistoric history until these days.

All big changes in human history were produced by revolutions. For that fact I Use [R] incorporated in the title. So users can read evolution and at the same time also read revolution. Evolution-Revolution. Revolution can also be noted in the design with the revolutionary Flag contradicting with the peace symbol within, French soldiers and the atomic bomb. All evolution process is being pushed by an elephant, which is a strong animal that exists from a long time ago. This idea is to create movement and consequently reflect the questions where do we come from? And where are we going? The elephant baby is also there to represent the different generations along the evolution path.

On the right side of the banner there’s a glimpse of what I believe will be the future. Human mind uses just 15% of his brain capacities, so when humans will use 100% I’m sure we can easily travelling around the universe 10 times or more the speed light, conquering new worlds… This fact is presented by the astronaut starting traveling to the universe (present) and the UFO on the top dropping small spaceships (future connections). For enhance mystery I used a blue light.

This banner is better viewed in a black background.” Designed by João Filipe Cunha²⁹, Portugal.

Mindscape

full view | download (png + psd, 1.45 Mb)
Designed by Michał Bronka from Mindscape interactive agency³², Szczecin, Poland.

Retro Header

full view | download (jpg + psd, 2.1 Mb)
“One day I drew an icon from a picture. This was a classic truck that is colorful and sweet. I want to use this icon in a design project. And I saw your contest. Then I designed a header that contains the classic truck icon. This was a cheery work for me.” Designed by Cem Ozdogan³⁶, Turkey, Ankara.

Typography

full view | download (png, 65 Kb)
“I think about a header graphic as a start of a page, like to start a conversation – so the idea was born. We all start a (good) talk with an easy greeting – so why don’t use this for a website? after trying some stuff i decided to keep the design as simple as the idea – so I used lovely RNS Baruta Black. Simple and clean, but also interesting and playful.

The languages I used are just examples – of course it’s possible to use all greetings of the world (as long as it fits 800px).” Designed by Robert Winkler⁴⁵, Dresden, Germany.

The Sexiest Dirty Underground Theme

full view | download (5×jpg, 0.3 Mb)
“What inspired The Sexiest Dirty Underground theme was a chance to explore some new styles. I’m very pleased with the results and I’ll be exploring these techniques even more. I’ll be finishing The Sexiest Dirty Underground header theme on my blog to bring the total to 20 headers in the next two weeks. For Rich-Bitch-Fish, Co-op-Bone, and Woman-Confident I used the process of first sketching on paper, then working with illustrator, and finally finishing in Photoshop. I’ll be explaining the process more indepth on my website coming soon.

My favorite headers from this theme are City-Under-Heat, New-Tech-Earth, and Woman-Confident-Fear.” Designed by Jimmy R.⁴⁸, Manitoba, Canada.

A New Day

full view | download (png + gif + jpg, 0.1 Mb)
Designed by Jonathan M.⁵⁶, Canada.

Fellowsisters

full view 1 | full view 2 | download
The first image is a little tribute to Escher’s “Drawing Hands”. It is an adaptation of the big old theme of the boundaries of representation but with the Fellowsisters as main characters. It also contains a reference to the Plinian Myth of the origin of Painting.

In the second image the two cups of tea are associated with a moment of relax. Usually the Fellowsisters are represented by two female figures or by two analogue or complementary objects. Designed by María⁶² from Spain.

Inspiration Theme

full view | download (0.9 Mb)
Designed by Daniela Mincheva from Sofia, Bulgaria.

Lucifix

full view | download (2.6 Mb)
Designed by Nathaniel Heller⁶⁹, New York City, Manhattan, USA.

Rocket And Go

full view | download (65 Kb)
This is what came out after more than an hour of mad photoshop and illustrator play-around, the whole themes were greatly influenced by my brother’s ear candy crave on Mika’s “Happy Ending” and my personal fave on young Youtube star Daniel Talevski’s “Rocket and Go”. Lots of stock images were used from across the Web, with massive blending, be it softlight, multiply, overlay in addition of some vector shapes, brush tools, photoshop patterns from deviantart.com. Designed by Mikel D.Lian⁷³ a.k.a splashmilk from Kuala Lumpur, Malaysia.

Grunge Look

full view | download (0.4 Mb)
Designed by Alex Frison⁷⁷ from Germany.

This Is How It Feels

full view | download (0.9 Mb)
The ideas are quite simple. Valentines soon, so I got this idea of making this header. Each of them represents feelings as it is presented in ways such as the graphics itself, colors etc. I made all the images my self. Just got them after compiling all my artworks from my artbag and then I just simply paint them using Photoshop.

Back to the feelings, I may make a list of definitions for it.

On the left side, the girl with plaster glued on her mouth means she cant say what she actually want to say. you know, sometimes people just cant spit the words out when someone likes this person.

Then, you can see these two couples, from this, I use colors to symbolize feelings. green is for envy and red is for desire. every couple fights — obviously. But in the end, they still love each other anyway. you can see it from the faces (the couple graphic).

And that sheep, it’s symbolizes a female. You might laugh about this, but its true! Sheeps fur is soft, like girls, soft on the outside but then you see the real deal inside. The reason I place the sheep like that is to show how girls can just simply make the guy fall for her and be the queen in just one blink.

And for the background, its just some doodles I made at my science class last 2 years, I think it fits this whole thing don’t you think?

Growing On You

full view | download (psd + jpg, 0.9 Mb)
I have used different brushes from Aivult itself and symbols of vector from there as well. The brushes were used to create the flowers along with few splashes of paint. Then the sunburst effect in the background was used from one of its tutorials in order to come up with a creative vector header. Designed using Adobe Illustrator and Photoshop and was possible by hand and head co-ordination of one8edegree. Created by AiVault⁸⁵, One8edegree, Pakistan.

Sublog

full view | download (jpg, 65 Kb)
It’s the header graphic of my actual blog Sublog.ch⁸⁹. The design is a collage of pictures I took some time ago and some free city landscape pics I found on the net, combined with some graphic elements. I used some grungy photoshop brushes to destroy the edges. The Swiss mountains at the bottom reflect a typical element of my homeland.

The contrast to the clean Swiss image is the grungy design and the city landscapes which are overlayed with a hard blend mode. a connection to the web and the modern world is made with the typo elements. I used a very clean, technical font called eurostile. Designed by Pascal Greuter⁹⁰, Switzerland.

Elements, Transition

full view 1 | full view 2 | download (jpg, 150 Kb)
I wanted to put accent on graphics (drawing, sketching) development through years. Therefore, its an old clock with overlayed Van Gogh’s portrait (an axiom in art :) + painters brush….and it’s “transforming” into mouse pointer with some binary code in background. Designed by Ratko Horvat (e-mail), Zabok, Croatia.

Graffiti Splatter

full view | download (jpg + html template, 0.5 Mb)
Okay, here’s my little horror show for your header contest. Yes, it’s a little bit special, but I like horror movies, comics, books… Also like Graffitis (but not that stupid noob tags). Theme is free – so I splattered some this weekend. I included a “making-of”-screen in a .zip-file. Also as goodie a website-template with background images. Designed by Rainer Weber⁹⁹, Pfungstadt, Germany.

Designer’s Canvas

full view | download (jpg + psd, 0.7 Mb)
The colors have been inspired by Mother Earth and her best friend, Nature. I draw real intricate designs on books and I always wanted to include this talent of mine into my website. Though I am creative I do not have anybody to guide (I guess this is the case with most designers).

I was not sure of how to incorporate my talent into the web media, luckily I stumbled on your website where I found links to amazing designs and tutorials. Every time I look at the stunning designs I would open up my Photoshop and Illustrator. Since I work full time, my website is not complete as I get to work only during my free time. Photoshop has always been my canvas to my creative work hence I have included the Photoshop toolbar in my design. Designed by Savitha Shivaram¹⁰⁴, India.

Lion design, the creative king

full view | download (jpg + psd, 1.1 Mb)
The Lionshead I used for this header is a drawing that I made earlier for a friend in Illustrator. I thought it would work great with a grungy theme. Designed by Didier Depraetere¹⁰⁷, Belgium.

Ephemeral

full view | download (5 jpg’s, 0.25 Mb)
The main idea with ephemeral is a graphic that seems constant and changing, with no form or whatsoever. The artwork was created in Adobe Illustrator. I wanted to share a visual header that can be easily customize, can provoke an emotion or tone without too much details. Designed by Nate Legaspi¹¹¹, Philippines.

Monsteck Variketch, The Invasion

full view | download (jpg + psd + ai, 7.3 Mb)
Based on your Illustrator tutorial about how to create a blob monster I developed the idea of creating a monster family which I called the Monsteck Variketch Family. This family is just starting to invade the city. Their names, from left to right are: Vermistech, Vaitistech, Bilistech, Piriastitech and Kapastech. For the design concept I used a grunge and urban styles. This banner can be used in a big variety of blogs. Designed by João Filipe Cunha¹¹⁹, Portugal.

The Magic Box

full view | download (jpg + psd + ai, 3.1 Mb)
This banner was created under the idea of the surprise element and good feelings when someone opens a gift on their birthday or in Christmas time. The moment of opening and discovering the gift it’s in my personal opinion a magic moment. That magic moment can be also translated to blogs, when we anxiously wait for a new post in some interesting blogs.

So I tried to show that magic moment in the design, creating a kid discovering the new toys, and from the open box is getting out the energy that creates that magic mood. A very soft pastels color palette was used to create a very soft moment of magic. Designed by João Filipe Cunha¹²⁴, Portugal.

Untitled Dream

full view | download (jpg + psd, 3.1 Mb)
This banner was created for those dreamers out there. The idea was to create a dreaming environment, transforming the impossible possible. I came out with a sky landscape and in the top of a cloud there’s the dream focus. A natural landscape with some animal’s, flowers and ornaments. Mixing photography with illustration emphases the dreaming idea. Designed by João Filipe Cunha¹²⁷, Portugal.

Kultivating

full view | download (jpg + psd, 0.5 Mb)
The main purpose of blogs is to share ideas, or ‘cultivating’ ideas in this big garden that we call the Web. So based on this idea I created this concept. I used an orchid which is my favorite flower; actually Orchids are my other passion. Is not just about the different shapes and colors that makes them another pretty flower, but yet what makes the reigning magic of the orchid is their invisible power of communication. I also used the tree and flower ornaments to reinforce the ‘cultivating’ idea. Some soul tech brushes were used to represent the Web as the main garden of ideas. Designed by João Filipe Cunha¹³¹, Portugal.

Metamorphosis

full view | download (jpg + ai, 2.8 Mb)
Metamorphosis is about a transformation of vector styles from simple lines to more complex line art. Seeing such different styles and moods being created with line and color, I also wanted to give a sense of relaxation that nature gives us. Designed by Carolyn Van Deursen¹³⁵.

Betsyness

full view | download (jpg, 60 Kb)
“I’m in the process of creating a website to showcase some of my drawings and paintings. I wanted this header graphic to reflect on my personal style and although created in perhaps the hallmark of the digital art process, Photoshop, to still have a hand-drawn essence to it.” Designed by Betsy Chang, USA.

Nuestra Señora

full view | download (jpg + psd, 1.7 Mb)
“This is a header graphic for my friend’s blog. This is how she initially described it to me: “I have decided on a name for the blog: Nuestra Señora. It is adapted from Los Angeles’ original name: Pueblo de la Nuestra Señora Reina de los Angeles del Río de Porciúncula. Plus it is feminine. I think it suits the blog. I am not sure if other people use the same name on their blogs.

So the concept for the blog is: Los Angeles city politics infused with pop culture. I want to provide a counter-perspective to the city from a life-long Angelino and integrate art, culture, fashion, and more. But again, its all about how the city is changing, I want to be a cynic but also a resource. The blog should be an artifact. I need to write and be creative. The more I think about it, the more I want multiple blogs, but maybe we can do that later or make tabs on the blog page itself. I would like to talk about US politics, the world, pop culture, gossip, everything that encompasses my daily life.” Designed by Betsy Chang, USA.

War of the Good & Evil

full view | download (jpg, 62 Kb)
“Doing design that can affect people, with this theme to show that being good or bad is just a thin line of difference. So we should show others the angel side of us, letting the good triumph over the evil.” Designed by Koh Maw Shin¹⁴⁵, Singapore.

Dragon

full view | download (png + example, 170 Kb)
“Dragon.png is a layered Fireworks CS3 file containing all the design elements used in example.gif. The elements are all transparent and can be moved around and combined to easily create a custom header image for your blog. All elements were created by us and you are free to use and distribute as you feel fit. Come show us your work at Heavychef.com¹⁴⁹ were keen to check it out.”

Dream On

full view | download (gif, 60 Kb)
“This design was inspired by my thought process. Whenever I need some ideas, I think, research & analyse and then I just let my thoughts go blank. This is when the ideas begin to flow. I tried to visualize this whole process & this is how I imagined it. I am sure a lot of people out there would relate to this process as well.” Designed by Heavena Rayan¹⁵³, India.

Thanks to all participants!

Membuat Gambar melayang di WordPress.com

22.08 Internet No comments

Gambar Melayang atau Floating Image adalah gambar yang posisinya selalu tetap/tidak bergeser ketika mouse kita gerakkan keatas ataupun kebawah.(kurang lebih begitu).

Contohnya bisa Anda lihat di pojok kanan atas halaman utama blog ini dan disebelah kiri halaman ini. Selain membuat blog Anda tampak cantik, gambar itu juga dapat mengarah ke halaman yang ingin anda tuju. misalnya gambar burung elang di sebelah kiri ini linknya menuju tutorial membuat-text-berjalan-dengan-file-swf/, itu lho tulisan berjalan dibawah halaman seperti text berjalan di TV-TV itu. he.he . . .

Anda dapat memasang linknya tetap berada di blog anda sendiri dan bisa juga mengarah ke alamat blog yang lainnya.

Lalu bagaimana cara memasangnya?

Copy code berikut lalu pastekan ke mode html halaman/tulisan baru jika ingin memasangnya di halaman Anda saja dan untuk memasang di halaman utama anda harus memasang di widget teks di sidebar Anda.

Posisi bawah-kiri

<div style="display:scroll;position:fixed;bottom:0;left:0;"><a href="URL link yang dituju" terget="_blank">

<img src="URL gambar berada" />

</a></div>

Posisi bawah-kanan

<div style="display:scroll;position:fixed;bottom:0;right:0;"><a href="URL link yang dituju" target="_blank">

<img src="URL gambar berada" />

</a></div>

Posisi atas-kiri

<div style="display:scroll;position:fixed;top:0;left:0;"><a href="URL link yang dituju" target="_blank">

<img src="URL gambar berada" />

</a></div>

Posisi atas-kanan

<div style="display:scroll;position:fixed;top:0;right:0;"><a href="URL link yang dituju" terget="_blank">

<img src="URL gambar berada" />

</a></div>

Keterangan:

Tulisan yang saya warnai dengan warna merah itu link yang akan di klik atau di tuju, misalnya http://irfanhandi.wordpress.com/ nah kalau yang warna biru itu tempat url dimana letak gambar tersebut berada, misalnya: http://fitr4y.files.wordpress.com/2011/05/eagle2.gif

Demikian cara pasang floating images atau gambar melayang ini, jika kurang jelas mari kita sama-sama bahas.

Untuk Mas Andan yang sempat bingung, mungkin ini jawabannya.

Ternyata kalau dipasang di halaman scriptnya berubah menjadi sepert ini:

Unduh disini

Coba pastekan code diatas di halaman/tulisan baru di mode html kemudian lihat hasilnya di mode visual.

Semoga membantu.

Sumber Gambar: Fitr4y’s Blog

Cara Pasang Tulisan Berkedip Dan Background Di Posting WordPress.com

20.53 Internet No comments

Membuat Tulisan Berkedip di WordPress.com

Membuat

Tulisan

Berkedip

di WordPress.com

Langsung saja dibagi cara buatnya:

copy code dibawah, pastekan ke mode html tulisan anda. Ubah sesuai keinginan Anda.

<a style="color: #ff0000; font-size: 22px; text-decoration: blink;">Tulisan Anda…
</a>

color = code warna tulisan

font size = ukuran tulisan

tulisan Anda = ganti text tersebut dengan tulisan yang anda inginkan.

Selamat berkedip-kedip deh . . .

Cara Pasang Background Di Posting WordPress.com

Langsung saja saya berikan caranya untuk memasang background gambar di halaman posting.

Masuk ke admin WordPress anda.

Klik [Posts] > [Add New].

Copy kode dibawah dan paste-kan di area [HTML]:
<div style=”background-image:url(‘http://url_gambar.jpg‘); background-repeat:repeat; background-position:center center; text-align:justify; padding:5px;”>

Tuliskan text anda disini…

</div>

Ganti yang dicetak merah dengan alamat gambar sesuai dengan keinginan Anda.

Kemudian tulis artikel anda dan setelah selesai kembali ke mode [Visual].

Dan klik tombol [Publish].

Cara Membuat Header di WordPress

Sebelumnya Saya mohon maaf kepada Sahabatku semua yang sudah berkunjung kemari dan meninggalkan komentar, namun saya belum sempat berkunjung balik.

Kali ini saya ingin mencoba memenuhi beberapa permintaan sahabat yang berhubungan dengan Tutorial WordPress, diantaranya Cara Pasang Alexa di WordPress.com, kemudian ada juga yang menanyakan bagaimana Cara Pasang Avatar di WordPress.com dan terakhir saya ingin membagikan Cara Membuat Header di WordPress.

Walaupun Tutorial yang saya posting kali ini sudah banyak beredar di Mbah Google, tapi gak ada salahnya saya Re-Post lagi, untuk membantu dan memudahkan Sahabat yang baru bergabung di WordPress.

Untuk Membuat Header di WordPress, silahkan ikuti beberapa langkah berikut:

1. Login ke Admin WordPress Anda. dan pastikan tampilan WordPress Anda dalam bahasa Indonesia.

2. Pada sisi kiri halaman klik menu [Tampilan] / kemudian klik [Kepala halaman]

3. Kemudian akan muncul halaman seperti gambar dibawah. Klik [Browse] untuk memilih gambar dari komputer Anda. Setelah memilih gambar lalu klik [Unggah].

4. Sebelum meng-Upload, terlebih dahulu siapkan gambar/photo pada komputer Anda yang sesuai dengan ukuran header Tema bawaan WordPress Anda. Misalnya seperti gambar header yang saya gunakan berukuran 950 x 200 pixels. Namun bila Anda mengupload gambar yang berbeda dengan ukuran yang disarankan, maka Anda akan diminta untuk meng crop/memotong gambar tersebut agar sesuai dengan ukuran header blog Anda, dapat dilihat pada gambar dibawah.

5. Anda bisa mengupload gambar lebih dari satu, bahkan bisa tiga atau empat. Jika ingin menampilkan gambar header yang berbeda di setiap halaman blog, Anda tinggal mengklik [Random: Show a different image on each page.]

6. Terakhir [Simpan Perubahan] lalu Rrefresh halaman utama blog Anda dan lihat hasilnya.

7. Selesai.

Demikian postingan ringan hari ini, semoga bermanfaat. Bagi Master Wp mohon masukan dan sarannya.

Terima kasih.

NB: Bagi Anda yang ingin melihat contoh-contoh header yang keren dan gratis untuk di download, silahkan masuk ke alamat berikut ini:

http://www.freewebpageheaders.com/gallery/

http://www.smashingmagazine.com/2008/03/05/blog-headers-for-free-download/

Cara Membuat Flash Banner di WordPress.com

11.21 Internet, Witget No comments

Hari ini saya akan mencoba menjawab salah satu pertanyaan Sahabat yang bertanya bagaimana Cara Membuat Flash Banner di WordPress.com? Seperti yang kita ketahui bahwa animasi flash tidak bisa kita pasang langsung dengan mengcopy-paste script HTML yang kita dapat dari layanan penyedia animasi flash, karena WordPress tidak support dengan script tersebut. Kita ambil satu contoh, misalnya untuk Memasang Widget Histats kita butuh kode khusus untuk dapat memunculkannya di sidebar, begitu pula dengan flash banner yang akan kita pasang ini butuh kode khusus dan sedikit proses agar flash banner dapat terpasang dengan sempurna.

Bagi Anda yang ingin menampilkan Flash Banner disidebar blog khususnya pengguna Wordprress, kita bisa memanfaatkan pihak ketiga untuk membuat sendiri model dan isi banner yang akan kita pasang. Disini kita akan mencoba menggabungkan layanan banner gratis dari http://www.flashvortex.com dengan layanan upload gratis dari http://www.widgipedia.com/. Sebenarnya saya sudah pernah membahas tentang Cara Membuat Flash Banner di WordPress.com tapi banyak dari sahabat yang menemukan masalah karena tutorial terdahulu lebih fokus pada cara menampilkan text berjalan menggunakan animasi flash. Walaupun pada dasarnya proses pembuatannya sama namun tidak ada salahnya saya akan bahas kembali agar lebih fokus pada pembuatan flash banner yang nantinya akan kita pasang disidebar blog Anda.

Sepertinya kata pengantarnya kepanjangan ya?

Baiklah, kita mulai saja bagaimana langkah-langkah untuk Membuat Flash Banner di WordPress.com ini.

pertama anda masuk ke http://www.flashvortex.com dan pilih banners,

Pilihlah model yang Banner anda sukai dan sesuaikan dengan lebar sidebar blog Anda, saya ambil salah satu contoh baner berikut,

Setelah mengisi beberapa pilihan seperti Animated Icon, First Text Line, Second Text Line, Third Text Line, Fourth Text Line dan pilihan warna lainnya lalu klik Generate Animation,

Anda akan dibawa ke halaman berikutnya, Setelah itu Download Flash File swf Anda. Hasil downloadan tadi akan di upload pada langkah berikutnya.

Langkah selanjutnya yaitu masuk ke http://www.widgipedia.com/
Silahkan buat akun anda, caranya sangat mudah cukup dengan membuat nama User dan password.

Kemudian klik "Submit a Widget"
Klik Flash pada Menu Web flatforms di sebelah kanan atas.

Upload File Flash yang telah anda simpan pada Komputer/Netbook anda dengan meng-klik tombol choose.
Tulis Title, Version, Tags, dan Description pada kolom yang tersedia. (Terserah anda)
Upload Thumbnail untuk file flash anda type JPG, GIF, atau PNG dari Komputer/Netbook anda, dan centang kotak kecil dibawahnya kalau file yang anda upload tidak ingin dilihat oleh orang lain pada Halaman depan Widgipedia.
Selanjutnya Klik tombol Submit pada pojok kanan bawah.
Tunggu dengan beberapa saat hingga muncul halaman seperti pada gambar dibawah, kemudian klik tombol OK.

Selanjutnya muncul gambar seperti ini, klik tombol Get Widget.

Copy kode HTML yang terdapat pada kolom bagian bawah.

Kemudian paste pada Microsoft Office Word di Komputer/Netbook anda

Pada area teks yang berwarna biru adalah letak kode install flash anda yang akan digabung dengan kode HTML khusus
yang akan dipasang pada widget teks biasa/HTML blog anda.
Masukkan kode install flash
anda ke dalam code berikut ini,

<p align="center">[/gigya width="300" height="250" src="http://www.widgipedia.com/widgets/irfan-handi/I-9764-8192_134217728.widget?__install_id=1316579120782&__view=expanded" quality="autohigh" loop="true" wmode="transparent" menu="false" allowScriptAccess="sameDomain"]</p>

Copy semua kode diatas ke widget text Anda, hilangkan tanda garis miring yang berwarna merah / untuk membuat script ini bekerja, lalu simpan.

Inilah hasil flash banner yang akan muncul di sidebar Anda :

Cara Pasang Histats Melayang di WordPress.com

10.51 Internet No comments

Ingin memenuhi permintaan salah satu sahabat yang menanyakan “Bagaimana memasang histats.com melayang di Blog kita, saya tidak bisa membuat nya seperti itu. Ada yang bisa membantu?“ Maksud dari pertanyaan diatas adalah bagaimana memunculkan Histats seperti yang tampak pada pojok kiri bawah halaman blog Irfan handi-Hanya Ingin Berbagi. Baiklah, saya akan mencoba memberi solusi terkait masalah ini.

Langsung saja kita lihat code Histats yang sudah berhasil Anda pasang di sidebar Anda, seperti yang tampak pada code dibawah ini:

<!-- Histats.com  START (html only)-->
<a href="http://www.histats.com" target="_blank">
[/gigya width=”” src="http://s10.histats.com/430.swf"  flashvars="jver=1&amp;acsid=1587619&amp;domi=4"  quality="high"  width="112" height="75" name="430.swf"  align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /]</a>
<img src="http://sstatic1.histats.com/0.gif?1587619&amp;101" alt="site hit counter" border="0">
<!-- Histats.com  END  -->

Bila belum membuat widget Histats, Anda bisa mencobanya disini.

Setelah mendapat code diatas, selanjutnya kita akan memodifikasi code tersebut untuk membuatnya terlihat melayang/Floating Histats (ini istilah saya, :-)

. Codenya sebagai berikut :

<a style="display:scroll;position:fixed;bottom:5px;left:5px;"> <div style="text-align:left;width:112px;height:75px;margin:0 auto;">[/gigya width=” src="http://s10.histats.com/430.swf"  flashvars="jver=1&amp;acsid=1587619&amp;domi=4"  quality="high"  width="112" height="75" name="430.swf"  align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /]</div></a></p>

Keterangan:

Setelah mendapatkan kode diatas, copy semuanya lalu pastekan di Widget Text sidebar Anda tanpa judul.

Code yang berwarna hijau adalah code yang Anda peroleh ketika pertama kali berhasil memunculkan Histats di sidebar Anda. Seperti biasa, hilangkan tanda garis miring yang berwarna merah [/]untuk membuat script ini bekerja.

bottom:5px;left:5px ->code yang berwarna ungu merupakan posisi histats yang akan Anda pasang, seperti contoh diatas. bottom left menunjukkan posisinya dibawah kiri dengan jarak 5 pixel dari pinggir layar monitor Anda.

Bila ingin merubah posisinya di atas kiri, maka codenya menjadi top:5px;left:5px posisi atas kanan -> top:5px;right:5px dan posisi dibawah kanan ganti codenya dengan bottom:5px;right:5px

Demikian Cara Pasang Histats Melayang di WordPress.com. Semoga Bermanfaat.

Cara Membuat PDF Share Button di WordPress.com

10.31 Internet 2 comments

Bismillahirrohmanirrohim.

Untuk melihat artikel/tulisan di internet khususnya WordPress.com tentu membutuhkan koneksi internet agar kita dapat membacanya, namun tidak selamanya kita dapat terhubung dengan internet karena beberapa alasan seperti koneksi lambat, kuota download kita habis ataupun alasan lainnya.

Seperti yang kita ketahui Domain yang berbayar sudah menyediakan Share Button PDF agar pembacanya dapat langsung mendownload artikel yang telah diterbitkannya. Tapi bagaimana dengan pengguna WordPress.com? Jangan khawatir, sekarang kita dapat mambahkan Share Button PDF pada halaman ataupun tulisan yang kita terbitkan. Jadi pembaca bisa mendownload artikel/tulisan kita dan bisa membacanya secara Offline.

Artikel ini terinspirasi oleh Sahabat dari bandung yang berkecimpung di dunia jaringan komputer, desain web dan pemprograman yang mengangkat beberapa topik (kebanyakan tentang PHP, CSS, dan Jaringan Komputer) ringan yang sekiranya bermanfaat dalam pembelajaran Informatika di negeri ini, beliau adalah muslimpribadi.wordpress.com.

Hari ini saya akan mencoba berbagi Cara Membuat PDF Share Button di WordPress.com yang saya adopsi dari tulisan beliau yang berjudul Download Semua Tutorial Dalam Bentuk PDF Artikel ini saya repost/tulis ulang karena menurut saya artikel ini sangat bermanfaat dan semoga akan bermanfaat juga untuk Sahabat lain pengguna layanan WordPress.com. Untuk menambahkan PDF Share Button, kita bisa memanfaatkan fasilitas dari http://www.printfriendly.com/.

Bagaimana Cara Membuat PDF Share Button di WordPress.com ini, berikut langkah-langkahnya.

Masuk ke Menu [Pengaturan] -> [Shaaring] dan lihat Sshare Button dan klik Add a new service.

Setelah meng klik Add a new service, akan muncul Pop Up berikut:

Masukkan beberapa isian sebagai berikut, kemudian klik Create Share Button.

Service name: Download PDF (bisa Anda tentukan sendiri)

Sharing URL: http://www.printfriendly.com/print?url=%post_full_url%

Icon URL: http://irfanhandi.files.wordpress.com/2012/01/icon-pdf.png

Anda telah berhasil membuat Share Buttonnya,

Selanjutnya Seret dan letakkan pada Enabled Services seperti yang terlihat pada gambar dibawah.

Setelah dipindahkan, Anda bisa melihat hasilnya seperti gambar berikut:

Selesai.

Keterangan : pada beberapa pilihan diatas Anda dapat merubah:

Button style yaitu untuk menampilkan text saja, icon saja atau kedua-duanya.

Sharing label yaitu judul dari tombol sahring Anda.

Open links in : pilih New Windows untuk membuka halaman downloadnya atau Same Windows untuk membuka dihalaman yang sama

Show buttons on adalah pilihan dimana anda akan menampilkan tombol-tombol tersebut, apakah pada tulisan atau halaman saja.

Semoga bermanfaaat.

Download 7 Modul Pemrograman Delphi Gratis

09.49 Download, Internet No comments

Download 7 Modul Pemrograman Delphi Gratis – Bagi sobat yang suka atau sedang mempelajari tentang Pemrograman Delphi, kali ini saya ingin share 7 Modul tentang Pemrograman Delphi. Dari 7 modul yang ada, sobat mendapatkan tentang Dasar-dasar Pemograman Delphi, Dasar-dasar Percabangan Delphi, Dasar-dasar Perulangan Delphi, Dasar-dasar bekerja dengan SQL di Delphi, Dasar-dasar bekerja dengan Table di Delphi, Studi Kasus Pemrograman Delphi, dan Membuat Laporan tentang Pemrograman Delphi, semua bisa sobat download Gratis di Blog ini.