Effect Pada Image

BeBeN-Coy hadir lagih membawa trik & tips yang simple. Semoga ini bermanfaat bagi kawan's semuanyah. Trik ini berkaitan dengan image (gambar) yang akan muncul entar didalam postingannya. Contoh :

Trik ini sangat mudah dilakukan kok kawan's. Kita hanya tinggal nambahin code CSS doang kok. Itu juga gak banyak² amad.

Semoga dengan gambar diatas tersebut kawan's paham yang BeBeN maksudkan yaaa ^,^.


Dah ah, masak enggak paham juga c...Kebangetan banget deh...gyakakakakkkkk. Langkah-langkahnya :

1. Temukan code dibawah ini, biar cepat gunakanlah CTRL + F



.post img {


Kalo enggak ketemu yaaa cari jaa didalam tag BODY yang berbau-bau script img Xixixixiiii...:D Kalau sudah ketemu pasti scriptnya mirip² kek ginih deh :

.post img {
border: xpx solid #xxxxxx;
}
Hapus script yg berada didalamnyah, jadi seperti ini :



.post img {


}



2. Lalu disave.
3. Bubuhkan kode berikut kedalam kode yg dihapus tadi :
   border: 5px solid #b08C00
   
   
   Maka akan tampak seperti gambar yg diatas itu kawan's. Silahkan kawan's ganti ukuran dan jenis kode tersebut sesuai dengan kebutuhan kawan's yaaa.
   

   solid

   double

   groove

   dotted

   dashed

   inset

   outset

   ridge

   hidden

4. Terus disave lagi ajah kalo emang maunya begitu ^.^
5. Bagaimana kalo kita bubuhkan padding



.post img {
border: 5px solid #F90C00;
padding: 10px;
}



Mak nyusss...sruput duyu ahhh kopinyah...-_- enak toh, mang tab toh...i lop yu pull ♥♥♥.

6. Disave kalo emang mau gayanya seperti ituh
7. Bagaimana dengan membubuhkan sebuah background gambar kedalamnya kawan's

.post img {

border: 5px solid #XXXXXX;

padding: XXpx;

background: url (Http://URL Link Gbr/image.gif);

}




Mangtab toh...nah gambar bintang yg kecil² tuh yg membuat imyut²...xixixixi...^.^

Thank's a lot for Max. Happy Blogging ^.^

Tekh-nikh

Hehehehe...maaf kawan's kalo judulnya rada-rada lekoh yaaa. Selama BeBeN melakukan walking² nih, BeBeN perhatikan...terutama untuk yang kolom buat tukeran link / banner itu loh. Kawan's pasti sudah pada tempe dong^{tempe dibaca tahu yak} Untuk contoh :

<a href="http://beben-koben.blogspot.com" target="_blank"><img border="0" alt="Blogspot Tutorial" src="http://i41.tinypic.com/4v5nq0.gif" /><img border="0" alt="Blogspot Tutorial" src="http://i27.tinypic.com/j76x3d.jpg" /><img border="0" alt="Blogspot Tutorial" src="http://i30.tinypic.com/sqs5fc.jpg" /></a>
Nah yg seperti itu kawan's, pasti disetiap blogger hampir ada deh yg gituan soalnya buat tukeran banner / link toh. Nah yg BeBeN mau tekankan disini yaitu...coba kawan's del (hapus) kata² yg ada didalam kotak tersebut !!! Pasti kehapus kan. Disini BeBeN mau berbagi trik cara² yg lumayan lah. Yukkk

♥) Coba yg ini :

<a href="http://beben-koben.blogspot.com" target="_blank"><img border="0" alt="Blogspot Tutorial" src="http://i41.tinypic.com/4v5nq0.gif" /><img border="0" alt="Blogspot Tutorial" src="http://i27.tinypic.com/j76x3d.jpg" /><img border="0" alt="Blogspot Tutorial" src="http://i30.tinypic.com/sqs5fc.jpg" /></a>
Gak kehapus toh, enak toh, mantab toh...RUMUSnyah :

<textarea rows="xx" cols="xx" class="textInput copyThis" readonly="readonly"> Text Area / Content letakkan disini </textarea>

Huruf yg berkedip-kedip, rows yaitu jumlah baris / lebar kolomnya dan yg cols yaitu jumlah kolom / tingginya (isi dg angka berapa jaa menurut kebutuhan).

♥) Coba yg ini :

