03 April 2009

Membenahi Posting pada Magazine Theme

Setelah beberapa kali mencoba memodifikasi template dari minima menjadi bentuk magazine , beberapa kendala terutama cara pasang gambar agar nampak di homepage dan sub page berbeda membuat saya semakin antusias untuk mencari solusinya. Alhamdulillah kini terjawab sudah, dengan mencoba memasang script yang mana scrip ini berfungsi sebagai pengaturan pemenggalan artikel secara automatis.

Tutorial ini aku dapat dari Kang Jaloe ( Readmore Liberal ), namun disini penerapannya di template untuk scriptnya tidak saya upload. Jadi langsung saya masukkan pada bagian <head>. Disini saya juga akan menjelaskan berdasarkan pengalaman saya saat saya mencoba membantu mendesain blog ini maupun blog saya yang lain yang telah menggunakan readmore, termasuk blog ini

Oke, saya akan mencoba membahasnya secara bertahap :

LANGKAH BAGI YANG BELUM MEMASANG READMORE

1. Login ke blogger
2. Klik Layout
3. Klik Edit HTML
4. Download/ backup dulu template anda
5. Klik pada Expand Widget Templates.
6. Copas kode dibawah ini dan letakkan sebelum kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no- float&quot; ; summary_noimg = 350; summary_img = 250; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:15px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

7. Cari kode <data:post.body/> di template anda, gunakan Ctrl + F dan masukkan kode <data:post.body/> kemudian enter.

8. Setelah ketemu ganti kode tersebut dengan kode berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

9. Simpan template anda.



Keterangan : Untuk kode dibawah ini, bisa anda sesuaikan selera anda.

summary noimg= 350 = Tinggi pemotongan artikel tanpa menggunakan gambar
summary img=250 = Tinggi pemotongan artikel menggunakan gambar


LANGKAH BAGI YANG SUDAH PASANG READMORE :

Kerjakan langkah 1 s/d 5
Cari kode <div class='post-header-line-1'/> , bila sudah ketemu perhatikan susunannya adalah sebagai berikut :

<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<div class='post-body' expr:id='&quot;post-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;);
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Ganti kode berwarna merah dengan kode baru pada langkah ke 8.
Bila anda kesulitan, silahkan ganti semua kode dari

<div class='post-header-line-1'/>
sampai dengan
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Dengan kode dibawah ini :

<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<data:post.body/>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Kemudian kerjakan langkah 7 dan 8.


Dengan demikian anda tidak perlu susah payah dalam mengupdate artikel dan secara otomatis bila dalam posting anda mengandung gambar, maka gambar akan muncul pada halaman utama sesuai ukuran yang anda format.

(Catatan : Bila anda ingin mempunyai blog dengan photo pribadi menghias pada headernya, bCOM siap membantu sepanjang tidak ada kata cela dan menyesal dihati anda. Ingat bCOM tidak mengharuskan anda untuk mengisi rekening Paypal bCOM, mengingat ini misi untuk memajukan blogger Indonesia... )

31 Maret 2009

Template Ads Ready

Modifikasi MINIMA kali ini saya beri nama Template Imut 2. Disini saya mencoba memodifikasi template yang ready terhadap iklan baik berbentuk slider maupun fixed, jadi apabila para blogger mania mendambakan template yang bisa dipasang banyak iklan dengan ukuran 125 X 125 px mungkin template ini pantas diperhitungkan.

Langsung pada tutorial :


1. Sebelum menggunakan template ini, silahkan dibackup dulu template anda. Namun saya sarankan untuk mencoba pada blog baru.

2. Untuk merubah background header kanan dan iklan adsense, cari kode dibawah ini:

<div id='header'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='headerleft'>
<a href='http://edan-ne-cadangan.blogspot.com' style='display: block'>
<img alt='Imut template' height='100' id='Header1_headerimg'
src='http://i288.photobucket.com/albums/ll179/ahnning/imut2.gif' style='display: block'
width='350'/>
</a>
</div>
</div>
</div><div class='widget HTML' id='HTML5'>
<div class='headerright'>
&lt;script type=&#39;text/javascript&#39;&gt;&lt;!--
google_ad_client = &quot;pub-7181952237540333&quot;;
google_ad_host = &quot;pub-1556223355139109&quot;;
/* 468x60, created 6/18/08 */
google_ad_slot = &quot;5864627181&quot;;
google_ad_width = 468;
google_ad_height = 60;
//--&gt;
&lt;/script&gt;
&lt;script src=&#39;http://pagead2.googlesyndication.com/pagead/show_ads.js&#39;

