Static Pages From Blogger

Blogger memang tidak henti-hentinya melakukan pegembangan fitur. Kini telah resmi dilounching satu fitur baru lagi, yang diberi label Static Pages. Fitur ini memang tidaklah baru di dunia blogging

Solusi Hosting Gratis Dari Google Code

Bagi pengguna blog, tentu saja sangat menyadari keterbatasan hosting, khususnya untuk file dalam bentuk javascript. Selama ini, kita hanya menggunakan hosting gratis pihak ketiga yang penuh kendala.

Merubah Tampilan Tag Cloud Dengan CSS

Setelah sekian lama tidak pernah menulis soal trik blogger karena kesibukan di dunia offline, akhirnya diriku berkontribusi juga

Bermain Dengan Text Shadow

Perkembangan dunia blog, kian pesat. Situasi inipun semakin menuntut pengguna blog dengan berbagai macam platform

Trik Menempatkan Widget atau Iklan di Open Item Page

Trik Blogger - Judul posting di atas mungkin rada-rada ribet, judul yang tepat susah dicari soale!he...3x. Sebenarnya metode ini sudah dikupas oleh jago-jago blogger seantero negeri (Cie...cie..., kae bahasa dunia persilatan aja). Ini adalah postingan saya setelah agak vakum, karena di nina bobokkan oleh kebiasaan mengutak-atik template. Harapannya sih, template yang ini tidak terlalu membosankan. Kalau teman-teman ada yang mau ngasih saran dan masukan, silahka buka proyek kecil-kecilan template ini di : Blogger Borneo.

Cara menambah 2 kolom di bawah sidebar

Trik Blogger - Wuuihh, akhirnya sempat buat tulisan baru soal trik blogger. Yang pasti, setiap postingan saya mengenai trik blogger ini adalah hasil dari pengalaman pribadi dalam mengutak-atik HTML template sampe ancur. Mungkin banyak dari Anda yang ingin memperkaya ruang penempatan widget dalam blog Anda. Salah satunya adalah dengan menambah sidebar (kolom samping). Banyak sudah tutorial mengenai ini, namun ada hal yang menarik bagi saya untuk berbagi (bagi yang belum tahu tentunya…he..3x). Oke, langsung saja. Seperti biasa, login ke account blogger anda, dan masuk ke halaman Edit HTML (untuk yang satu ini ngk perlu di expand, ntar malah pusing lihat kode2 HTML yang njelimet!he..3x). Setelah itu, cari kode #sidebar-wrapper, atau lengkapnya seperti kode di bawah ini :

Blue SKy : Template blogger gratis untuk anda

Template - Kelar juga utak-atik template saya yang ke-2. Sekali lagi buah tangan saya ini sangat subjektif mengikuti keinginan pribadi. Template ini saya beri nama "Blue SKy TeMPlaTe". Alasannya? Ya, mungkin karena background dasarnya mirip2 warna biru langit kali!he...3x. Template sederhana yang saya buat ini terinspirasi dari hasil seraching saya kemana2. Untuk melihat demo-nya, silahkan klik disini, Blue SKy. Tadinya ingin membuat template versi Kompasiana.com, blog jurnalist milik kompas. Hanya saja waktu yang ngk memungkinkan, akhirnya dipublikasikan seadanya aja. But this template still have caracter, terutama penambahan kolom atas bawah secara fixed (PROmOSi nih Yee....he..3x). Untuk saat ini, kerjaan mengutak-atik HTML template sampe ancur memang sangat menyenangkan, apalagi dengan hasil sesuai harapan dan bisa kita publikasikan. Memang sih, masih kalah jauh dengan template2 "ProfESiONal POeNya", tapi yang namanya baru belajar, tetap saja senang.

Nah, kalo ada yang tertarik, silahkan langsung saja menuju ke alamat ini : zOOm TemPLaTe.com kepunyaan Agus Ramadhani alias O-Om. Kalo suka, silahkan digunakan, tapi kalo ngk suka juga ngk pa2 kok. Bagaimanapun, kritik dan saran tetap saya butuhkan to created another template someday. Salam blogger...

Yahoo BUZZ : publikasikan content anda