<a href="http://beben-koben.blogspot.com" target="_blank"><img border="0" alt="Blogspot Tutorial" src="http://i41.tinypic.com/4v5nq0.gif" /><img border="0" alt="Blogspot Tutorial" src="http://i27.tinypic.com/j76x3d.jpg" /><img border="0" alt="Blogspot Tutorial" src="http://i30.tinypic.com/sqs5fc.jpg" /></a>
Kalo yg ini, kalo diklik didalam kotak tersebut akan langsung dg sendirinya yg didalam kotak tersebut keambil (grab) kawan's. Rumusnya :

<textarea id="codeField" rows="xx" cols="xx" name="txt" onclick="this.select();" wrap="VIRTUAL"> Text / Content letakkan disini </textarea>

Seperti biasa kawan's yg berkedip-kedip diatur sesuai dg kebutuhan ^.^

♥) Membuat tombol link favorite : Rumusnya :

<a href=" URL-Link yg mau dituju " target="_blank"><img border="0" src=" URL-Gambar "/></a>

Tertarik dengan yg ini enggak :

<img border="0" alt="Blogspot Tutorial" src="http://i27.tinypic.com/j76x3d.jpg" /><br><img border="0" alt="Blogspot Tutorial" src="http://i30.tinypic.com/sqs5fc.jpg" /><br><img border="0" alt="Blogspot Tutorial" src="http://i41.tinypic.com/4v5nq0.gif" /><br><img border="0" alt="Blogspot Tutorial" src="http://i28.tinypic.com/bdl1c9.jpg" />

Nah entuh tombol, memiliki fungsi Add yg langsung menuju ke bagian dashboard blog kawan's. Heummm...mudeng enggak yah niii kawan's...xixixixi -___-'.

Simplenya ginih..., kalo kawan's mau memasukkan sebuah rumusan yg via ADD Widget, nah kawan's harus masuk kebagian Layout dolo, terus Page Elements toh. Nah dg tutorial ini, kawan's akan langsung menuju ke alamat tersebut (Via ADD Widget). Yaa udah kalo enggak mengerti mah gak usah dipake lah, wong ini juga untuk yg bisa rumus-rumusan...gyakakakakKKKK

Kalo yg emang tertarik, ini rumusnyah :

<form method="post" action="http://beta.blogger.com/add-widget">
<input name="widget.title" style="display:none" value="Bannernya BeBeN"/>
<textarea name="widget.content" style="display:none;">

/********* Text atau Content Letakkan disinih *********/

</textarea>
<input type="submit" name="go" value="Add widget to your blog"/>
</form>

NB : Beben melakukan trik-trik ini didalam browsingan MOZILLA. Kalo didalam browsingan yg lain...heummm...nggak tau kawan's, jalan apa enggak nyah...wuekekekeke.

Udah dolo ah capek. Kunjungin trik-trik BeBeN sebelumnya juga nih, sapa tau tertarik Fun-Fun Deh ama Writing Fun Java ama...cari dah yg berlabel trik dan trip...wuekekekkkk.
Semoga bermanfaat...WassaLam Muachhh...Muachhh...

Free Grafik Image Editing Softwares

