Cara Memasang Iklan Agar Berdampingan Diakhir Dibawah Postingan Blog dengan mudah

Cara Memasang Iklan Agar Berdampingan Diakhir/ Dibawah Postingan Blog dengan mudah-Selamat siang sahabat semua, semoga di siang hari yang indah ini kita diberikan kesehatan, dan lebih bersemangat. Pada postingan yang lalu saya sudah post tentang Cara agar tidak menampilkan verifikasi kata pada komentar blog dengan mudah, memang mudah kan sob? 

Dan kali ini saya akan share tentang bagaimana cara memasang iklan berdampingan diakhir/ bawah postingan, bagaimana ya? heeee, sangat mudah kok sob, yang penting dengan benar mengikuti tutorialnya. untuk apa memasang iklan berdampingan dibawah postingan? mungkin tidak asing lagi ya bagi sang master, tutorial ini saya tujukan kepada newbie, heee. ya padahal saya juga newbie sih. cuma saya ingin share saja.

Memasang iklan dibawah postingan yaitu untuk memaksimalkan income sang blogger, karena iklan dibawah postingan itu sangatlah sterategis sekali, bisa dibilang jebakan betman juga sih, heeee tapi gak melanggar Term of Service (TOS) kok sob, karena iklan dibawah postingann itu dikira postingannya/ artikelnya Saya kasih contoh iklan yang berdampingan diakhir postingan seperti SS dibawah ini;

PPC BIDVERTISER DAN KLIKSAYA

yang saya lingkari dengan lingkaran merah ialah iklannya, yaitu iklan PPC KLIKSAYA dan yang satunya kira-kira dari IKLAN PPC apa, ya sob? heeee. apalagi kalau iklannya adalah dari Google adsense, sangat menarik dan relevan sekali karena iklannya menyesuaikan dengan artikelnya.

Ok, jika sobat tertarik ingin memasangnya, silahkan ikutu tutorialnya dengan benar.

Pertama, Login ke blogspot sobat,

Kedua, Buka Template => Edit HTML

Ketiga, Lalu cari kode berikut ini (lebih mudah dengan ctrl+F) : <data:post.body/>

Keempat, Kalau sudah ketemu taruh kode berikut tepat di bawah kode di atas.
Biasanya kode di atas ada 2-3 kode,taruh pada kode yang paling terakhir.

    <!-- Iklan bawah post start -->

    &lt;!-- Iklan bawah post start --&gt;

    <table><tr><td>

    KODE IKlan 1 Letakan di sini

    </td><td>

    KODE IKlan 2 Letakan di sini

    </td></tr></table>

    &lt;!-- Iklan bawah post end --&gt;

CATATAN

Letakan kode iklan / banner sobat pada tulisan BIRU di atas untuk Iklan pertama, dan iklan ke-2 letakan di warna biru dibawah.

Kelima, Sebelum template/settingan disimpan, pastikan dulu kode iklan sobat di parse, Biasanya harus di parse terlebih dahulu. Parse DISINI

Keenam, Jika sudah, Silahkan klik Save Template.

Ketujuh, Silahkan di lihat hasilnya.

Addition ;

Untuk memasang iklan di bawah judul postingan samping kiri klik DISINI

Untuk memasang iklan di atas kotak komentar klik DISINI

Untuk memasang iklan ditengah postingan klik DISINI

Terima kasih ^_^

{ Read More }

Blockqoute Untuk Source Code atau Syntax Highlighter di Blog

Syntax Highlighter pada umumnya hampir sama dengan blockquote, perbedaannya hanya terletak pada fasilitas view plain, print dan help. Ketiga fasilitas tersebut akan amat membantu bagi sobat yang sering menulis Source Code pada artikel di blognya. Jika sobat tertarik untuk memakai Syntax Highlighter pada blognya, ikuti tutorial di bawah ini.

1. Login ke blogger atau klik disini
2. Pilih Template >> Edit Html >> Lanjutkan
3. Centang Expand widget template
4. Copy script di bawah ini dan letakkan di atas code </head>

<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js  type=text/javascript></script>
<script  src=http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js  type=text/javascript></script>

5. Copy code CSS di bawah ini dan letakkan di atas code ]]></b:skin>

Show code CSS

.dp-highlighter
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}
/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}
.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}
.dp-highlighter .bar
{
padding-left: 45px;
}
.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}
.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}
.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}
.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}
.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}
.dp-highlighter .columns div
{
padding-bottom: 5px;
}
.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}
.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol
{
margin: 0px;
}
.dp-highlighter.collapsed ol li
{
display: none;
}
/* Additional modifications when in print-view */
.dp-highlighter.printing
{
border: none;
}
.dp-highlighter.printing .tools
{
display: none !important;
}
.dp-highlighter.printing li
{
display: list-item !important;
}
/* Styles for the tools */
.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}
.dp-highlighter.nogutter .tools
{
border-left: 0;
}
.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}
.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}
.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}
/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }
/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

6. Copy script di bawah ini dan letakkan di atas code </body>

<!-- Add-in Script for syntax highlighting  -->
<script language=javascript>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll(code);
</script>

7. Pilih Simpan/save.

Catatan:

• Untuk pemasangan Script code JavaScript gunakanlah code berikut ini.

<pre name="code" class="JScript">
SIMPAN SCRIPT YANG AKAN DIPASANG DISINI
</pre>

• Untuk pemasangan Script code CSS gunakanlah code berikut ini.

<pre name="code" class="Css">
SIMPAN CSS YANG AKAN DIPASANG DISINI
</pre>

{ Read More }