Widget BLOG - Anda tentu membutuhkan publikasi content bukan? nah, yahoo BUZZ adalah salah satu pilihan bagus buat anda. widget ini merupakan fasilitas yang disediakan oleh yahoo. widget ini memberikan pilihan beragam, yang tentu saja dari segi bentuk saja, sedangkan fungsi dan kegunaannya sama. jika anda perhatikan setiap isi content blog saya ini, maka anda akan menukan widget disudut kanan, dimana fungsinya untuk mempublikasi isi dari postingan saya. tertarik???. mari kita mulai cara memasangnnya. pertama-tama, buka dulu situs yahoo BUZZ, kemudian di bagian paling bawah, pilihlah "publish your content", maka anda akan masuk di menu widget publish yahoo BUZZ. setelah itu, langsung klik "»grabb your buttons", maka anda akan disajikan berbagai pilihan script yahoo BUZZ button untuk blog anda. sampai disini selesai. bagaimana cara memasang di blog??? ikuti langkah di bawah ini :

Login terlebih dahulu akun blog anda, dan masuklah di halaman edit HTML halaman blog anda. setelah itu, cari kode berikut ini : <div class='post-body entry-content'>

setelah ketemu, masukkan script yahoo BUZZ yang telah anda buka tadi tepat dibawahnya yang disertai dengan kode <div style='padding-left:4px; margin-top:1px;float:right;'> di depann kode script, dan kode </div> sebagai penutupnya. maka akan terlihat struktur kode HTML-nya sebagai berikut :

<div style='padding-left:4px; margin-top:1px;float:right;'>
(kode script yahoo BUZZ anda disini)
</div>

selesai. mudah bukan? Selamat mencoba...

Cara membuat tab view ala kompas.com

Tab view memang merupakan widget yang sedang digandrungi saat ini. Bahkan hampir semua design template yang dibuat oleh blogger, dilengkapi dengan widget tab view ini. Nah, dengan sedikit modifikasi, saya membuat tab view ini dengan style ala kompas.com. Dimana tab view ala kompas ini dilengkapi dengan url link di bagian bawah setiap tab. Untuk melihat contohnya, silahkan buka aja kompas online disini. Ok, untuk tutorial cara membuatnya, kita langsung aja ke TKP. Pertama-tama, silahkan download dulu script/text tab view disini. Kemudian, simpan script/text tersebut dalam bentuk text document (untuk namanya, terserah anda aja), lalu simpan di hosting web anda. Kalo ngk punya hosting berbayar, gunakan aja web hosting gratis seperti : Ripway. setelah selesai, silahkan login ke akun blogger anda.

Langkah berikutnya, silahkan masuk ke halaman edit HTML, seperti biasa jangan lupa expand template. untuk kode CSS-nya, masukkan kode di bawah ini sebelum kode ]]></b:skin> :