Saya berharap bahwa sebagian besar desainer web mungkin menggunakan Adobe photoshop atau fireworks untuk mengedit gambar mereka. Tapi softwares ini terlalu mahal untuk membeli, misalnya Adobe Photoshop CS4 biaya US $699. Hal ini membuat tidak nyaman untuk semua web designer yang kuat ini untuk memiliki perangkat lunak editing gambar. Baru-baru ini saya telah menulis tentang alat editing gambar online, Walaupun layanan tersebut bebas tetapi mereka tidak mendukung banyak fitur apa perangkat lunak ini mampu. Jadi di sini adalah daftar editor gambar yang terbukti menjadi alternatif terbaik untuk Adobe Photoshop atau mahal lainnya alat editing gambar. Saya telah mengumpulkan 22 terbaik perangkat lunak editing gambar yang memiliki banyak fitur dari photoshop atau fireworks untuk mengedit foto kawan's seketika. Semoga daftar ini akan membantu semua web designer yang tidak memiliki cukup dana untuk membeli software Adobe Photoshop. Yuukkk mari...^.^

1. Image Retouching Tool - The GIMP

GIMP adalah akronim untuk GNU Image Manipulation Program. Ini adalah program didistribusikan secara bebas untuk tugas-tugas seperti sebagai foto retouching, komposisi gambar dan gambar authoring. Ini memiliki banyak kemampuan. Ini dapat digunakan sebagai program cat yang sederhana, seorang ahli retouching foto kualitas program, sebuah sistem online batch processing, sebuah gambar produksi massal renderer, format converter gambar, dll.



2. Hornil StylePix

Hornil Stylepix, atau hanya StylePix, adalah sebuah program editing grafis dengan sejumlah fitur canggih. StylePix adalah akronim untuk Gaya Pictures. Ini berarti gambar dengan gaya bagus. [screenshot stylepix] screenshot stylepix.



3. Serif PhotoPlus photo editor

PhotoPlus 6 adalah perangkat lunak pengedit foto menyenangkan yang membawa editing gambar profesional untuk semua orang dengan hanya beberapa klik dari mouse. Photo editor populer ini adalah untuk web, email, mencetak. Impor dari kamera, scanner. Membaca, menulis banyak file formats.Full ditampilkan: Photoshop plugin, animasi, lapisan, teks dapat diedit, luas dan menutupi membentuk alat (freehand, cerdas bentuk, font based), mengiris dan web peta gambar (secara otomatis menghasilkan pencocokan HTML), mengubah ukuran, web gambar optimasi, dll.



4. Pixifex bitmap editor

Pixifex menciptakan efek bitmap untuk Macromedia Flash. Apa Flax tidak untuk efek teks, Pixifex akan lakukan untuk gambar. Ini menciptakan efek dan transisi di antara gambar dalam cara yang benar-benar unik. Pixifex, seperti flax, menghasilkan ribuan efek unik dengan mengatur slider dan tombol.



5. AvancePaint image editing software

Sebuah program yang dirancang cat lengkap dengan sebuah antarmuka pengguna intuitif yang membuat AvancePaint mudah dipelajari dan digunakan. Ini cukup kuat sesuai dengan pengguna tingkat lanjut dan belum cukup sederhana untuk menyenangkan para pemula. Buka foto terbatas jumlah atau gambar dan membebaskan bakat artistik kawan's karena kawan's akan menemukan kemajuan dan kekuatan tetapi mudah untuk menggunakan opsi grafis!



6. TwistedBrush Open Studio

TwistedBrush Open Studio adalah cat digital gratis dan photo editing paket perangkat lunak Windows yang dibangun dengan daya tarik yg kuat dan mudah digunakan TwistedBrush Pro Studio platform. TwistedBrush Open Studio dirilis sebagai perangkat lunak bebas yang tidak akan berakhir danterus berkembang.



7. HeliosPaint Image Editor

HeliosPaint cat merupakan freeware program untuk membuat dan mengedit gambar. Ini berjalan pada Microsoft Windows, Mac OS X, Linux dan Unix dan ditulis di Sun Microsystem's Java programming language.



8. Zoner Draw

Gunakan Zoner Draw 3 untuk membuat selebaran yang kuat, ilustrasi dokumen, kartu nama, harga tag, kop surat, kartu pos, tanda-tanda, cetak biru, kartu ucapan, dan banyak lagi.



9. Image Analyzer

Kemajuan dalam mengedit gambar, peningkatan dan analisis perangkat lunak. Program ini berisi fitur tambahan paling pas, gambar yang ditemukan di editor gambar konvensional ditambah sejumlah fitur-fitur canggih bahkan tidak tersedia dalam foto profesional suite.