type=&#39;text/javascript&#39;&gt;
&lt;/script&gt;
</div>

Silahkan rubah kode berwarna merah dengan milik anda.

3. Untuk merubah background slider iklan : cari kode dibawah ini :

#slider { background: white

url(http://i288.photobucket.com/albums/ll179/ahnning/slider-bg.jpg); height: 227px;

overflow: hidden;position: relative; margin: 10px 0; }

4. Untuk merubah susunan slider iklan atau slider recent post, cari kode dibawah ini :

<div class='slide' id='slide-1'>
<h1>Garden Rack</h1>
<p>Donec gravida posuere arcu. Nulla facilisi.
imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien.
Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p><a
href='#'><img alt='learn more'
src='http://i288.photobucket.com/albums/ll179/ahnning/slide-1-image.png'/></a>
</div>
<div class='slide'>
<h1>Tulip Bulbs</h1>
<p>Donec gravida posuere arcu. Nulla facilisi.
Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien.
Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
<a href='#'><img alt='learn more'
src='http://i288.photobucket.com/albums/ll179/ahnning/slide-2-image.png'/></a>
</div>
<div class='slide'>
<h1>Garden Gloves</h1>
<p>Donec gravida posuere arcu. Nulla facilisi.
Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien.
Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
<a href='#'><img alt='learn more'
src='http://i288.photobucket.com/albums/ll179/ahnning/slide-3-image.png'/></a>
</div>

Text warna biru adalah judul dan penggalan artikel, sedangkan yang berwarna merah adalah url tempat dimana kita menyimpan gambar.

5. Untuk merubah advertise pada sidebar cari kode dibawah ini :

<div id='advertisment-block'>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

</div>

Sedangkan untuk merubah advertise pada footer, cari kode dibawah ini :

<div id='advertisment2-block'>
<center><h2> Pasang iklan anda, cukup Rp. 50.000,-/bln</h2></center>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>
</div>

Kode berwarna biru adalah url alamat yang dituju iklan, sedangkan yang berwarna merah adalah tempat penyimpanan gambar iklan.

Semoga bermanfaat.

DEMO | Download lihat di blog ini

28 Maret 2009

Akhirnya Datang Juga....

Judul diatas bukan promosi acara TV, namun itu adalah ungkapan hati setelah bersyukur kepada Allah SWT, akhirnya datang juga pesanan order "Phone Watch with 1.33 Inches Touch-Screen" dengan Grand Total : US$178.77 (termasuk biaya kirim dan asuransi).
(Sampai alamat tgl. 25 Maret 2009)

Jam tangan merangkap HP buat si Tole ini aku pesan di DTK downtownkey.com salah satu situs shopping online di RRC ( Shanghai ) pada tanggal 12 Maret 2009 melalui Paypal.
Dan ini merupakan barang elektronik pertama saya dari hasil berburu dollar kerja sama dengan Blogsvertise, Google translate, Paypal dan tentu saja BLOGGER.....




Mau tahu specifications and features for NOVA N800, berikut keterangannya :

Features:
• Operating Frequency: GSM
• Network Frequency: 900,1800MHz
• Language: Chinese, English, French, Russian, Arabic, Vietnamese, Indonesia etc.
• Dimensions (width × high × thick): 61x40x16 mm
• LCD Size: 1.3 inch, , 260 thousand colors; PX: 128×160px
• Weight, Package: 80g
• Color: black, light purple, silver, pink
• Style: Watch
• Talk Time: 130-280 minutes
• Standby Time: 180-300 hours