div.TabView div.Tabs { height: 24px;margin-left:14px; overflow: hidden;} div.TabView div.Tabs a { float: left; display: block; width: 90px; text-align: center; height: 24px; padding-top:2px; margin:2px; vertical-align: middle; background:#dedede;border:1px solid #222; text-decoration: none; font-family: "Arial", Tahoma; font-size:11px; font-weight: bold; color: #000; } div.TabView div.Tabs a:hover{background-color: #F76541; color: #fff;} div.TabView div.Tabs a.Active{background-color: #fff; color: #000;} div.TabView div.Pages { background:#fff; clear: both; border-top: 1px solid #222; overflow: hidden;font-family:"Arial", Tahoma, Verdana;} div.TabView div.Pages li { border-bottom:1px solid #6D7B8D; background:url("http://i278.photobucket.com/albums/kk100/herdiansyah/bulletarrow.gif") no-repeat 0px .30em; margin:0; padding:0 0 .25em 10px; line-height:1.2em } div.TabView div.Pages div.Page {height: 100%; padding: 0px; overflow: hidden;} div.TabView div.Pages div.Page div.Pad {padding: 3px 5px;}

Setelah itu, simpan kode script/text di bawah ini sebelum kode </head> :

<script src='http://h1.ripway.com/bocahzaman/TabViewku.txt' type='text/javascript'/>

Jangan lupa, http://h1.ripway.com/bocahzaman/TabViewku.txt diganti dengan alamat link hosting penyimpanan script/text tab view anda.

Untuk kode CSS dan script/text-nya sudah selesai, silahkan simpan template anda. Berikutnya, masuklah ke halaman template anda dan tambahkan halaman di bagian template anda sesuai dengan keinginan. Masukkan kode HTML di bawah ini :

<form action="tabview.html" method="get"> <div id="TabView" class="TabView"> <div style="width: 330px;" class="Tabs"> <a>Judul tab 1</a> <a>Judul tab 2</a> <a>Judul tab 3</a> </div> <div style="width: 330px; height:200px;" class="Pages"> <div class="Page"> <div class="Pad"> Tuliskan deskripsi singkat anda disini.... <li><a href="url-link anda">Judul link anda</a></li> <li><a href="url-link anda">Judul link anda</a></li> <li><a href="url-link anda">Judul link anda</a></li> </div> </div> <div class="Page"> <div class="Pad"> <div class="Page"> <div class="Pad"> Tuliskan deskripsi singkat anda disini.... <li><a href="url-link anda">Judul link anda</a></li> <li><a href="url-link anda">Judul link anda</a></li> <li><a href="url-link anda">Judul link anda</a></li> </div> </div> <div class="Page"> <div class="Pad"> Tuliskan deskripsi singkat anda disini.... <li><a href="url-link anda">Judul link anda</a></li> <li><a href="url-link anda">Judul link anda</a></li> <li><a href="url-link anda">Judul link anda</a></li> </div> </div> </div> </div> </form> <script type="text/javascript"> tabview_initialize('TabView'); </script>

Selesai, selamat mencoba....

Simple News : blogger template sederhana

Akhirnya……, setelah sekian lama belajar dan belajar, sy bisa menggunakan template blogger hasil design sendiri. Memang sih, masih menggunakan basic template versi bawaan blogger. Tapi paling tidak, ada kemajuan (meskipun ngk banyak-banyak amat) yang saya petik dari hasil belajar ngeblog (untuk yang satu ini, minta ampun deh ; menguras waktu, sampai-sampai banyak yang cemburu….he…3x. Mulai dari kerjaan, sahabat, hingga keluarga).

Ditengah rame-ramenya orang pada menggandrungi template versi, “magazine style”, saya tetap lebih senang dan tertarik dengan model template dasar minima blogger bikinan Douglas (mungkin juga karena saya sendiri ngk bisa membuat template sebagus magazine style!he...3x). tapi sudahlah, yang terpenting saya bisa melahirkan karya sendiri meski ngk sebagus template karya guru-guru blogger.

Back off, template buatan saya ini diberi nama, simple news template” (biar keren dikit, diberi lebel itu deh!!!he..3x). Template “simple news” ini sudah di publikasikan oleh www.zoomtemplate.com. Dan menurut email confirm yang saya terima via box.net (link penyimpanan download template ini), sudah 12 orang yang mengunduh/mendownload template ini setelah 2 minggu dipublikasikan. Paling tidak, ini adalah motivasi buat saya untuk lebih serius belajar ngeblog dan sedikit berkarya apa adanya.

Bagi anda yang tertarik, silahkan download langsung di : Disini. Semoga bermanfaat

byTAGG : Alernatif RSS Feed yang kaya fungsi

Blogger Widget - Apakah anda termasuk salah satu pengguna RSS Feed?. Fasilitas yang satu ini sangat membantu dan memudahkan pengunjung website atau blog kita dalam mendapatkan berita atau artikel terbaru yang kita posting secara otomatis. RSS Feed memungkinkan teman ataupun pengunjung dalam mendapatkan updating artikel terbaru secara terus menerus selama RSS Feed ini tidak dihapus. Disamping itu, RSS Feed juga bisa kita dapatkan secara gratis, dengan cukup menekan setiap fasilitas RSS yang dipasang di setiap website atau blog yang kita inginkan. Salah satu widget atau fasilitas gratis untuk memasang RSS Feed di website atau blog kita adalah "byTAGG". Mungkin belum banyak yang menggunakannya dengan pertimbangan ribet dan menyulitkan dibandingkan dengan RSS Feed versi Blog yang memang tersedia dalam blogger.

Akan tetapi, saya pribadi sangat menyenangi RSS Feed versi, “byTAGG” ini. Hal ini karena fungsi dan fasilitas yang ditawarkan oleh byTAGG, antara lain : Pertama, byTAGG dapat sekaligus memasang RSS Feed sesuai keinginan kita. Saya sendiri menggunakannya dengan memasang RSS Feed Blog dan twitter. Kedua, byTAGG memberikan fasilitas “affiliate programs”, dimana bagi setiap pengguna yang memasang byTAGG di website atau blognya, akan mendapatkan penghasilan jika pegunjung mendowload ataupun mengklik byTAGG yang dipasang. Ketiga, byTAGG juga bisa dimanfaatkan sebagai ajang promosi website atau blog kita. Fasilitas byTAGG memungkinkan kita untuk memasang banner ataupun logo kita pada setiap widget byTAGG yang didownload dan digunakan langsung oleh pengunjung. Dan Keempat, byTAGG memiliki “alert system”, dimana setiap artikel, berita ataupun postingan terbaru dari website atau blog yang kita ikuti, akan diinformasikan langsung oleh widget byTAGG ini melalui alarm, sebagai media pemberitahuan.

Selanjutnya tergantung anda pribadi, apakah ingin menggunakan byTAGG atau tetap menggunakan RSS Feed versi orginal blog yang tersedia. Selamat mencoba.

Mengapa saya menjadi seorang Blogholic?

Ya, pertanyaan ini kerap kali menghampiri para bloggers meski secara tidak sadar. Blogholic atau Kecanduan ngeblog, memang merupakan prilaku ketergantungan yang muncul tanpa direncanakan. Namun demikian, kecanduan ngeblog telah menjadi suatu keniscayaan bagi setiap bloggers pada titik tertentu, entah kapan dan bagaimana proses situ muncul. Perkembangan fitur serta kian uniknya tutorial blogger, adalah salah satu alasan kita susah untuk tidak membiarkan tangan dan pikiran kita nganggur untuk kembali mengutak-atik blog. Namun alasan lain yang paling realistis bagi saya adalah, “bahwa blog merupakan media dan tempat pemberitaan alternative di luar mainstream media yang ada, yang tentu bagi sebahagian orang terasa sulit untuk menembusnya karena berbagai faktor”. Tapi bagi saya sendiri, ada beberapa alasan mendasar, kenapa saya jadi kecanduan ngeblog.

Nah berikut daftar 10 (sepuluh) alasan utama, mengapa saya jadi penggila blog :

1. Blog adalah tempat curhat disaat orang-orang terdekat kita pada sibuk;
2. Blog adalah media untuk menuangkan ide dan gagasan yang tepat karena tidak dikenai biaya sama sekali, alias gratis;
3. Blog dapat melatih diri anda untuk cakap dalam menulis, termasuk dalam hal melatih pikirananda untuk lebih tajam dan variatif. Banyak jurnalis besar dunia yang memulai karir dan kemampuannya melalui blog;
4. Blog sebagai ajang promosi online. Dengan memiliki blog, berarti anda telah menjadi members dunia maya. Paling tidak dengan rajin mengisi blog anda, maka akan mudah bagi anda untuk mendapat ruang publikasi bagi pribadi anda serta gagasan-gagasan anda;
5. Dengan memiliki sebuah blog, maka anda akan mudah membangun jaringan pertemanan dengan jutaan bloggers diseluruh dunia;
6. Dengan memiliki blog, maka anda dapat melakukan penghematan dalam hal publikasi ide dan gagasan anda melalui dunia maya. Bandingkan jika anda harus membangun website sendiri, dimana domain, desain dan lain sebagainya akan memakan biaya hinggga jutaan pertahunnya;
7. Blog adalah personal site yang lebih akrab dengan panca indra alias relative mudah untuk digunakan dan dipelajari sendiri (easy to use) tanpa bimbingan private dari jago-jago programming. Ini dengan catatan, bahwa anda harus serius mempelajarinya;
8. Perkembanga fitur-fitur baru blogger yang disediakan oleh mbah “Google”, membuat kita sulit untuk tidak menjamah dan mencobanya sampai tuntas…tas….tas….;
9. Kian banyaknya tutorial yang diciptakan sendiri (by self created) oleh para bloggers, membuat kita kian lebih sering untuk mencobanya demi keindahan dan kecantikan blog kita (duh….ile, kae kata-kata sinetron aja!he…3x);
10. Alasan terakhir bagi saya adalah, blog mengajarkan kita untuk mencari jati diri dalam interaksi social. Banyak orang yang memiliki prilaku tertutup, untuk itu, blog adalah tempat yang paling cocok untuk mengungkap, “seperti apa anda sebenarnya?”.

Disamping alasn di atas, masih ada satu alasan ngeblog yang sekarang lagi ngetrend dikalangan bloggers, yaitu ; blog adalah cara mudah untuk mencari duit. Disamping fasilitas ‘Google adsense” dengan metode pay for click, sekarang juga telah banyak bermunculan situs-situs layanan jasa online yang memberikan fasilitas affiliate, dimana anda akan dibayar jika iklan mereka yang anda pasang di blog anda, dibuka oleh pengguna blog lain.

Demikian alasan utama, mengapa saya jadi gila blogger. Lantas bagaimana dengan anda?

Cara memasang Tag Cloud animasi

Apakah anda pernah melihat widget tag cloud seperti gambar disamping ini?. Widget tag cloud ini terkesan lebih elegan karena menyajikan animasi gerak jika cursor diarahkan ke widget tersebut. Selama ini mungkin anda hanya mengenal tag cloud standar dengan kata kunci yang hanya berbeda pada besaran hurufnya saja. Nah, bagi anda yang senang mengutak-atik blog, tutorial yang satu ini patut untuk anda coba. Ok, mari kita mulai saja dengan cara yang sederhana. Langkah awal, silahkan anda login dan masuk ke account blogger anda dan arahkan ke layout > edit HTML (jangan lupa untuk untuk download full template anda untuk backup jika sesuatu yang tidak diinginkan terjadi).

Langkah selanjutnya, silahkan cari kode di bawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

kalau sudah ketemu, silahkan letakkan kode dibawah ini tepat dibawah kode yang diatas :

<b:widget id='Label88' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://hermanblogtips.blogspot.com'>Herman Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;200&quot;, &quot;150&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='14'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Selesai, jangan lupa simpan template anda.

Catatan : silahkan atur angka 200 yang menunjukkan lebar dan angka 150 yang menunjukkan tingginya. Ganti nilainya sesuai dengan ukuran sidebar template anda. Sedangkan kode huruf ffffff menunjukkan warna background dan angka 333333 menunjukkan warna teks serta angka 14 menunjukkan ukuran teks. Silahkan diganti sesuka hati sesuai selera anda.

Memperpendek hasil search

Jika kita masuk ke blog seseorang, tentu kita tertarik untuk memindai atau melihat-lihat isinya berdasarkan kategori atau label blog tersebut. Namun setelah kita buka salah satu kategori, terkadang kita mumpek membacanya karena terlalu panjang. Nah, trik blogger berikut ini adalah cara untuk memperpendek hasil pencarian kategori....


Pertama, login dulu ke blog anda, masuk kekolom halam dan edit HTML (jangan lupa klik expand template widget). Setelah itu, cari kode di bawah ini :

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

Setelah itu, ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><hr/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Selesai, jangan lupa simpan template dan silahkan lihat hasilnya.

Cara membuat waktu otomatis

Attention : sebelum isi utama dari posting, saya ingin meralat terlebih dahulu isi posting saya sebelumnya, yakni : "cara membuat slider ala zinmag pimus" dimana contoh desai slider, merujuk pada template blog punya saya. namun berhubung, sy sudah ganti template [many reason for that. one of them is : my template is to heavy, so efected slowly to my blogger]. Tapi tenang aja, anda boleh melihat contoh slider ala zinmag primus di di : [Zinmag Primus Blogger Template].....



Oke, itu aja. Lets begin to the next blogger tricks...!!!. Apakah anda tertarik untuk memasang “current date” di blog anda? Itu loh, waktu dan tanggal yang berjalan secara sendiri [otomatis]. Selama ini, sudah banyak yang menyediakan widget time, baik analog style maupun digital style. Tapi tidak ada salahnya jika anda mencoba trik blogger yang satu ini. Selain ukurannya yang super mini, juga dapat ditempatkan dimana saja sesuai dengan keinginan [Notes : bukan hanya di widget sidebar, tapi juga bias di dalam template : header, menu, nav, post, footer, atau dimanapun….]. Gimana tertarik?. Jika anda berkeinginan mencobanya, silahkan ikuti petunjuk berikut ini…….

Langkah pertama : login dulu di akun blogger anda, terus edit layout [tata letak] dan klik edit HTML.

Langkah selajutnya, masukkanlah kode di bawah ini :

<script type=’text/javascript’ src=’http://4444444444r.googlepages.com/current-date.js’></script>

Dan letakkan di bawah kode : ]]></b:skin>, sebelum kode : </head>

