Pakde Modis!

by theKRY™ on 23/09/09 at 12:41 pm

Pernah terpikirkan untuk membuat tampilan blog makin keren dengan hanya mengunakan kreatifitas sendiri lewat pengaturan layout? Jika sering, pernah nggak terpikirkan juga untuk mengutak-ngatik tampilan gambar yang dimasukan sebagai ilustrasi tulisan kita, umum yang terjadi saat ini antara tulisan dan gambar, tampilannya itu selalu memiliki jarak yang terkotak-kotak, text yang di tulis sebagai unsur utama dalam tulisan di blog itu, harus tampil KAKU. Nggak bisa di utak atik selain ganti warnanya, type font yang digunakan dan fontsize nya, iya kan… Baku banged…seninya itu seperti dipatenkan memang harus begitu. Sehingga kreasi kita jadinya terbatas sekali.

Mari cairkan dengan cara menyisipkan beberapa gambar di blog agar tulisan nggak membosankan.

wraptext-1

Untuk Gambar kedua (bunga SAKURA ) saya pakai effect bayangan biar lebih Necisssss…

wraptext4

…Jadi kapan saya bisa leluasa bikin tulisan dengan modis begini?…


Bookmark and Share

Most Commented Posts

43 Comments

iksa

Sep 23rd, 2009

Belum kepikiran yang begini Pakde …
yang biasa-biasa aja masih bingung aku …
kalau sudah dapat posting lagi ya …

Pakde
Ide dasarnya saya hanya pengen tampil beda. begitu loh pak. But thanks ya…nanti kalau sudah dapat jawabannya tak gabarin lagi.

cyzko

Sep 23rd, 2009

wah keren sih tapi capek di mata tulisannya apa mata saya yang rusak hehehehe salam…

Pakde
Jangan2 layar monitornya harus ganti VGA card nya wikikikiki….

vizon

Sep 23rd, 2009

untuk sementara, dibikin seperti di atas aja dulu pakde… biar ribet, asal modis, hehehe… :D

Pakde
Iya bisa dengan cara manual tapi ini file ukurannya jadi gede… apapalgi diolahnya bukan di CS4. Inikan diolah di Words terus export ke Photoshop 7. Filenya ngabisin tempat bos… besar nian! Harus 3 kali kerja nih bos…

marsudiyanto

Sep 23rd, 2009

Salam Kenal Mas…
Benar juga, selama ini ilustrasi yang menyertai tulisan dalam posting terpisah dengan tulisannya.
Kalau yang model wrap seperti di atas itu kayaknya belum ada.
Tapi kalau sebagai background sudah bisa…

Pakde
Tulisan saya sebelumnya juga mengalami kebakuan yang sudah ditetapkan oleh WP. Ya..syukur2 mereka yang ngerti tentang ini. Yang khusus dan sering ngutak-ngatik WP, bisa ngasih saran agar tampilan postingan bisa ciamik seperti ini. Saya hanya punya ide saja. Mewujudkan dalam HTML code susah juga!

aminhers

Sep 23rd, 2009

bentar yah tunggu, mikir dulu;sepertinya pernah posting gaya ini :)

Pakde
Iya…silahkan… tunjukan caranya SEGERA!!

Hajier

Sep 23rd, 2009

Keren juga idenya Pakde, dan memang keren hasilnya.
Sebagai seorang yang gaptek, maaf sekali gak bisa kasih ide apa-apa.
Saya bisa posting aja udah syukur hehehe…

Pakde
Ayo..naikin lagi gradenya biar nggak sekedar nulis…ayoooo,

fadhilatul muharram

Sep 23rd, 2009

finally i come here, pakde. kunjungan balik critanya. jadi kapan ya pakde bisa bikin gambar dan tulisan kayak gitu? ASAP pastinya. :)
semangat pakde!

Pakde
Fadhil, ASAP nya itu yang nggak sabar ditunggu2 looh…

Pakde Cholik

Sep 23rd, 2009

Selamat Hari Raya Idul Fitri 1430 H
Taqobalallahu min­naa wa min­kum
Shiyamanaa wa shiyamakum
Minal ‘aidin wal faizin
Mohon maaf lahir dan batin
Salam dari Surabaya
 
Pengin juga sih tapi belu tahu caranya he..he..he, entar belajar dulu ach. Mantap tuh bang.

Pakde
Kalau sudah bisa, kasih tahu tips nya sama saya ya… saya sih nunggu dimentorin dulu. Mumpung idenya belum dikelarin pelopor WP. siapa tahu mereka bisa buat beginian.