10. Diagram Designer

Vector graphics editor sederhana untuk membuat diagram alur, diagram dan tampilan slide.



11. Tux Paint

Menyediakan antarmuka yang sederhana, dengan satu klik tabungan, browser thumbnail pemuatan, dan reload otomatis gambar yang terakhir ketika kawan's memulai kembali. Ini juga menghibur, dengan karakter kartun yang bermanfaat dan menyenangkan dengan adanya efek suara. Peralatan meliputi kuas, garis, bentuk dan penghapus besar. The 'Rubber Stamp' alat menyediakan akses ke gambar dan foto yang tak terhitung jumlahnya yang dapat ditempatkan dalam gambar (seperti anak stickerbook). 'Ajaib' alat mencakup lebih dari selusin efek khusus.



12. Gimpshop image editor

Open Source gratis editor foto yang populer serupa dengan Adobe Photoshop. Khusus, GIMPShop adalah versi GIMP yang telah diedit untuk menjadi lebih user-friendly untuk Photoshop pengguna.



13. Inkscape 0.47

Inkscape adalah SVG open source editor dengan kemampuan serupa dengan Illustrator, CorelDraw, Visio, dll fitur SVG yang didukung meliputi bentuk dasar, jalur, teks, alpha blending, transforms, gradients, node editing, svg-to-png ekspor, pengelompokan, dan lebih. Motivasi utamanya adalah untuk menyediakan komunitas Open Source dengan penuh XML, SVG, dan CSS2 compliant alat gambar SVG.



14. PhotoFiltre 6.3.2

PhotoFiltre adalah program retouching foto lengkap. Hal ini memungkinkan kawan's untuk melakukan penyesuaian sederhana atau lanjutan untuk gambar dan menerapkan berbagai macam filter di atasnya. Ini program yg sederhana dan intuitif untuk digunakan, dan memiliki kurva belajar yang mudah. Toolbar, memberikan kawan's akses ke filter standar dengan hanya beberapa klik, PhotoFiltre memberikan pandangan yang kuat.



15. Photoscape 3.4

Photoscape adalah menyenangkan dan mudah perangkat lunak pengedit foto yang memungkinkan kawan's untuk memperbaiki dan meningkatkan edit² foto. Fiture: Merubah ukuran, kecerahan dan penyesuaian warna, keseimbangan warna, perbaikan pencahyaan, frames, balon, modus mosaik, menambahkan teks, gambar-gambar, cropping, filter, red eye removal, blooming, dan lain².



16. Paint.NET 3.5 Beta 1

Paint.NET adalah manipulasi gambar dan foto perangkat lunak yang dirancang untuk digunakan pada komputer yang menjalankan Windows XP atau 2000. Paint.NET dikembangkan secara bersama-sama di Washington State University dengan bantuan tambahan dari Microsoft, dan dimaksudkan untuk menjadi pengganti bebas untuk MS Paint software yang dilengkapi dengan semua sistem operasi Windows. Paint.NET memiliki banyak fitur canggih yang mahal aplikasi komersial miliki, termasuk kemampuan untuk menggunakan lapisan.



17. Photobie 6.0

Photobie adalah Image Editing software dengan fitur yang paling mirip dengan Photoshop plus layar maju menangkap dan bingkai foto mengedit fitur. Dengan layar photobie menangkap Anda dapat mempersiapkan presentasi sangat sederhana. Photobie memiliki antarmuka pengguna yang sederhana. Selain itu, jika kawan's memiliki MS Word dan perangkat lunak lain yang menciptakan atau seni grafis tertentu font, kemudian dengan Photobie kawan's bisa langsung menangkap dan menyisipkannya pada setiap gambar. Photobie mendukung multi-lapisan untuk maju retouching image editing gambar.



18. Image Forge v3.60

Freeware art studio untuk membuat atau mengedit gambar,. Avi animasi dan gambar album. Menghasilkan hasil yang bagus dengan gambar-gambar atau foto kawan's sendiri.