Dan susunannya akan terlihat seperti ini :

]]></b:skin>
<script type='text/javascript' src='http://4444444444r.googlepages.com/current-date.js'></script>
</head>

Simpan template anda, dan langkah selanjutnya adalah, copy paste kode di bawah ini :

<script>showCurrentDate();</script>

Dan letakkan dimanapun dalam bagian template atau widget sidebar yang ada inginkan.
Selesai…..mudah bukan?. Silahkan dicoba sendiri!!!

Cara Membuat Slider Zinmag

Coba perhatikan header blog ini, apakah ada yang menarik? Iya, slide “featured content”, yang bergerak disertai dengan foto. Menarik bukan? Postingan ini mungkin bukan yang pertama kali, namun tidak membuat saya ciut nyali untuk berbagi. Share tidak mengenal waktu dan tempat, tapi niat dam keinginanlah yang menjadi factor utamanya. Banyakan cuap-cuap ya?he..3x. Oke klo gitu, saya tidak usah berpanjang lebar lagi [ntar isi posting malah ngk connect ma judulnya], mari kita mulai dengan, hal apa yang kita butuhkan......



Pertama, tentu potongan artikel [post summary] dan foto terkait adalah hal yang terpenting. Hal ini berfungsi sebagai isi dari slider [lihat slide featured content di bagian atas]. Setelah itu, ikuti langkah-langkah pemasangannya sebagai berikut....