Specification:
• Memory Card : TF Card Supported, expandable to 2GB.
• Ringtone: 64 chord; Ringtone format: mp3, midi.
• Music: support equalizer; unique loudspeaker with larger volume; listen music with gifted Bluetooth earphone
• Video: 3GP,MP4,support to play in full screen, speed and pause
• Data Transfer: U disc, data wire, Bluetooth (stereo, remote control)
• Standby Photo: jpg, gif
• Telephone Directories: 800 groups of contacts of carte de visit, support incoming call with big head sticker, grouping ring
• Messages &Multimedia Messaging: support SMS, MMS
• Schedule Power On, Off: Support auto start, close, can set user-defined photo of starting, closing.
• Alarm Clock: 5 groups; can set from Monday to Sunday at random
• Games: Intelligent Puzzle
• More information: MP3, MP4, Handsfree, SMS group sending, Voice recorder, WAP, Handwritten input, Bluetooth, GPRS download, MMS, Memory extended, calendar, memo reminding, alarm clock, world time, stopwatch, health management, photo book, sound recording, voice recognition, calculator

Yang jadi kendala bagi saya,terus terang masih bingung ngatur GPRS yg disupport oleh IM3 dan menstranfer data ke komputernya. Sebenarnya buku petunjuknya sudah aku baca, tapi mungkin blo-on kali, jadi ndak mudeng blas... lha hurufnya huruf bambu ..he..he.. jadi ya.. seperti mbuat template... meraba-raba.. jadi.. ndak..jadi.. ndak..he..he..he.

Barangkali ada sobat yang mempunyai type yang sama, mohon saya dibantu.
1. Setting GPRS dan WAP untuk provider IM3
2. Transfer data ke komputer, karena praktek berdasarkan tutorial yang ada justru yang terjadi pengisian bateray.
3. Dan lain-lain...

Saya sudah mencoba menghubungi pihak penjualnya lewat email, semoga ada jawaban dan jawabannya tidak dengan huruf bambu.
Makasih atas informasi yang terkait dengan HP ini.

27 Maret 2009

Commercial Direct TV can help your business

Information in this current era is needed, especially for the urban community. One of the most prominent media to get all the information we need is electronic media such as TV. TV has become a very important need for the people of the world at this time. Various TV stations have been present at this time, and provide services that satisfy the promise. All that really help people in getting the required information.

Watch TV with your family and become the nearest thing which is very interesting, especially when TV programs offer a variety entertainment program that is able to bring the relaxed atmosphere at home. Commercial Direct TV to be an alternative for us to be able to see the best for the excellent program. Commercial DirecTV is very different in developing countries as they work to bring a variety of TV programs that are required by the community.

Start viewing TV as an investment. TV can also become a business opportunity for us who are building a new business. Direct TV Business is a service that can give us the opportunity for business promotion that we wake up. Using TV as a business partner is the right step because, in reality, millions of TV viewers will recognize the products that you sell.

Directv Business strongly support your business. Allow your customers to enjoy directv digital-quality picture and sound. Directv highly placed in the appropriate space, such as:

- Waiting room
- Lobbies
- Supermarkets
- Other common business areas

Your customers will never be bored when visiting your waiting room, health club or store. DIRECTV is a low-cost solution for keeping them entertained - and happy.
They'll love DIRECT TV programming and you'll love.

24 Maret 2009

Blackireng Magazine Style

Ditengah-tengah mencari solusi ikutan program Afiliasi Click2Sell dan Clickbank, saya mencoba merancang template berbentuk Magazine dengan nama Blackireng Magazine Style Blogger Theme.

Template ini terdiri dari :

1. Main Wrapper yang terbagi menjadi dua kolom
2. Satu Sidebar atas dan dua sidebar bawah
3. Footter, dimana saya taruh recent post horizontal.

Adapun cara penginstalan.

- File hasil download, silahkan buka dengan program Winrar atau Winzip.
- Sebelum menggunakan template ini sebaiknya backup dulu template anda atau praktekkan pada blog baru.
- Untuk bagian Topbar sudah auto, sehingga tidak perlu lagi merubah URL Feed.
- Untuk bagian header kiri sebagai judul sedangkan header kanan untuk iklan.
- Untuk merubah kode iklan, silahkan kode iklan anda diencode dulu disini, hasil encode Copas di notepad. Setelah itu masuk pada Edit HTML cari kode berikut :

<div id='headerright'>
&lt;script type=&#39;text/javascript&#39;&gt;&lt;!-- google_ad_client = &quot;pub-7181952237540333&quot;; google_ad_host = &quot;pub-1556223355139109&quot;; /* 468x60, created 6/18/08 */ google_ad_slot = &quot;5864627181&quot;; google_ad_width = 468; google_ad_height = 60; //--&gt; &lt;/script&gt; &lt;script src=&#39;http://pagead2.googlesyndication.com/pagead/show_ads.js&#39; type=&#39;text/javascript&#39;&gt; &lt;/script&gt;
</div>