• Tools to produce slide shows
• TWAIN scanner
• Soft brushes
• Scatter and Spatter
• Special Effect Filters
• Color-replacement
• Gradients and Patterns
• Crop, Enlarge & Resize
• BMP filmstrip animations


19. PaintStar v2.70

Serbaguna PaintStar adalah perangkat lunak pengolah gambar digital yang sesuai untuk tugas-tugas seperti sebagai retouching foto, image morphing, menyusun dan pembuatan gambar, capture layar, dan menampilkan gambar thumbnail di Windows Explorer context menu. Mendukung alpha, layer, path, dan yang paling umum teknik pengeditan. Paintstar memiliki banyak peralatan dan filter yang Anda harapkan untuk menemukan serupa persembahan komersial, dan beberapa tambahan menarik juga.



20. Image Tuner

Gambar Tuner adalah perangkat lunak bebas untuk mengubah ukuran batch, mengubah, watermarking dan mengubah nama foto digital dan gambar dari dan ke JPEG, BMP, PNG, TIFF dan GIF format. Program ini akan membantu kawan's untuk mempersiapkan dalam meng-upload foto digital dan mempublikasikannya dalam internet atau mengitimnya melalui e-mail.



21. Free Image Editor

Foto dan gambar aplikasi editor yang dirancang khusus untuk mengedit gambar, foto. Photo Editor sangat cepat dan perangkat lunak editing gambar kuat untuk sistem operasi Windows. Dengan intuitif dan indah Graphical User Interface, sebuah koleksi besar alat-alat melukis, dan sederhana-untuk-menggunakan alat koreksi foto Photo Editor adalah tool yang sangat baik bagi pengguna Windows yang tidak cukup memerlukan fitur Photoshop dan alat-alat mahal lainnya.



22. MAGIX FunPix Maker

MAGIX FunPix Maker memungkinkan kawan's menarik-narik telinga dan hidung pemarah kolega, ajaib menyingkirkan teman bir perut, atau memberikan mata bossgoggle kawan's. Perangkat lunak bebas ini memungkinkan gambar yang akan dengan mudah cacat dengan mouse. Apakah karikatur atau artistik distorsi - hasil yang dibuat oleh MAGIX. Pembuat FunPix kebanyakan memberikan satu hal: menyenangkan!


Thank's a lot for : Mohamed Rias

Breadcrumb

Beben Coy kembali memasukkan salah satu trick hack blogger nih. Trick hack tersebut diberi nama Breadcrumb oleh si-empunya jurus ini. Kitaaa...sambut dengan bangga HOCTRO. Yeah baby yeah, ini orang finter buanged dan geLo...wuekekekekkkk. Nah, apa yang dimaksud dengan Breadcrumb ??? Mungkin bagi para kawan's yang sudah tahu mengenai trick hack ini tidak asing lagi. Tapi bagi kawan's yang belon mengetahuinya, disini Beben Coy akan berbagi dengan kalian...xixixixi (walo dapet niru juga). Eiiiittt...jangan lupa cemilan ma aernyah yaaa ^,^, biar enyak-enyak gitcuh baca² hasil dari walking-walking Beben Coy...gyakakakakakkkk. Yuk kawan's kita mule (halah mule deui mule deui) ^{bahasa yg anyeh tp enyak diketik} wuekekekekkkk
Ini contohnya dalam bentuk gambar ^{Tunggu ampe beres loading dr blog akyu yah buat bs liad gambarnya} trus diklik jaa gambarnya buat memperbesar :

Yaaa benar sekali itu yg dikasih panah warna merah itulah yg dinamakan dengan Breadcrumb teh. Bagaimana caranya...yuk kita kemod.

1. Go Layout --> Edit HTML --> Expand Widget Templates
Jangan lupa di Download Full Template dolo template kawan's, tatut ada apah-apah ditengah jalan.
2. Carilah kode berikut ini diHTML kawan's setelah dicentang tadi si-expandnyah :
   
   <b:includable id='main' var='top'>