Pertama, Login kea kun blogger anda. lalu masuk ke edit halaman, terus edit HTML [jangan lupa centang expand widget]. Tahap selanjutnya, cari kode : ]]></b : skin, dan masukan kode script di bawah ini persis di atasnya;
#slider {
background:url(http://img99.imageshack.us/img99/9594/slide.png);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}

#mover {
width: auto;
position:absolute;
overflow:hidden;
}

.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px;
}

.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #ac0000;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px;
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}

.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}

span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #999;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}

.slide img {
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}

Langkah selanjutnya, masukkan kode di bawah ini tepat di bawah kode : ]]></b : skin :
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

Terakhir, cari kode dibawah ini :
<div id='header-wrapper'>
.............
.............
……….
……….
</b:section>

setelah itu, masukkan kode di bawah ini tepat di bawah kode di atas :
<!-- Casing -->
<div id='casing'>

<!-- Slider -->
<div id='slider'>
<div id='mover'>

<div class='slide'>
<h2><a href='http://herdiansyah-hamzah.blogspot.com/search/label/Seri%20Tulisan%20Politik' title='Seri Tulisan Politik'>Seri Tulisan Politik</a></h2>
<span class='slmet'/>
<p>Seri tulisan politik adalah kategori gagasan dan pandangan saya terhadap realitas politik Indonesia hari ini. Kaum mapan (borjuasi) telah membangun tembok angkuh yang menenggelamkan kepentingan rakyat miskin selama bertahun-tahun. Untuk itu, perjuangan merebut kekuasan adalah hal mutlak yang harus kita lakukan demi merebut kembali hak rakyat yang telah dirampas selama ini. Memang berat dalam kegamangan dan kebingungan gerakan demokratik hari ini, namun tidak ada yang mustahil jika bangunan persatuan mampu kita bangun bersama.... </p>
<img alt='' src='http://i278.photobucket.com/albums/kk100/herdiansyah/Featuredpolitics.jpg'/>
</div>

