amcied Logica

Mengubah Warna Font pada Blog

Diposting oleh amcied Label: JQuery

Bagi teman-teman yang tidak puas dengan pengaturan default, Sebenarnya blogger juga menyediakan beberapa fasilitas ini. Salah satunya, agar tampilan tulisan pada posting terlihat lebih menarik, kita bisa merubah warnanya sesuka kita. Untuk kali ini teman-teman bisa mengubah warna font pada postingan dengan cara memasang widget tambahan. Dengan widget ini yang dapat mengubah warna font bukan hanya admin pengunjung pun bisa merubah warna sesuka mereka, demi kenyamanan dalam membaca artikel.

Seperti biasa sebelum teman-teman mencoba mending lihat dulu demonya dari pada menyesal kemudian,hehee

Gimana apa kah teman-teman tertarik ingin mencobanya, bila tertarik langsung di coba aja berikut langkah-langkah membuatnya :

Masuk ke Edit HTML kemudian copas script di bawah ini di atas </head>

Setelah itu simpan template lanjutakan ke Elemen Laman.
Tambahkan gadget HTML/JavaScript, copas script dibawah ini kedalamnya.

<style type="text/css">
#tuw-font-change-widget ul {width: auto; overflow: hidden;margin: 0 0 20px !important;padding: 0 !important;list-style; none !important;}
#tuw-font-change-widget ul li {width: 20px !important;height: 20px !important;overflow: hidden;margin: 0 10px 0 0 !important;padding: 2px !important;display: block !important;float: left !important;border: 1px solid #CCCCCC !important;}
#tuw-font-change-widget ul li a {width: 20px !important;height: 20px !important;display: block !important;line-height: 18px !important;text-align: center !important;color: #FFFFFF !important;font-size: 11px !important;font-family: Tahoma !important;text-decoration: none !important; outline: 0 !important;}

#fcw-black { background: #000000 !important; }
#fcw-white { background: #088A08 !important; }
#fcw-blue { background: #0066CC !important; }
#fcw-gray { background: #666666 !important; }
#fcw-red { background: #ed1c24 !important; }
#fcw-yellow { background: #ffff00 !important; }
#fcw-color a { text-indent: -999px !important; }
#fcw-size a { text-indent: 0 !important; background: #333333 !important; }
</style>

<script type="text/javascript">
$(document).ready(function(){
$(" #fcw-color #fcw-black ").click(function() {
$(" .post-body ").css({ color: "#000000" });
return false;
});
$(" #fcw-color #fcw-white ").click(function() {
$(" .post-body ").css({ color: "#088A08" });
return false;
});
$(" #fcw-color #fcw-blue ").click(function() {
$(" .post-body ").css({ color: "#0066CC" });
return false;
});
$(" #fcw-color #fcw-gray ").click(function() {
$(" .post-body ").css({ color: "#666666" });
return false;
});
$(" #fcw-color #fcw-red ").click(function() {
$(" .post-body ").css({ color: "#ed1c24" });
return false;
});
$(" #fcw-color #fcw-yellow ").click(function() {
$(" .post-body ").css({ color: "#ffff00" });
return false;
});
});
</script>

<div id="tuw-font-change-widget">
<div class="tuw-fcw">
<h2> Ganti warna tulisan </h2>
<ul id="fcw-color">
<li> <a id="fcw-black" href="#">black</a> </li>
<li> <a id="fcw-white" href="#">green</a> </li>
<li> <a id="fcw-blue" href="#">blue</a> </li>
<li> <a id="fcw-gray" href="#">gray</a> </li>
<li> <a id="fcw-red" href="#">red</a> </li>
<li> <a id="fcw-yellow" href="#">yellow</a> </li>
</ul>
</div>
</div>

Selesai deh, tinggal di lihat hasilnya.

Semoga Bermanfaat..!!! selamat berkreasi.. :)

Video Tutorial Belajar Google Sketchup

Diposting oleh amcied Label: Video Tutorial

Mungkin ada temen-temen merasa kesulitan seperti saya yang baru belajar ini untuk menggambar bangunan 3D, silahkan mencoba software ciptaan om Google yang bernama Google Sketchup. Google Sketchup adalah perangkat lunak untuk mendesain 3D, google sketchup biasa di gunakan sebagai pembuatan desain rumah dan interior, perangkat lunak yang satu ini sangat mudah di gunakan saya juga baru tau beberapa bulan ini saat berkomunikasi dengan adik saya yang kebetulan sedang belajar menggunakan software ini.