Silahkan ganti kode berwarna merah tersebut dengan kode anda yang sudah diencode.

- Untuk merubah Navigasi Menu silahkan cari kode berikut :

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li> <a href='#'>Page</a> <ul> <li> <a href='#'>Sub Page #1</a> <ul> <li><a href='#'>Sub Sub Page #1</a> <ul> <li><a href='#'>Sub Sub Sub Page #1</a></li>

...... dan seterusnya, silahkan ganti # dengan url terkait demikian juga dengan Page dan subpagenya.

- Berikut saya contohkan cara menempatkan gadget pada kolom tengah seperti yang terlihat pada Demo. Masuk pada Tata Letak | Elemen Halaman | Tambah gadget | pilih Text, kemudian setelah jendela text muncul, klik Edit HTML dan masukkan code seperti dibawah ini :

<img id="BLOGGER_PHOTO_ID_5315209842303552306" style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 269px; height: 200px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9TciVKAVs4A5Y367_Ez2Awfe7jYNZSlZPpfopheFyM9uRUN_nhMoUTjWrmY7LGw0x043DNzoLEX6s0xrwLZxuaZ-Nk5e_CzYtUtM-AuqDFJGFuGbwg_KlWe2SUq67SNC1mg-GTBWjXNs/s200/logo.jpg" border="0" />Money4Idiots� eBook Kit can put you on the path to financial enlightenment, because you will learn not just online money making strategies, but also the psychology and secret necessary to make money in any online business.

Untuk mendapatkan kode gambar ( warna merah ), silahkan anda buat posting baru namun bersifat draft dan jangan dipublish juga jangan dihapus. Upload gambar yang akan anda buat target untuk mengisi kolom tengah atau sidebar, kemudian copy kodenya seperti kode diatas.
Sedangkan text berwarna biru adalah keterangan dari gambar atau penggalan artikel yang terkait.

- Untuk menambahkan gadget recent post horizontal pada footter seperti pada demo, silahkan anda masuk Tata Letak | Elemen Halaman | tambah Gadget | HTML/ Javascript kemudian tambahkan kode dibawah ini :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";
imgr[5] = "http://librarysupporter.googlepages.com/thumb5.jpg";
imgr[6] = "http://librarysupporter.googlepages.com/thumb6.jpg";
imgr[7] = "http://librarysupporter.googlepages.com/thumb7.jpg";
imgr[8] = "http://librarysupporter.googlepages.com/thumb8.jpg";
imgr[9] = "http://librarysupporter.googlepages.com/thumb9.jpg";

showRandomImg = true;

tablewidth = 978;
cellspacing = 7;
borderColor = "#000000";
bgTD = "transparant";

imgwidth = 113;
imgheight = 100;

fntsize = 12;
acolor = "#ffffff";
aBold = true;
icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 0;
summaryFontsize = 11;
summaryColor = "#03f8fb";
icon2 = " ";

numposts = 8;

home_page = "http://ahn-bidikcom.blogspot.com/";

</script>
<script src="http://librarysupporter.googlepages.com/recentposts_horizontal_title_below_no.js" type="text/javascript"> </script>

URL berwarna merah ganti dengan blog anda atau url blog yang akan dibuat gadgetnya.

Penasaran dengan DEMO dan mendownload template ini, silahkan kunjugi bCOM Studio.
Semoga bermanfaat.

20 Maret 2009

IrengBlue Style Blogger Theme

Bersamaan dengan peluncuran perdana blog bCOM Studio yang bertemakan Sharing Template Blogger Theme, dengan ini pula saya luncurkan sebuah template untuk blogger yang saya beri nama "IrengBlue Style Blogger Theme".

IrengBlue Style Blogger Theme terdiri dari 1 kolom main, 1 kolom sidebar dan tiga kolom pada footer.
Pada bagian Header saya modifikasi agar kita dapat menempatkan sebuah widget Recent post dengan numpost = 1.

Petunjuk instalasi.