<div class='slide'>
<h2><a href='http://herdiansyah-hamzah.blogspot.com/search/label/Seri%20Tulisan%20Hukum' title='Seri Tulisan Hukum'>Seri Tulisan Hukum</a></h2>
<span class='slmet'/>
<p>Seri tulisan hukum adalah kategori gagasan dan pandangan saya terhadap realitas hukum di Negara kita hari ini. Fenomena korupsi, praktek mafia peradilan dan akses hukum yang begitu sempit bagi masyarakat marginal [miskin], adalah buah nyata dari sistem hukum kita yang masih timpang dan bobrok. Hal ini ditandai dengan kian maraknya praktek pembungkaman dan penutupan ruang dan kesempatan bagi rakyat untuk mendapatkan bantuan dan pelayanan hukum secara cuma sebagaimana yang telah diamanatkan oleh Undang-undang Dasar Negara kita....</p>
<img alt='' src='http://i278.photobucket.com/albums/kk100/herdiansyah/Featuredlaw.jpg'/>
</div>

<div class='slide'>
<h2><a href='POST-LINK-HERE' title='Action Games'>Seri Tulisan Daerah</a></h2>
<span class='slmet'/>
<p>Seri Tulisan Daerah ini, tentu akan lebih banyak mengupas tentang situasi Kalimantan Timur, tempat saya bermukin saat ini. Lebih tepatnya, seri ini adalah ide dan gagasan soal fenomena social yang tengah terjadi di daerah, khusunya menyangkut kemiskinan, pengangguran dan kesejahteraan. Kemiskinan merupakan bentuk langsung dari ketidakstabilan ekonomi (unstabilished economic). Meningkatnya kriminalitas, dekadensi moral, ketidakpercayaan diri secara massal, serta lemahnya produktivitas dan kreatifitas, adalah buah dari kemiskinan....</p>
<img alt='' src='http://i278.photobucket.com/albums/kk100/herdiansyah/Daerah.png'/>
</div>

