Jumat, 12 Maret 2010

HACK REQUEST 1

Request from Miftah fans of Kang Rohman shoutmix. Kang BeBeN, bagaimana cara buat seperti artikel berlangganan sama artikel terkaitnya Kang Rohman :D begitu celetus sobat kita Miftah :) Sebenarnya Kang Rohman sudah membuat artikelnya Membuat widget dibawah postingan. Di postingan tersebut beliau sudah membeberkan secara rinci dan lugas secara garis besar bagaimana cara membuat widget supaya ada di bawah postingan ;)) Seperti ini screenshotnya...

Pic

Ini dia kode yang harus sobat Miftah miliki untuk mendapatkan seperti yang ada pada gambar ;)
Carilah kode ]]></b:skin> lalu letakkan kode CSS berikut sebelum/diatas ]]></b:skin>

#related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTkN0M3BDbooa7BENt-OzTPak8IYN3No2IhvOY36KFNBOo0eYd623iz2HeLmU1ofisbXlbqSywpR-O58H0OEJpl7quMl-zKqwWbD4lWOjvqD2z2wqkOKtTiF0FQxfd-7D8LBVkDRZC5zs/) 45% 0 repeat-y;border:1px solid #ddd;padding:15px;margin: 0 0 10px;color:#000;}
#related .related-posts{font-weight:bold;width:53%;float:right;}
#related .related-posts p{margin:0;}
#related .related-posts h3, #related .related-posts h2, #related .related-posts h1{margin:0;font-size:12pt;letter-spacing:0;}
#related .related-posts ol{font-weight:normal;margin:2px 0 0 0;}
#related .subscribe{width:43%;float:left;color:#000;}
#related .subscribe p.intro{font-weight:normal;}
#related .subscribe p.feed{margin-bottom:10px;font-weight:bold;padding-left:21px;background: url(LINK-GAMBAR-FEEDBURNER) 0px 50% no-repeat;vertical-align:middle;}
#related .subscribe form{margin:0;padding:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
Tuh kode CSS-nya...hehehe ;)) Save deh :D Terus kalau mau menggunakannya silahkan baca postingan Kang Rohman membuat widget dibawah postingan. Pada langkah...

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bawahpost'>
Bagi yang ingin belajar <strong>PHP / HTML / MySQL</strong> dengan sangat mudah sambil langsung praktek, kang Rohman rekomendasikan anda belajar <a href='http://www.kursus-online.com/?id=rohman' rel='nofollow' target='_blank'><strong>di sini</strong></a> &#160;&#160;<strong>&#171;&#171;</strong>&#160;sok atuh di klik biar situsnya keluar.
</div>
</b:if>

Gantilah dengan ini...

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="clearfix" id="related">
<div class="subscribe">
Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium.
</div>
<div class="related-posts">
Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e
</div>
</b:if>

Itu kata-kata yang gak jelas dan meneketehe artinya ganti deh ama sobat Miftah mau apa yang dimasukinnya :D Kalau di blog Kang Rohman berlangganan ama postingan terkait :P Kalau soal letak dibawah postingannya, tinggal baca postingannya beliau ;) Semoga paham yah 8-> dadah :-h :-* :P

Tidak ada komentar:

Posting Komentar