Pakde Cholik

Sep 23rd, 2009

Kalau di WP, gambar yang di upload bisa pilih yang ukuran “Tumbnail” atau ukuran di Media diganti sesuai keinginan kita, misalnya untuk ukuran Medium bisa diganti 200×150, yang large 250×200 dan yang ukuran full bisa diganti 300×250. Kalau non WP saya nggak tau mas.
Salam hangat dari Surabaya

Pakde Jambi
Salam kembali pakde… maksud saya saya ingin bikin tulisan bergaya wrapping text…seperti contoh gambar yang saya buat. Beggitu looh…kalau yang pakde maksudkan itu saya sudah hafal betul pak.

Pakde Cholik

Sep 23rd, 2009

ttg media bisa dilihat di dashboard pada “setting”
Thanks

nh18

Sep 24th, 2009

Wah maap ni Pak De Cakep …
Ekeh juga misih belajar …
Ntar kalau udah bisa … ajarin yah … ya … ya …???
hehehe
Salam saya

Pakde…
Woalaaaah bang toyiiiib bang toyib… cari info juga disana donk… biar bisa share sama2… nanti aku kasih bonus tulisan tentang ini yang jadi modelnya om trainehhhh deh. Jiakakka…narsis mode on :D

Yari NK

Sep 24th, 2009

Haha…. the most logical way to solve the problem is to make sure that the picture about to be text-wrapped is not RECTANGULAR. We know that all JPG pictures have rectangular edges no matter how curvy the picture is, the edges are always RECTANGULAR! Unless you can create a picture file which does not have rectangular edges the process would be cumbersome though I’d never say that it is impossible to do. Perhaps you can manipulate it through the scripts as we know that HTML is such a simple language and it often fails to execute heavy tasks like that of flexible text-wrapping. Or the easiest way is to get it through a generator program like the one you use. If you are still dissatisfied with the result, go get another generator program until you get what you want.
However, to me, I don’t look an article at the aesthetic layout. No matter how aesthetic the layout is, if the article fails to interest me, I will skip the article (and of course that includes the aesthetic layout) all the way….. huehuehue…. :mrgreen:

Pakde
Pertanyaannya adalah bagaimana memindahkan bahasa pemrograman dari MS Word ke Blog. Toh di Ms Office itu bisa faktanya… Ayo bermain logika…sebisa mungkin wujudkan.

Tentang estetika, saya ndak nanya mas suka yang seperti apa. Toh masing2 memeiliki sentuhan personal dari pembuatnya. iya kaaan??? Ini kan blog saya…terlepas dari bagus ndak nya tulisan… aku sih asyik asyik aaaajah… :D

alamendah

Sep 24th, 2009

Waduuuh.
Saya sendiri sangat gaptek kalau dalam hal beginian.
Sementara yang terpenting buat saya ngblog, nulis, nulis dan bloghicking.

Pakde
bagoooooooooooosss.. hahaha…

Yari NK

Sep 24th, 2009

LOL. You ask the wrong question, the problem is CAN YOU CREATE A JPEG OR GIF FILE THAT HAS CURVY BORDER INSTEAD OF THE RECTANGULAR ONE? You are mistaken in interpreting my lines. Read the lines carefully before you fire away or else it could be merely a laughing stock…. :mrgreen:
On the aesthetic matters, I don’t have anything more to say, yours is a typical cliché coming out of a wimp, no further responses are necessary…. :mrgreen:

Pakde
Saya tahu paaaak… makanya pikiran saya melompat lebih cepat ke dalam pemrograman Ms. Words. Sory kalau pemikiran saya masih melebihi kecepatan mas Yari. wikikiki… masih dibilang salah? capcay deeeh

HumorBendol

Sep 24th, 2009

Ampun Pakdhe….
Yang beginian sih kagak tau. Emang keliatan Modis, tapi pasti susah kali ya?
Jadi…kalo dah dapat ilmunya, posting aja deh, pasti banyak yang tertarik
Makasih Pakdhe

Pakde
Siap mas…nanti kalau sudah menemukan cara lebih simple saya kabarin ya…

Yari NK

Sep 24th, 2009

You skip because you couldn’t do the previous option. You skip erratically or desperately not because you outdo me! Though you eventually succeed in doing it, it shows nothing of your wit! :mrgreen:

Pakde
Terimakasih untuk pujiannya… hahaha… tapi saya lagi butuh saran untuk wrapping nih… bantu dooonk.. jangan teori alasan ini itu tapi How To… sekali lagi How To…. Fokus ya… Susah memang kalau ngikutin maunya pakde nih. :smile:

edratna

Sep 24th, 2009

Walah pakde…lha teratur nulis aja mesti dipaksakan, kalau nggak ya males……
(alasan orang males).

Pakde
Iya bun sebagian besar memang punya pendapat seperti itu. Yang penting nulis dan nulis, saya sendiri malah senang bikin surprise… syukur2 ide nya bisa terwujud sehingga saya bisa lebih aktif menulis lengkap dengan ide-ide baru. Makasih bun.

Yari NK

Sep 24th, 2009

Huahaha….. another desperate twist and platitude coming out…. but it’s okay….. however it is no fun to help you in this case since I will have no substantial benefits from the text wraparounds and for sure I won’t too much appreciate it even if it works despite all the pains….. :lol: Good luck mate….. :D

Pakde
Thanks sudah meninggalkan banyak pesan basi disini. Ketahuan ngefans sama gambar seperti ini… wakakaka.

Yari NK

Sep 24th, 2009

No problem. It is just a giveback of your stale copy-paste eid greeting, yes I’m happy if you succeed at least there is some improvement on the blog though it must be done through text wraparounds…. LOL.

mikekono

Sep 24th, 2009

bukan cuma blognya yang modis
Pakde juga modis dan slalu kaya ide
itulah pertanda orang intelek
dan kreatif……salut bro
btw, Minal AIDIN wal fAIDZIN

Pakde
Bang Mike pinter sekali memuji dan menyenangkan hati orang. Saya salut sama abang nih haaaaa…
Mohon maaf lahir bathin juga ya…

kreatips

Sep 24th, 2009

wah bener banget tuh pakde …
cantik banget kalo bisa begitu …

Pakde
Coba mas buatkan saya code nya…

Iklan Gratis

Sep 24th, 2009

Wah bagus banget, apalagi yang bawah gambar bunga itu, saya suka banget,
Tapi kalo soal yang begituan saya masih kurang ngerti, kurang paham, alias gaptek,hehehe…
tapi sebenernya saya pengen banget bisa buat yang kaya begituan.
salam sukses selalu… oya met idul fitri, mohon maaf lahir dan batin.

Pakde
Cari cara sama2 yuk…biar semua bisa bikin gaya begini.

boyin

Sep 25th, 2009

ini keren pak de..pingin juga bisa kayak gitu…aku mau belajar ah..eh salam kenal ya..

Pakde
Ha ha ha…boyin ini amnesia ya…? koq pakaia salam kenal? salam templok deh sekalian… kikiki

Yari NK

Sep 25th, 2009

Pakde… **wink…wink…wink…**
lebaran lagi ya pakde?? Kok baru lebaran udah bersitegang lagi sih…. Yah… maklumlah namanya juga manusia….. :P
**berpelukan ala teletubbies**
**gilee pakde asem… belum mandi…!!** :lol:

Pakde
Sejak 25 Sept sampai 6 Ok saya di Padang. Nggak bisa ngenet loooh

masnur

Sep 25th, 2009

HHmmmm..ide briliant namun belum terpikirkan di kepalaku pakDe….kayaknya harus cari webmaster tuh biar di oprek si WP. Itupun kalo diijinkan. Selamat idul fitri pakDe, mohon maaf lahir dan batin.

Pakde
Maaf lahir bathin juga ya..
Semoga orang2 WP ada yang bisa bantu merealisasikan ini ya..

zee

Sep 27th, 2009

Maaf lahir batin ya pakde…
Kalau saya dulu sering mengutak atik theme gratisan, ditambah gambar2 biar jadi menarik. Benar itu klo pake gambar, kita jd tertarik membacanya… :)

Pakde
Maaf lahir bathin juga Zee…. Yang jelas gambarnya nggak terlalu dominan ya…

HE. Benyamine

Sep 27th, 2009

menarik … dan tambah menarik, modis juga ide pakde. Tunggu pesan moralnya saja … yang punya cara yang lebih simple, bagi2 tipsnya dong pliissssssss

Pakde
Ha ha ha ha..thanks mas Ben. Kapan mau bantu merealisasikan ini nih?

masoglek

Sep 28th, 2009

wah modis dan inovatif

marsudiyanto

Sep 29th, 2009

Saya pernah mbuat yang latar belakangnya image kayak gitu Mas…
Caranya juga sudah saya tulis di blog saya.