<div class='slide'>
<h2><a href='POST-LINK-HERE' title='POST-TITLE-HERE'>Seri Blogger Tricks</a></h2>
<span class='slmet'/>
<p>Seri Blogger tricks ini merupakan kumpulan postingan mengenai trik, tips dan segala sesuatu yang berbau blogger. Meskipun tulisan-tulisan disini bukan ide dan gagasan original dari saya, tapi tetap nekad aja deh. Itung-itung berbagi buat sesama. Banyak dari para blogger yang ingin ini dan itu untuk mengoptimalkan dan mempercantik blog, tapi terkadang bingung harus bagaimana. Nah, mampir dan sempatkan aja untuk membuka serial kategori blogger tricks ini. Mudah2an bermanfaat bagi anda yang membacanya...</p>
<img alt='' src='http://i278.photobucket.com/albums/kk100/herdiansyah/BloggerTricks.png'/>
</div>

<div class='slide'>
<h2><a href='POST-LINK-HERE' title='POST-TITLE-HERE'>Seri Tulisan Internasional</a></h2>
<span class='slmet'/>
<p>Under Construction, be Patient...</p>
<img alt='' src='http://i278.photobucket.com/albums/kk100/herdiansyah/internationalnews.png'/>
</div>

</div>
<!-- /Mover -->
</div>
<!-- /Slider -->

<div class='clear'/>

Selesai, selamat mencoba....

Catatan : untuk merubah background image slide yg berwarna hitam, silahkan cari kode :#slider {
background:url(http://img99.imageshack.us/img99/9594/slide.png), dan ganti gambar dan warna sesuai dengan selera anda. Sedangkan isi posting dan gambar bergerak, silahkan ganti sesuai dengan isi blog anda karena kode di atas menggunakan isi dan slide blog kepunyaan saya.

Tampilan Huruf Awal Posting Bergaya Koran

Coba Anda perhatikan postingan ini,... Apa yang beda dengan postingan lainnya? Betul sekali, huruf awal tampil besar sampai mengawali 4-5 baris kalimat. Nah itu yang dimaksud dengan tampilan bergaya koran atau surat kabar. Menarik bukan? satu lagi referensi yang bisa memperkaya pengalaman Anda dalam mengutak-atik tamppilan blog Anda. Trik blogger yang satu ini saya adopsi mentah-mentah dari blog : OB alias Mas Aris Asmara. Untuk memulainya, silahkan login ke blog anda dan masuk di Edit HTML. Silahkan masukkan kode di bawah ini tepat di atas kode : ]]></b:skin>

