Buat Sobat yang nyari duit sambil ngeblog alias nyari pendapatan tambahan dari Iklan, Afliasi program, PTC,Backlink dan sejenisnya, nich gw ada tips dari Kang Mochal,gimana caranya meamasang 7 kolom iklan 125x125 dibawah header blog sobat, wow keren banget seperti sobat lihat di Blog saya...gimana mau...?

Kalau Sobat hanya ingin memasang 2 atau 3 kolom di sidebar kanan, sobat bisa lihat caranya di posting saya sebelumnya " Cara menambah kolom SIDEBAR ADS di template blogspot ".

Ayo kita mulai permak lagi Blog kita biar tambah yahud dengan tampilannya,dan ikuti langkah - langkah dibawah ini :

1.Seperti biasa, setelah sobat login ke blogspot, lalu sobat masuk ke halaman Layout/Tata letak blog sobat dan klik Edit Html( sebelumnya backup dulu template anda dengan cara mengklik Download full template, jadi template sobat yang lama langsung tersimpan ).

2. Langkah pertama sobat copy kode dibawah ini

<div id='sidebar-ads'>
<div class='ads-sidebar'>
<center><ul>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
</ul></center>
</div>
</div>

3. Kemudian paste di atas <div id='main-wrapper'> atau <div id='main-wrap1'><div id='main-wrap2'> kalau template sobat 3 kolom tentu di ada id=main ada sidebar lagi,sobat paste di atas ini <div id='side-wrapper1'> atau sejenisnya yang nantinya/pada intinya berada di bawah header blog sobat, jadi tergantung template sobat karena masing-masing template berbeda kode Html nya, ada juga

4. Langkah selanjutnya sobat copy kode dibawah ini

#sidebar-ads {
width:970px;
margin-bottom:5px;
float:right;
background:#fff;
padding:10px;
}
.ads-sidebar{float:left; margin:0pt; padding:0pt}

#sidebar-ads ul li ul{list-style-type:square; margin-left:1.5em; padding:0; border:0}
#sidebar-ads ul li ul li{border:0}
#sidebar-ads .ads-sidebar ul{background:transparent none repeat scroll 0% 50%; border:1px solid transparent; float:left; margin:0pt; padding:10px 0pt 10px 2px; width:970px}
#sidebar-ads .ads-sidebar ul li{display:inline; list-style-type:none; margin:0pt; padding:0pt}
#sidebar-ads .ads-sidebar ul li a:hover{border-bottom:none; list-style-type:none}

.ads-sidebar ul{margin:0px; padding:0px}
.ads-sidebar ul li a{float:left}
.ads-sidebar img{margin:0px 0px 5px 5px; border:1px solid #CCC; padding:2px}
.ads-sidebar img:hover{border:1px solid #999}

Nach di sini lebar Width tergantung template masing-masing, disini kebetulan template saya witdth nya 970px (sobat tinggal rubah bsesuai dengan lebar template sobat), demikian juga margins dan pading, menurut selera sobat lah.

5. Dan paste lagi di atas ]]></b:skin>

6. Klik SAVE/Simpan dan lihat hasil kerja sobat...mantap dach

Happy Blogging....

Bagi sobat yang sudah tau cara menambah kolom SIDEBAR ADS ditemplate blogspot tentu gak asing lagi dengan triks yang satu ini, dalam perjalanan blogwalking saya malam ini saya sempat mampir dan melihat postingan baru kang Mochal atau Kang Subagya tentang peluncuran template terbarunya SIMPLE MINIMA MAGAZINE yang menurut saya sangat sempurna, disini saya lihat ada kolom sidebar ads di sidebar sebelah kanan atas, nach iseng-iseng lihat kode HTML nya, lalu saya coba terapkan di blog saya Aceh Blogging seperti yang ada di template Kang Mochal ...dan ternyata berhasil.Kalau sobat gak percaya coba lihat dech di Aceh Blogging.

Bagi sobat yang masih Newbie seperti saya kalau mau menambahkan sidebar ads ini,sobat bisa mencoba seperti yang saya coba di blog saya ini.caranya seperti dibawah ini.





1.Setelah sobat login ke blogspot, lalu sobat masuk ke halaman Layout/Tata letak blog sobat dan klik Edit Html( sebelumnya backup dulu template anda dengan cara mengklik Download full template, jadi template sobat yang lama langsung tersimpan ).

2. Lalu sobat copy kode dibawah ini

<div id='sidebar-ads'>
<div class='ads-sidebar'>
<center><ul>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:subagya@gmail.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
</ul></center>
</div>
</div>

3. Kemudian paste di atas <div id='sidebar-wrapper'>

4. Dan copy kode dibawah ini

#sidebar-ads {
width:300px;
margin-bottom:10px;
float:right;
background:#fff;
padding:10px;
}
.ads-sidebar{float:left; margin:0pt; padding:0pt}

#sidebar-ads ul li ul{list-style-type:square; margin-left:1.5em; padding:0; border:0}
#sidebar-ads ul li ul li{border:0}
#sidebar-ads .ads-sidebar ul{background:transparent none repeat scroll 0% 50%; border:1px solid transparent; float:left; margin:0pt; padding:10px 0pt 10px 2px; width:300px}
#sidebar-ads .ads-sidebar ul li{display:inline; list-style-type:none; margin:0pt; padding:0pt}
#sidebar-ads .ads-sidebar ul li a:hover{border-bottom:none; list-style-type:none}

.ads-sidebar ul{margin:0px; padding:0px}
.ads-sidebar ul li a{float:left}
.ads-sidebar img{margin:0px 0px 5px 8px; border:1px solid #CCC; padding:2px}
.ads-sidebar img:hover{border:1px solid #999}

5. Dan paste lagi di atas ]]></b:skin>

6. Klik SAVE ( Simpan pengaturan )

Semoga bermamfaat.

ReadMore or install ReadMore is posting a speed / writing a blog that appears on the home page of a blog or in other words, mark down the posting ReadMore in our backyard so long that not all does not appear to take place. As you can see in the blog Dollar and Rupiah.

Step by step install ReadMore in the new blogger (not a classic template) are as follows:

1. Entrance to the page layout of your blog and click the Edit Html and check the 'Expand widget template "(the previous backup of your first template by clicking the Download the full template, the template so long that you saved directly).

2. Search one of the code in the box below to edit the template

<div class='post-header-line-1'/>
atau <div class='post-header-line'>
atau <div class='post-body entry-content'>

Why there are 3 types of code ...? because each template structure is different here so we can be facing one of the existing code.

3. If the facts and then copy the code below

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Then paste the code under one of the code that I have mentioned above, and later you can see the results as the example below

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

4. Then copy the code below:

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

Paste the code below

<p><data:post.body/></p>

5. If all the above instructions have been carried out as the result of this

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<b:if cond=’data:blog.pageType != "item"’><br/>
<a expr:href=’data:post.url’>Read moreâ�¦</a>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->

6. If so click SAVE TEMPALTE

7. From the menu TEMPALTE we move to the menu: click SETTING (setting)> click formatting (format), see the note below there is no POST TEMPLATE (template post), nach now fill the box with the code below

<span class="fullpost">

</span>

Click SAVE (Save the settings)

8. Each will last posting click EDIT write the HTML code and paste it between the posting that will be shown and hidden, see the example below.

( Code </span> are stored at the end of the writing / posting you)

Please try ... Hopefully useful.