Dalam gambar (sorot untuk memperbesar gambar):


Beben imyut-imyut
Setelah menemukan kode tadi, masukkan kode dibawah ini tepat diatas kode yg diberi tanda yah kawan's :


<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
You are here:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

Panjang yah...xixixixi, yaa gak pa-pa deh kawan's yg penting berhasil yaaa -__-'. Setelah memasukkan kode diatas tadi, kawan's selanjutnyah ke kamar mandi dolo gih, buat kencing ato apa kek...wakakakakkkkk !!!. Masukkan kode berikut :

<b:include data='post' name='breadcrumbs'/>

Kode itu tuh adanya kalo nggak salah ada dijajaran bawah setelah kode yg ini itu loh kawan's :

<b:includable id='main' var='top'>

Kalo nggak ketemu yaa diubek-ubek ajah deh sampe ketemu yaa kawan's...wkwkwkwkwkwk. Namanya jg ahli hunting bukan ahli tutorial akyu mah. Oke lanjut yaa...
Setelah beres langkah² yg diatas tadi, kita bermain yuk...bermain CSS-nya maksudnyah gyakakakakkk... Masukkan kode CSS berikut tepat diatas kode : ]]></b:skin>



.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}


Kalo letaknya tidak sesuai, tinggal dimainin kode CSS-nya itu kawan's ^,^
3. DiSAVE langkah terakhir
Terima kasih...segitu ajah yaaa hunting² untuk hack-hackan. GOOD LUCK and Enjoy nge-BLOG.
Sumberne : HOCTRO

Animation of the Headlines

Hai-hai...aku kembali dengan membawa trik dan trips yang anyar. Sebenarnya baru nulis, bukan baru triknyah...wuekekekekkkk. Yaaa biasalah namanya juga ahli hunting-hunting. Kalo dapetnya cepat yaa cepet mostingnya juga, nah kalo lambat dapetnya...yaa maaf-maaf sajah...xixixixixi. Oke kali ini BEBEN si raja hunting mo bagi-bagi, macam-macam animasi headlines buat postingan kawan's. Aku cuma dapat tiga yang menurut aku good ... good ... good. Mari kita lanjut. Yang pertama :

1. Animasi Hedalines Via FeedBurner.
Mungkin kawan's sudah tahu semua cara mendapatkan widget ini. Yaaa...kawan's tinggal melakukan signup ke FeedBurnernya. Setelah itu tinggal ikutin langkah-langkahnya. Dan tampilannya akan seperti ini kawan's animasinya :





↑ Grab this Headline Animator

Gimana...bagus toh...dan untuk setting²nya tinggal dilakukan ditempat FeedBurnernya sendiri.


2. Animasi Headlines dari InfoBlog


Seperti yang ditunjukan panah berwarna merah itu kawan's, itu bisa diclose loh. Keren nggak tuh. Nah kalau mau mendapatkan animasi headlines seperti itu kawan's tinggal datang ajah ke webBlog yang bersangkutan. Kalau belon tahu alamatnya, nih tinggal klik ajah InfoBlog.


3. Yang terakhir versi HOCTRO

Nah versi yang ini yang sekarang aku pakai kawan's, yang ada disebelah kanan atas itu kawan's contohnya. Gimana...kawan's berminat nggak yang kayak seperti ituh. Yukkk...kalo emang berminat aku pandu...gyakakakakakkkk !!!


• Dapatkan kode kawan's dolo dari google.
Untuk mendapatkannya silahkan kunjungi link berikut : Get KEY
Caranya gampang kok, kawan's tinggal memasukan URL blog kawan's kesonoh. Setelah ntuh dapet deh kodenya. Pokoknya gampang coba jaa ya kesana...entar dapet kok :D.
• Setelah mendapatkan kode dari mbah Google. Langkah selanjutnya Download Full Template kawan's dolo, sapa tau gagal ditengah jalan....xixixixixi. Setelah beres, kawan's pergi dah ke Layout...pilih Page Elements, terus pilih deh Add Widget yang HTML / Javascript. Setelah langkah² yang tadi dilaksanakan, sekarang kawan's mimi cucu ato kopi dolo deh. Tarik napas yang dalam...buang deh dari pantat...Prettt !!!...tut. Baru deh kita lanjutin. Ini yang penting dari langkah² yang tadi kawan's lakukan. Pasang mata dan telinga yaaa.
  
  <script src='http://www.google.com/jsapi/?key=YOUR-KEY' type='text/javascript'/>