Pakde
Lengkap kah tulisannya? Cara kerjanya mudah nggak?

AFDHAL

Sep 30th, 2009

wah keren pakde…
jadi pengen punya dot com nih
:)

Pakde
Ayo dhal bikin dotcom. murah koqqqqq

adipati kademangan

Sep 30th, 2009

untuk tampilan seperti itu biasanya saya bekerja menggunakan CorelDraw. Namun kalau sudah memasuki ranah HTML, nyerah deh saya. kalau sudah bisa scriptnya, bagi-bagi boleh kan …

Pakde
Nanti mas, kalau ada cara sederhana saya kabari ya.

kidungjingga

Oct 1st, 2009

wew….. pakde ngejrennngggg…..
sehat pakde? dah lama saya ga maen. malah belum sempat maaf2an juga. maafin saya ya pakde…
angpao? hik..hik..

Pakde
Angpaunya minta berapa milyar? hahaha… minal aidin yaaaa.

tips SEO sederhana

Oct 1st, 2009

salam kenal pak de. sukses selalu yach dengan penampilannya yang baru…..

Pakde
Thanks Ya.. salam kenal kembali

nh18

Oct 2nd, 2009

Pak De Van de Kray
Just drop by …
Hanya ingin bertanya …
Bagaimana kabar Pak De …
Sehat-sehat kan ?
Radionya nggak kena Gempa kan Pak De

Salam dan doa saya

Pakde
Alhamdulillah Nggak Om. Lokasi Kerinci dengan Sipin sangat Jauh om. Terimakasih untuk doanya Om. Smoga om juga senantiasa dalam lindungaNYA. Amiien

nh18

Oct 2nd, 2009

maksudnya avatar yang inih …

Pakde
Hah ha ha ha… masih muda banyak lupa ha!

Jidat

Oct 3rd, 2009

hem belum mengarah ke sono…
selamat lebaran pakdhe.

Pakde
Arahin laaaah..simple koq. Mau buat?

mursid

Oct 5th, 2009

siap-siap ngoprek tampilan blogku nih….

Pakde
Mur… pakacil sudah bikin tuh. tinggal dibuat smooth aja wrappingnya.

pakacil

Oct 6th, 2009

wrapping begitu memang sepertinya memang ribet, yg pertama terlintas dipikiran saya adalah gambar yang harus dipotong-potong dulu, baru nanti di atur penyesuaian letak gambar dan teks biar pas. tapi ya entahlah…  hehehe….
setalah gugling, <a href=”http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm“>nemu ini (klik)</a> belum tau sudah sesuai atau belum dengan yg diinginkan sih…
:)

Pakde
Iya keren tuh..semcam itu… tapi kenapa ada garis2 warna hijau ya? Bisa di buat smooth dikit wrappingnya?? Keren tuh… ribet nggak seh?

marsudiyanto

Oct 8th, 2009

Caranya sangat2 sederhana Mas…
Link nama saya ini mengarah ke postingan tentang itu…
Makasih sudah mampir blog saya.

pakde
Thanks mas ya… saya pelajari di TKP.
Best regard

marsudiyanto

Oct 8th, 2009

<blockquote>&lt;div style=&quot;background:url(<strong><font color=”red”>alamat url tempat menyimpan image</font></strong&gt;) no-repeat;&quot;&gt;<br /><strong><font color=”red”>teks postingan</font></strong>&lt;/div&gt;</blockquote>

marsudiyanto

Oct 8th, 2009

Sorry, mau saya tulis di komentar kok munculnya malah kayak gitu…
caranya :
<div style=”background:url(alamat url tempat menyimpan image) no-repeat;”>
teks postingan</div>

Pakde
Ok Thanks mas. Spider kemayu nya cool juga. wikikikiki… Siap ke TKP lagi nih… ditempat sampean banyak Ilmu yg bisa diserap. Thanks yaaaa

guskar

Oct 9th, 2009

keren…keren… model wrapping text itu cocok banget ditampilkan di theme blog saya yg mmg saya pilih seperti model majalah…
ntar ada waktu luang boleh jg mencoba tampil modis a la pakde..
thanks..

Pakde
Karena itulah Tampilan majalah seperti blog mas. cocok dengan layout seperti ini.

Embun

Oct 28th, 2009

Coba alamat ini:
[http://www. theboxoffice.be/index.php?op=theboxoffice&step=define]
semoga menjadi embun yg mencerahkan……
 

Leave a Comment

Copy Protected by Chetan's WP-CopyProtect.