31 March 2009

Bikin Tulisan Berlubang

Malam ini saya nemuin cara yang lumayan simpel bikin tulisan ber-efek lubang yang lumayan keren, awalnya mau bikin header ini blog saja biar ada imagenya..eh..kenapa ngak sekalian dibikin postingan saja "soalnya sudah lama juga nga ada postingan baru disebabkan larut dengan dunia  chattinggg.. chattingg.. chattingg" hehe.. dan saya termasuk orang baru belajar juga sedikit-sedikit pakai photoshop :) makanya jangan heran kalo tampilannya sangat sederhana...



Oke deh kita mulai saja untuk awalnya dengan membuat ukuran yang kita sukai, disini saya pakai ukuran 400 x 120 pixel dan kasih warna background pakai Paint bucket tool seperti gambar dibawah ini





trus kasih tulisan dan pilihlah bentuk yang keliatannya lebih gemuk biar efeknya lebih keliatan... :)



kemudian klik Windows > Layers > Add a layer style dan pilihlah "Inner shadow"
 

nah.. sesuaikan lagi seperti yang tertera dengan lingkaran merah pada gambar dibawah ini.
  
trus pilih "outer glow" dan sesuaikan juga seperti gambar dibawah ini atau menurut yang anda sukai..!
 
kalau sudah, anda akan mendapatkan hasil yang seperti ini, lumayan kan..hehe
selamat mencoba.. ^_^

.

Selengkapnya...

01 March 2009

Bikin LifeStream ala CosaAranda

 Trik bikin Lifesream ala Cosaaranda di Header blog Wordpress

Entah sebulan yang lalu ato lebih, pas baru nemuin kalo om cosa aktif lagi dalam kerajaannya,hehe.. tiba-tiba liatin atas header punya om "wah top margotop" ada tulisan yg setiap harinya gonta-ganti, eh tau-taunya itu dari status update Facebook om cosaaranda, nah postingan kali ini mau share pengalaman sendiri aja neh, gimana langkah bikin lifesteam ala cosa menurut cara saya yang serba terbatas juga sama yang namanya PHP dari wp-wordpress atau CSS thema-nya dsb.. moga aja membantu kawan-kawan yang lagi pengin punya juga dan berhubung sekarang lagi marak-maraknya Facebook sampai-sampai menuntut bagi para blogger juga harus ikutan jaringan sosial network tersebut


dan perlu diingat kalau langkah dibawah ini untuk wordpress yang ngehosting sendiri baik itu hostingan berbayar atau gratisan dan pastinya kita juga sudah terdaftar dalam jaringan Facebook "hari gene nga punya Fb, waahh.. bakalan ketingalan lo..hehe.." nah.. berikut langkah proses bikinnya..

-Langkah pertama download plugin liftream untuk wordpress-nya dulu, lebih gampang untuk mendownload  klik saja disini,

-selanjutnya masuk kehostingan dan upload ke folder public_html/wp-content/plugins/

-masuk ke halaman Dashboard dan aktifkan plugin tersebut

-masuk ke halaman Lifesteam untuk memilih feed yang kita inginkan seperti gambar dibawah ini










-terus klik icon Facebook dan kita akan terbawa kehalaman seperti dibawah ini untuk memasukkan Feed URL facebook punya kita



















-klik Your Mini-Feed dan pastikan kita masih dalam keadaan login Facebook
-setelah terbuka halaman Feed Facebook kita tersebut seperti gambar dibawah ini
























-klik link Status saya atau klik kanan dan kopy link halaman URL Feed kita tersebut, klik disini sebagai contoh halaman feed facebook punya saya

-selanjutnya masukkan URL feed tersebut di halaman Lifesteam kita sebelumnya tadi

-masukkan label yang kita inginkan dan pada "Icon URL" terserah kita mau diisi atau nga

-dan selanjutnya klik ADD FEED, dan reload halaman tersebut atau kita akan langsung menemukan jejeran status update facebook kita seperti gambar dibawah ini



















Selanjutnya kita masuk pada proses edit header seperti judul  postingan kali ini.


-pertama-tama masuk ke hostingan kita dan carilah file bernama header.php dalam Directory folder thema wordpress yang kita pakai

-klik edit dan tambahkan kode PHP Lifesteam-nya di dalam bagian body seperti pada gambar di bawah ini 




 
sorry.. nga bisa nampilin kodenya, jadi ketik manual aja ye.. :D klik gambar untuk lebih jelasnya

-selanjutnya save

-kemudian carilah file style css thema kita untuk mengatur posisi letak Lifesteam-nya agar sesuai dengan yang kita inginkan

-tambahkan kode css seperti pada gambar berkotak merah dibawah ini.. ;)

























"klik lagi pada gambarnya biar kelihatan jelas"

 -terus save dan lihatlah hasilnya..! sebagai contoh liatin aja neh blog baru punya saya disini 

Juga perlu diperhatikan neh dan musti sabar untuk utak-atik kode style css-nya karena setiap thema wordpress itu berbeda-beda dan editlah kode css-nya sesuai thema yang kita pakai oke.. :D kalau ada penjelasan yang kurang "ma'lum masih kaku dalam hal menjelaskan" atau ada pertanyaan dan saran silakan komen disini ya..

Selamat mencoba...
and kalo mampir di profil facebook saya jagan lupa tambahkan sebagai teman ya.. :D


Selengkapnya...