/* hurup awal bergaya koran
----------------------------------------------- */
.awal {
float:left; <!--Letak disebelah kiri-->
color: #000000; <!--Warna huruf hitam-->
line-height:80px; <!--Jarak baris, jgn diganti-->
padding-top:1px; <!--Jarak dengan judul-->
padding-right:5px; <!--Jarak dengan teks dikanannya-->
font-family:times; <!--Jenis font-->
font-size:100px; <!--Ukuran font-->
}

Cara menggunakannya : Silahkan letakkan kode berikut di antara huruf awal setiap postingan anda : <span class="awal"> ... </span>

Selamat Mencoba....

Trims buat "OB" untuk trik bloggernya. sekaligus saya berterimakasih juga karena sudah mengizinkan mengadopsi postingannya...

Cara Membuat Kotak Blogroll

Masih bingung dengan beberapa hal, terutama dengan menempatkan kode java script dalam postingan, yang tidak langsung muncul layaknya sidebar. Daripada menyusahkan sesuatu yg mudah, lebih baik saya forward kode link ke pembuatnya. Ini tutorial yg sy ambil dari : Panduan Blogger Pemula mengenai salah satu trik blogger. Apakah Anda tertarik untuk memasang Kotak Blogroll di blog Anda seperti di bawah ini :

>> Satement Tentang Kasus Ibu “Prita Mulyasari”

---

>> Seri Tulisan : Lawan Krisis Kapitalisme (Bagian 3)

---

>> Seri Tulisan : Lawan Krisis Kapitalisme (Bagian 2)

---

>> Seri Tulisan : Lawan Krisis Kapitalisme (Bagian I)

---

>> Mebongkar Jejak Sejarah Korupsi di Indonesia

---

>> Menakar Strategi Pengentasan Kemiskinan Kaltim

---

>> Outsourching & Masa Depan Kaum buruh

---

>> Krisis Global & Pengaruhnya Terhadap Kal-tim

---

>> Sisi Lain “Caddy Golf” yang Terlupakan

---

>> Korban ’65 Menggugat Ketidakadilan

---

>> Krisis & Opurtunisme Elit

---

Jika tertarik, silahkan ikuti petunjuknya di link : Cara membuat Kotak Blogroll

Cara Membuat Teks & Link Berkedip

AAkhirnya tertarik juga untuk berbagi dengan “Blogger’s Mania” mengenai aksesoris, widget ataupun trik blog untuk mempercantik tampilan blog Anda. Meskipu tutorial ini bukanlah lahir dari ide dan gagasan saya (Maklum, blogger pemula!he..3x), tapi tentu ngk ada salahnya untuk berbagi pengalaman. Semoga bermanfaat bagi Anda semua.

Berikut tutorial awal yang saya share untuk Anda ;
Pernahkah anda melihat melihat “teks berkedip” seperti di bawah ini :

Selamat Datang

Atau mungkin “link berkedip” seperti ini :

Herdiansyah Blog

Jika anda tertarik untuk menggunakan aksesoris seperti di atas di blog Anda, silahkan ikuti cara memasangnya di bawah ini :

Untuk membuat teks dan link berkedip caranya sangat mudah, cukup dengan menambahkan kode <blink> dan </blink>  diantara teks atau link yang ingin Anda buat berkedip. Finished. Mudah bukan?. Sebagai contoh, sebagai berikut ;

Jika Anda mengetik, "Selamat Datang" kemudian menambahkan kode<blink> dan </blink> diantaranya kata yang anda inginkan, maka hasilnya menjadi seperti ini :

Selamat Datang

Begitupun jika anda ingin membuat link berkedip, cukup dengan menambahkan di awal dan akhir link.

Selamat mencoba