Saya rasa para blogger sudah tahu persis bagaimana menerapkan sebuah template pada blogger. Hanya saya sarankan, terapkan IrengBlue Style Blogger Theme pada blog baru anda, baru setelah berhasil dan anda merasa puas silahkan terapkan "IrengBlue Style Blogger Theme" pada blog kesayangan anda.

1. Pemasangan Recent Post pada Header.

Masuk pada page element | tambahkan gadget | pilih "HTML/Javascripts | kemudian tambahkan kode berikut :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";
showRandomImg = true;
tablewidth = 400;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 75;
imgheight = 75;
fntsize = 10;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 1;
home_page = "http://nama blog anda.blogspot.com/";
</script>
<script src="http://librarysupporter.googlepages.com/recentposts_thumb.js" type="text/javascript"></script>


2. Mengatur format tanggal.

Pada pengaturan format, buat aturan seperti pada gambar dibawah ini :


3. Untuk pemasangan menu Recent Post baik dari blog anda sendiri atau blog favorit anda, silahkan ikuti tutorialnya di SINI.

4. Bila anda tertarik, silahkan meluncur di blog mungil saya.


DEMO & DOWNLOAD TEMPLATE

18 Maret 2009

Gadget Recent Post Horizontal

Kalau kita jumpai pada beberapa blog yang ada saat ini, pasti ada yang namanya Gadget Recent Post. Beberapa variasi Gadget Recent Post bermunculan baik di Sidebar maupun pada footer atau yang sering saya sebut lawbar.

Dari pengalaman melirik Gadget Recent Post dengan CSS ( Colong Sana Sini ), saya menemukan modifikasi Gadget Recent Post dengan posisi horizontal.

Untuk lebih jelasnya, silahkan praktekkan kode dibawah ini pada blog anda.


Setelah kita Login di Blogger, silahkan masuk pada Tata Letak | Element Halaman | kemudian tambahkan gadget | pilih HTML/ Javascript. Setelah itu masukkan kode dibawah ini :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";
imgr[5] = "http://librarysupporter.googlepages.com/thumb5.jpg";
imgr[6] = "http://librarysupporter.googlepages.com/thumb6.jpg";
imgr[7] = "http://librarysupporter.googlepages.com/thumb7.jpg";
imgr[8] = "http://librarysupporter.googlepages.com/thumb8.jpg";
imgr[9] = "http://librarysupporter.googlepages.com/thumb9.jpg";

showRandomImg = true;

tablewidth = 980;
cellspacing = 7;
borderColor = "#000000";
bgTD = "transparant";

imgwidth = 113;
imgheight = 100;

fntsize = 12;
acolor = "#ffffff";
aBold = true;
icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 0;
summaryFontsize = 11;
summaryColor = "#03f8fb";
icon2 = " ";

numposts = 8;

home_page = "http://ahn-bidikcom.blogspot.com/";

</script>
<script src="http://librarysupporter.googlepages.com/recentposts_horizontal_title_below_no.js" type="text/javascript"> </script>


Petunjuk modifikasi : (Berdasarkan pengalaman saya):

tablewidth = 980; adalah kelebaran dari gadget bila Content-Wrapper = 990px.
imgwidth = 113; ukuran lebar gambar
imgheight = 100; ukuran tinggi gambar
fntsize = 12; ukuran dari font
acolor = "#ffffff"; warna dari font
showPostDate = true; kode agar tanggal post muncul, diganti false bila tidak dikehendaki
numposts = 8; jumlah recent post yang ditampilkan
home_page = "http://ahn-bidikcom.blogspot.com/"; ini adalah alamat dari blog yang mana posting dari blog tersebut akan ditampilkan

Yang lainnya.. silahkan diotak-atik sendiri.

Adapun Gadget Recent Post Horizontal ini sudah saya praktekkan di modifikasi IRENGBLUE Style Blogger Theme yang penggarapannya baru mencapai 40 %.

Silahkan anda kunjungi demonya pada modifikasi template yang nantinya akan saya persembahkan buat anda semua secara gratis..tis...tis... cuma tinggal ngomentari doang... yang penting tidak dicaci maki, guwe udah senang..ha..h..


DEMO ( lihat diatas footer )

Mockup Hijab Adobe Photoshop Tutorial - FREE FILE PSD

  Mockup Hijab Adobe Photoshop adalah tutorial tentang bagaimana cara merubah warna hijab maupun coraknya. Jika anda ingin mendownload file ...