Year: 2010

Widget Artikel Populer ala Cipstuff

Tag Blogger Stuff
July 5, 2010
0 comments
Widget Artikel Populer ala Cipstuff. Pada kesempatan kali saya akan menulis tutorial sederhana tentang bagaimana membuat widget “artikel populer” dari blog kita, tutorial ini dikhususkan buat pengguna blogspot. Kita tahu bahwa banyak sekali tutorial tentang bagaimana membuat widget “artikel populer” ini, namun widget ini berbeda dengan yang lain karena disampingnya ada link subscribenya. Contoh dari widget ini, anda bisa lihat setelah mengeklik salah satu judul postingan di blog ini. Screenshoot nya kira – kira seperti ini :

Widget “Artikel Populer ala Cipstuff”

Sebelum misi rahasia ini dijalankan, backup dulu template anda. Baiklah langsung saja, pertama bukalah halaman edit html di dashboar blogspot anda, kemudian kopi kode ini:
Code [untuk CSS] :
/* awal css*/

.artikelpopuler li
{
padding: 0 0 4px 17px;
background: url(http://t3.gstatic.com/images?q=tbn:gMoDR-FiKi9JwM) no-repeat 0 3px;
}

.adis
{
margin-bottom:10px;
border-top:solid 1px #DEDEDE;
padding-top:10px;
font-size:13px;
}

.ads-right-min
{
border-left:solid 1px #DEDEDE;
height:150px; padding-left:10px;
}

.ads-right-min a:link,
.ads-right-min a:visited,
.bottom-share-links a:link,
.bottom-share-links a:visited
{
font-size:12px;
color:#222;
display:block;
height:22px;
line-height:22px;
margin-bottom:16px;
padding-left:32px;
}

.ads-right-min a:hover,
.bottom-share-links a:hover
{
color:#666;
}

.mini-feed
{
background:url(http://lh4.ggpht.com/_TqPdHmAEwTM/SrVhkTClEUI/AAAAAAAAFqo/v8AYhMipuYU/feed.gif) no-repeat;
}

.mini-tweet
{
background:url(http://lh5.ggpht.com/_TqPdHmAEwTM/SrVkkLNvMlI/AAAAAAAAFqs/S-UYpTlrZa8/tweet.gif) no-repeat;
}

.mini-tech
{
background:url(http://lh6.ggpht.com/_TqPdHmAEwTM/SrVsIDBoz7I/AAAAAAAAFqw/UpGK_0UQUZg/technorati.gif) no-repeat;
}

.mini-facebook
{
background:url(http://lh4.ggpht.com/_TqPdHmAEwTM/SrXQ3G_uRnI/AAAAAAAAFq0/ktY0xwRy4Oo/fb.gif) no-repeat;
}

/* akhir css*/

Penjelasan : Kopi kode css diatas sebelum tanda ]]></b:skin>, kemudian save, sampai disini jika tidak ada masalah berarti anda telah sukses melewati rintangan pertama, sekarang siapkan diri anda untuk menghadapi tantangan berikutnya.

Baiklah sekarang kita menginjak langkah kedua, Setelah CSS selesai, sekarang kita tinggal membuat kode HTML, kodenya seperti seperti berikut ini *agak panjang*:

Code untuk [HTML] :
<b:if cond=’data:blog.homepageUrl != data:blog.url’>

<div class=’adis’>

<table border=’0′ cellpadding=’0′ cellspacing=’0′ width=’100%’>
<tbody>

<tr>

<td valign=’top’ width=’295‘>
<div class=’artikelpopuler’ style=’border: 1px solid #dedede; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 0pt 5px; line-height: 18px; background: #efefef none repeat scroll 0% 0%; width: 290px; float: left; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;’><div style=’background: #ccc none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 135px; color: #000; text-align: center;’><b>Artikel Populer</b></div>
&lt;script type=&quot;text/javascript&quot;&gt;
function pipeCallback(obj) {
document.write(&#39;&lt;ul style=&quot;text-transform: capitalize;&quot;&gt;&#39;);
var i;
for (i = 0; i &lt; obj.count ; i++)
{
var href = &quot;&#39;&quot; + obj.value.items[i].link + &quot;&#39;&quot;;
var item = &quot;&lt;li&gt;&quot; + &quot;&lt;a href=&quot; + href + &quot;&gt;&quot; + obj.value.items[i].title + &quot;&lt;/a&gt; &lt;/li&gt;&quot;;
document.write(item);
}
document.write(&#39;&lt;/ul&gt;&#39;);
}
&lt;/script&gt;
&lt;script src=&quot;http://pipes.yahoo.com/pipes/pipe.run?_render=json&amp;_callback=pipeCallback&amp;_id=ff855e4f4d4a10fde1c2eb32074f99cd&amp;url=http%3A%2F%2Fyourblog.blogspot.com&amp;num=5&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</div>
</td>

<td>
<div class=’ads-right-min’>
<a class=’mini-feed’ href=’Your RSS Link‘>Subscribe RSS Feed</a>
<a class=’mini-tweet’ expr:href=’&quot;http://twitter.com/home/?status=yourblog.blogspot.com:=&quot; + data:post.url’>ReTweet</a>
<a class=’mini-facebook’ expr:href=’&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url’>Share on Facebook</a>
<a class=’mini-tech’ href=’http://technorati.com/faves?sub=addfavbtn&amp;add=http://yourblog.blogspot.com‘>Add to Technorati</a>
</div>
</td>

</tr>

</tbody>
</table>

</div>

</b:if>

Petunjuk : Your RSS link, ganti dengan alamat rss blog anda, sebagai contoh jika anda alamat blog anda adalah mantabs.blogspot.com maka rss link adalah http://mantabs.blogspot.com/rss.xml

yourblog.blogspot.com, ganti yourblog dengan nama blog anda. Sementara width yang ada pada tabel diatas adalah lebar untuk mengatur tabel sisi kanan yang berisi artikel terbaru, sementara sisi kiri akan secara otomatis menyesuaikan.

num=5&quot; kode ini menunjukkan jumlah artikel yang akan tampil, ganti angka 5 diatas sesuai dengan selera anda.

Langkah ketiga adalah dimana akan meletakkan kode HTML diatas, ditutorial ini, widget tersebut akan diletakkan tepat dibawah postingan, centang Expand Template Widget dan kopi pastekan kode HTML yang sudah anda edit tersebut setelah kode <p><data:post.body/></p> atau biasanya <data:post.body/> dan kemudian tekan save.

Semoga sukses. Anda juga bisa mengutak-atik sendiri, dengan mengganti kode warna serta ukuran lebar masing-masing elemen. Selamat mencoba dan semoga berhasil.

Orang-orang proyek

Tag Uncategorized
July 3, 2010
0 comments

Ada apa dengan orang-orang proyek? Itu hanya tema tentang Photo yang saya ambil. Saya memang dari dahulu ingin belajar Photography walaupun dengan media seadanya. Jadi dengan kamera HP, dan tanpa bantuan Photoshop serta hasilnya dikompres lagi, memang Photo ini jauh dari kesempurnaan. Namun saya coba tampilkan sebaik mungkin dipostingan kali ini.

Orang-orang proyek, ya inilah tema yang saya ambil, karena kebetulan sekali itu tidak jauh dari saya. Ini beberapa gambar yang saya ambil dan saya beri masing – masing judul dibawahnya.

Sejuknya Raga

Cerita dari Photo ini adalah seorang pekerja yang mau pulang. Namun sebelum itu, pekerja mencuci dan membersihkan sisa kotoran ditangannya pada sungai yang ada disebelahnya, terlihat dia sangat menikmati air yang mengalir disela-sela jarinya

Sementara berada tidak jauh dari tempat pengambilan photo pertama, saya melihat sebuah bayangan di sungai yaitu bayangan dari gedung. Kurang lebih gambarnya seperti berikut ini.

Dua

Dua yaitu terdiri dari gedung dan bayangan dibawahnya, tampak sama namun karena yang satu berada di air dan apabila air bergelombang maka gambarnya akan bergoyang, sedikit keruh karena air dibawahnya banyak tumbuh lumut

Kali ini mungkin itu saja, masih banyak kekurangan memang, jika ada masukan, kritikan dan saran, silahkan jangan sungkan-sungkan…!

Selamatkan Tunas Bangsa

Tag Opiniku
June 30, 2010
0 comments
Selamatkan Tunas Bangsa kita dari Pornografi. Kalau kita sejenak merenung dengan apa yang terjadi pada bangsa kita belakangan ini, pastilah banyak diantara kita yang mengernyitkan dahi atau bahkan tersentak, tertohok dan terpukul dengan apa yang bangsa kita alami. Hampir 65 tahun, bangsa ini menyatakan terbebas dari penjajahan, dan hampir 65 tahun pula bangsa ini sudah bertumbuh dan berkembang. Namun ironi sekali, gembar – gembor kita sebagai bangsa yang merdeka kenyataanya masih hanya sebagai retorika belaka.

Apa kita saat ini sedang terjajah? ya kita sekarang memang sedang dijajah dan ironinya kita tidak menyadarinya. Budaya luarlah yang sekarang menjajah bangsa ini. Lemahnya filter terhadap budaya luar inilah yang kurang. Sepatutnya kita perlu memfilter mana-mana saja yang bagus untuk kita adopsi, sebagai contoh kita belajar memperoleh ilmu dan informasi dari barat disana memang lebih maju dari kita ini adalah salah satu filter yang bagus.

Namun permasalahannya adalah hal yang jelekpun ikut terbawa masuk. Yang saya soroti dalam tulisan kali ini adalah tentang pornografi. Majunya teknologi informasi membuat media penyebaran pornografi luas dan gampang diakses dari mana saja. Kalau sudah seperti ini siapa yang paling rawan menjadi korban? ya anak – anak dibawah umur. Tunas-tunas bangsa yang nanti akan menjadi pemimpin bangsa, apa jadinya tunas bangsa ini jika teracuni oleh hal-hal negatif seperti pornografi.

Memang banyak software-software anti pornografi, namun apa itu efektif, saya rasa kurang efektif jika hanya mengandalkan faktor eksternal saja. Disini peranan orang tua sangat diperlukan. Orang tua harus melindungi anak-anaknya. Sedari dini orang tua perlu menanamkan pada diri anak tentang hal yang baik, sedari dini mengajarkan pendidikan agama, budi pakerti kepada anak. Menumbuhkan mental yang kuat pada anak-anak kita menurut saya adalah jalan terbaik. Keingintahuan anak memang sangat tinggi, namun sebagai orang tua yang bijak, tentu kita sudah mempelajari situasi seperti ini.

Jaga Tunas Bangsa agar Tetap Tersenyum

Pornografi sudah mulai menjamur. Jangan sampai tunas bangsa ini tercuni oleh pornografi. Banyaknya rekaman-rekaman tak seronok karya bangsa yang beredar di internet, mengindikasikan bahwa pornografi akan tumbuh subur jika tidak segera dicegah. Apapun motifnya, jangan pernah bugil didepan kamera. Karena teknologi saat ini memungkinkan mengkopi file walaupun file sebelumnya sudah dihapus. Ingat Jangan pernah “BUGIL DIDEPAN KAMERA”. Karena kita masih bangsa yang beradab. Ayo sobat selamatkan Generasi muda dan Tunas bangsa kita dari pornografi.

Pekerjaan Beton Precast

Tag Civil Engineering
June 11, 2010
0 comments

Pekerjaan Beton pracetak atau biasa disebut juga Precast. Jika saya dulu pernah berbagi cerita mengenai pekerjaan tiang pancang, kali ini saya ingin sharing dengan pembaca cipstuff.com mengenai pekerjaan precast atau lebih dikenal dengan sistem pracetak.

Tangga dengan sistem pracetak

Prinsip dari sistem pracetak ini adalah dicetak atau dicor terlebih dahulu sebelum di install. Seperti halnya sebuah sistem kerja, tentu saja ada nilai plus dan minusnya.

Anak tangga yang dibuat dengan pracetak

Berbicara tentang sistem precast maka hal pertama untuk dijadikan pertimbangan memakai sistem ini adalah bentuk yang tipikal dan jumlah yang banyak. Ingat bentuk yang tipikal dan jumlah yang banyak. Contoh pekerjaan yang sering dibuat menggunakan sistem precast antara lain, saluran air, balok, anak tangga dan pekerjaan – pekerjaan yang sifatnya berulang dan banyak.

Tempat pengecoran beton pracetak

Keuntungan menggunakan sistem pracetak antara lain waktu yang lebih efisien, memang sangat efisien jika jenis pekerjaannya tipikal. Sementara pekerjaan precast disiapkan kita bisa bekerja untuk bagian yang lain. Selain memiliki kelebihan sistem ini juga memiliki kekurangan, yang saya fahami antara lain system precast memerlukan analisa yang lebih rumit dibanding dengan cetak langsung ditempat. Kita harus memperhitungkan sistem sambungan, pertemuan tulangan apakah sudah memenuhi panjang penyaluran atau belum serta saat perencanaan sudah harus memikirkan lokasi pembuatan sistem pengangkutan dan sistem istallasi.

Tutup saluran yang dibuat dengan sistem pracetak

Segini saja yang dapat saya bagi kali ini. Semoga ini tulisan ini dapat menambah sedikit pengetahuan anda di dunia kostruksi. Maju selalu konstruksi Indonesia.

Angkot Karimun

Tag Pengalamanku
June 6, 2010
0 comments

Angkot sederhana namun full musik didalamnya. Hal berbeda tentang angkot (kalau di desa saya disebut dengan mikrolet) yang ada di karimun secara harfiah tidak ada yang membuat berbeda dari angkot-angkot di daerah lain, namun jika kita masuk kedalamnya anda akan disuguhi dengan dentum suara menggelegar sound sistem yang dipasang di dalam angkot bagian dalam belakang.

Sound di angkot

Terkadang sound sistem diangkot ini bisa sangat menghibur tatkala lagu yang diputar si bapak angkotnya pas dengan selera kita, perjalanan pun menjadi enjoy dan tak terasa. Namun berbeda lagi bila lagu yang diputar tidak sesuai dengan mood kita dengan suara kencang lagi. Saya sendiri pernah mengalami hal ini.

Stiker dipintu angkot

Namun apa bila ditarik benang merah angkot full musik merupakan ciri khas tersendiri karena sebelumnya saya tidak pernah menjumpai angkot seperti ini. Mungkin juga ada di tempat lain namun saya saja yang belum tahu.

Kalender

Tag Menarik, Pengalamanku
June 4, 2010
0 comments

Sepucuk pesan dalam kalender lipat
Di meja tempat saya bekerja terdapat sebuah kalender. Seperti biasa kalender ini bentuknya mini. Namun ada yang unik didalam kalender itu. Satu bulan dibuat dalam satu lembar dan di tiap lembar itu ada kata – kata motivasi. Kadang secara tidak sengaja saya membaca tulisan itu dan sedikit banyak menjadi semangat tersendiri bagi saya.

Kalenderku

Dan tadi sore pada kalender bulan juli saya membaca sebuah kata mutiara yang sangat bagus

Sometimes the best way to figure out who you are is to get to that place where you don’t have to be anything else

Yang artinya kurang lebih seperti ini Kadang kala jalan terbaik untuk mengenali diri kita sendiri adalah pergi ke tempat dimana kita bukan siapa-siapa.

Kata Mutiara itu

Kata mutiara yang membuat saya merenung, bagamaimana menurut anda?