Hasil kerja menggunakan google sketchup ini dapat di letakkan dalam google earth ya menurut saya mungkin karena satu pruduk, kalau tidak salah kini google sketchup sudah berkembang menjadi Google Sketchup 8.0 software ini terbagi menjadi dua yaitu Google Sketchup dengan status (Gratis) dan Google Sketchup Pro dengan (Berbayar) untuk kelebihan dan kekurangan-nya saya belum tau pasti, soalnya lagi tahap belajar,hehe (ngeles).

Sebelumnya saya minta maaf kalu postingan yang menjelaskan tentang Google Sketchup ini sangat telat apa lagi perkembangan software-nya saja sudah sampe versi 8.0,hahaa tapi bagi teman-teman yang baru tau seperti saya semoga bisa bermanfaat untuk mengenal dan berlajar tentang software ini, langsung di download aja video tutorialnya okay dan di praktekkan ya.

Download :: Video Tutorial Belajar Google Sketchup

Penting...!!! Bila ada link yang rusak harap informasikan ke kami.
Terima kasih...!!!

Membuat Chat Facebook Di Blog

Diposting oleh amcied Label: Free Stuff

Di zaman sekarang siapa yang tak mengenal situs jejaring sosial facebook, situs jeraing ini sangat fenomenal dan hampir semua kalangan sudah mengerti cara menggunakannya, bahkan 70% pengguna internet sekarang ini, awal mereka mengenal dunia internet (maya) karena facebook salah satu kelebihan jejaring sosial ini ialah adanya ruang chat, facebook adalah pelopor utama dalam inovasi jejaring sosial yang memiliki ruang chat, kali ini saya akan mengenalkan salah satu tools gratis membuat ruang chat seperti facebook di blog.

Sebelum mencoba alangkah baiknya teman-teman liat dulu demonya :

Sudah selesai melihat demonya? Sekarang bagai mana membuatnya, ikuti langkah-langkahnya dibawah ini.

Langkah pertama teman-teman kunjungi situs envolve.
Setelah itu klik TRY IT FOR FREE

Nanti teman-teman akan dibawa ke halaman Sign up, isi semua dengan lengkap.
Setelah itu selesai deh, cukup mudah kan. :)
Jangan lupa Copas script Envolve Chat persis diatas </head> template teman-teman.

Semoga Bermanfaat...!!!

Belajar Bahasa Pemrograman WEB di w3schools

Diposting oleh amcied Label: Free Stuff

Untuk artikel singkat kali ini saya akan menawarkan bagi teman-teman yang ingin belajar bahasa pemograman web secara gratis di w3schools, Bagi saya situs yang satu ini sangat mudah dimengerti bagi semua kalangan dari segi penjelasan materi dan prakteknya, bagi teman-teman yang ingin menambah referensinya bisa langsung kunjungi situs w3schools ini. Situs w3schools memiliki sitemap yang terinci dan sistematis. Ditambah dengan sidebar-nya yang informatif, membuat kita lebih mudah berpindah ke pelajaran berikutnya manapun yang kita mau.

W3Schools.com juga menyediakan halaman editor yang memungkinkan kita untuk melihat langsung hasil script-script yang sedang kita pelajari. situs ini menggunakan bahasa inggris mungkin bila ada yang mendapatkan kendala seperti saya sebaiknya gunakan fasilitas translate dari google.

Penting...!!! Tapi bagaimanapun juga, belajar sendiri tanpa ada guru kadang membingungkan juga. Apalagi ditambah dengan kemampuan bahasa Inggris kita yang sangat kurang (eh.. maksudnya SAYA,hehe). Jika teman-teman ada keinginan untuk ikut kursus web yang berbayar harap di pertimbangkan lagi.

Semoga Bermanfaat...!!!

E-Book Photoshop Creative

Diposting oleh amcied Label: E-Book Photoshop

Photoshop Creative adalah sebuah buku yang menarik ditulis oleh Derek Lea dan diterbitkan oleh Focal Press. Derek Lea adalah Top 100 seniman digital, dia menunjukkan kepada kita bagaimana menggunakan Photoshop dengan cara yang tidak lazim untuk mengubah biasa menjadi luar biasa. Jika anda seorang seniman digital, ilustrator, kartunis, seniman grafis atau desainer yang akrab dengan Photoshop, tapi sangat susah mendapatkan ispirasi mungkin ebook ini bisa membantu untuk memunculkan imajinasi anda.

Di ebook ini kita dapat mempelajari bagaimana mendapatkan hasil yang profesional dari fitur-fitur di Photoshop. dan selain itu Ebook ini juga menyediakan, langkah-demi-langkah tutorial yang mempermudah kita untuk meniru teknik-teknik Derek Lea yang menciptakan karya seni yang menakjubkan dalam waktu singkat.

Berikut E-Book Photoshop Creative ::