<script src='http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js' type='text/javascript'/>

<style type='text/css'>
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");

#feedControl {
margin-top : 20px;
margin-left: auto;
margin-right: auto;
width : 440px;
font-size: 16px;
}
.gfg-title {
color : #612e00;
background-color: #FFF3DB;
}
.gfg-title a {
color : #612e00;
}
.gfg-root {
border: 1px solid #956839;
font-family: "Georgia", sans-serif;

}
</style>
<script type='text/javascript'>
function load() {
var homeUrl = "<data:blog.homepageUrl/>";
var feed = homeUrl + "feeds/posts/default";
new GFdynamicFeedControl(feed, "feedControl",
{numResults : 4});
<h6>Widget by <a href='http://hoctro.blogspot.com/2008/09/google-ajax-feed-widget.html'>Hoctro</a></h6>

}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</script>
  
  Makan tuh script...gyakakakakkkkkk. Letakkan script tersebut tepat diatas tag </head>. Langkah selanjutnya...
  
• DiSAVE deh.

Perhatikan tulisan yang ditebalkan entuh kawan's. YOUR-KEY <--- ini ganti dengan kode yang didapatkan dari mbah Google tadi. Yang berwarna biru tebal itu Variable jumlah headlines postingan kawan's yang mau ditampilkan. Maximalnya bisa sebanyak 25 biji.
Tadi aku suruh Add Widget yang HTML / Javascript kan, nah itu baru sekarang berfungsinya, setelah memasukkan script tadi dan disave...gyakakakakakKKKK...bingung-bingung dah. Sok atuh lakukan Add Widget yang HTML / Javascript, setelah entuh masukkan deh perintah untuk memanggil script yang tadi dengan scrpt berikut:


<div id="feedControl">Loading...</div>

Ini yang pentingnya loh kawan's, awas jangan salah urutannya yaaa. Setelah memasukkan script perintah tadi, baru disave keseluruhan dan lihat hasil kerja kawan's. Untuk mengatur posisi Widget tersebut, terserah kawan's bagusnya mau dimana. Okek's !!!.
Buat mengatur warna tinggal rubah saja kode warnanya yang berada dikode CSSnya.


.gfg-title {
color : #612e00;
background-color: #FFF3DB;
}
.gfg-title a {
color : #612e00;
}
.gfg-root {
border: 1px solid #956839;
font-family: "Georgia", sans-serif;

}


Semoga berhasil yaaa...muachhhhh ^.^.

FREE ICON'S

Sampai bingung ngumpulinnya juga, yaaa terkumpul juga. Hayooo...apa yang terkumpul nih....wuekekekekkkk. Aku ngumpulin icon-icon yang free buat kawan's nih. Keknya semua ini deh yang setahu aku icon-icon yang muantab, soalnya aku dapetin dari walking². Wakakakakkakkkkk namanya juga ahli hunting...BEBEN COY. Tak kasih contoh deh gambar-gambar iconnya yahhh...

Formato PNG. (70 x 63)

Source by: http://loseasi.blogspot.com

Gimanaaaa...bagus-bagus toh, nah itu gambar jadinya coba kalo pake photochop tuh gambar dipecah dan diambil atu-atu iconnya menurut kebutuhan kawan's. Aku telah mengumpulkan dari berbagai web-web edan (good). Ada puluhan gambar icon jadi dan ada ribuan kalo dipecah atu-atu gambar iconnya....wakakakkakakkkkkk. Download dah nih....Download. Kalo mau gambar yang aneh², tinggal ubek dah postingan aku di archive, soalnya aku lupa juga judul-judulnya...huehuehue. Wassalam