Cara Membuat Subscribe With space Advertise

Redi

Sabtu, 21 September 2013

Belum ada komentar

Cara Membuat Subscribe With space Advertise - halo sahabat blogger jumpa lagi dengan saya . sebetulnya saya bingung mau update tentang apa . tapi setelah blog walking di blog mas rivai akhirnya saya memutuskan untuk membuat widget Subscribe dengan kotak iklan di blog.  cara ini boleh dibilang tidak terlalu susah untuk para blogger pemula . Berikut screnshotnya sob.

Langsung saja berikut Cara Membuat Subscribe With space Advertise di Blog :

1. Seperti biasa masuk Dasbor terlebih dahulu
2. Pilih menu Template => Klik EditHtml
3. Kemudian Cari kode ]]></b:skin> dan letakan kode dibawah ini tepat diatas kode tersebut

/***************************************** Name :Widget Email subscribe with Advertise By : Ahmad Suyadi dan Rivai Silaban | Blog Design Update : Sabtu, 21 September 2013 ******************************************/ #bdrs-subscribe { width:590px; /* LEBAR WIDGET */ min-height:60px; border-radius: 5px; box-shadow: 0px 0px 5px #BBB; background: none repeat scroll 0 0 transparent; border: 1px solid #c4c4c4; padding: 8px; margin:10px 0; } #bdrs-subscribe td{ padding:3px 0; } ul.vay-social { margin:0px 0 5px -20px; display:inline-block; list-style-type: disc; margin-top: -20px; } ul.vay-social li { display:inline; float:left; } ul.vay-social li a { display:block; height:48px; margin-right:10px; position:relative; text-decoration:none; } #bdrs-subscribe #vay-skin:hover li { opacity:0.1; } #bdrs-subscribe #vay-skin li:hover { opacity:1; } #bdrs-subscribe #vay-skin li:hover a strong { opacity:1; top:-5px; } #bdrs-subscribe .bdrs-sub{ width:270px; padding:10px 0 0 15px; float:left; font-family: "Trebuchet MS",sans-serif; font-size:1.2em; font-weight:bold; margin:0 0 0px 0; color:#111; } #bdrs-subscribe .bdrs-form { padding:7px 15px 7px 5px; color:#666; font-weight:bold; text-decoration:none; border:1px solid #D3D3D3; border-radius: 4px; box-shadow: 0 0 2px #CCC inset; background-color: #E6FFFF; } #bdrs-subscribe .bdrs-submit { color:#666; font-weight:bold; text-decoration:none; padding:6px 15px; border:1px solid #c4c4c4; cursor: pointer; border-radius: 4px; background-color: #00FFFF; }/* CSS code End */

4 .Simpan template ( langkah pertama sudah selesai yaitu memasang cssnya )

5. Sekarang sobat tinggal pasang kode HTML dibawah ini

6. Oh ya , sebelumnya sobat cari kode <data:post.body/>  Biasanya kode ini ada banyak sobat Pilih yang terakhir saja ( tekan Ctrl+F untuk mempercepat )

7. letakan kode dibawah ini tepat di atas kode tadi.

<!-- Rivai Silaban | BLOG DESIGN CODE SUBSCRIBE start -->
<div id='bdrs-subscribe'>
<table width='100%' >
<tbody>
<tr>
<td height='100' style="float:left; margin-top:1px" width='340'>
<p style='color:#111; font-size: 11px;font-family: &quot;Trebuchet MS&quot;,sans-serif; margin:0px 0px 5px 0px; '>
Judul :<span style="color:#990000"> <a expr:href='data:post.url'>
<data:post.title/>
</a> </span> </p>
<div class='bdrs-sub'>
Subscribe this Artikel
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ID FEDDBURNER ANDA &apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='ID FEDDBURNER ANDA'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='bdrs-form' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}' onfocus='if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email…'/>
<input alt='' class='bdrs-submit' title='' type='submit' value='KIRIM'/>
</form>
</div> </td>
<td ><img alt="advertiser" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoUmOit2e3dlMPWtJ_27QTYgt5KcvailQoVM2mJAw43WRFrlYlKnuEQYLxY4-sxKCgab16bjwIRgMbnRTdTodURkB1Rg6QK9LAq58IPlDi4UX5kmndpotCSkMBsLN2CaGOCXCPHwh_Wvk/s1600/advertiser.gif" title="advertiser"/></td>
<td><img alt="advertiser" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoUmOit2e3dlMPWtJ_27QTYgt5KcvailQoVM2mJAw43WRFrlYlKnuEQYLxY4-sxKCgab16bjwIRgMbnRTdTodURkB1Rg6QK9LAq58IPlDi4UX5kmndpotCSkMBsLN2CaGOCXCPHwh_Wvk/s1600/advertiser.gif" title="advertiser"/></td>
</tr>
</tbody>
</table>
<div align='left'>
<ul class="vay-social" id="vay-skin">
<li>
<a href="LINK FACEBOOK " target="_blank" ><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXhlG7iR8cY6tzzJf932T29v5A0MFPMuwfAA5MsNTRl4QSja9I-Q2BIAPMhRxgCcA-DsZVCS5uk_1nAWn8WIgBk5Pk26607EFkbmspOqNt5tuNDLQjkhqpXoiHBqfqGPCK85wAcmKCW4A/s1600/fbk.png" width="100" height="28" title='Like Facebook'/></a>
</li>
<li>
<a href="LINK GPLUS " rel="nofollow" target="_blank" ><img alt='gplus' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9j5YElcb3Po0La9XBNg5oODsucnveDWis2e95gWpSKdwTvgQoFA6f-RwqWtdM_-bAJpT63Ch22KYGVO2dlHMTYW_PuB_uIQ82JLdtVpHXHyH7tYmgTUQVyueZTZotEjX_9PK_V5PlnxM/s1600/GP.png" width="100" height="28" title='invite google plus'/></a>
</li>
<li>
<a href="LINK TWITTER " rel="nofollow" target="_blank" ><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDDbIY5Od2Ff1Bv_CAJIR_T4cV1U0B-93TLg2X_vjd4xSxUZ-AywoFls8MlouZItd0__mqWItbC5To3Lvdg4jXbLC1ndLSWAweuzav8DO-T-EtumFL_YdONv3saMDjgxRzHkWA7f51xLg/s1600/twk.png" width="100" height="28" title='Follow twitter'/></a>
</li></ul> <div style=" margin-top:-25px;">Terimakasih atas kunjungannya , salam bloger buat para teman teman bloger mania semoga artikel yang ada pada postingan halaman blog ini dapat bermanfaat buat teman teman bloger.</div>
</div>
</div>
<!-- Rivai Silaban | BLOG DESIGN CODE SUBSCRIBE end -->

Keterangan : Sobat tinggal hanya mengubah link-link nya seperti Id Feedbunner dll.

dengan link anda sendiri

Maaf saya tidak menjelaskan dengan detail . karena badan saya kurang penak . demikian dulu Cara Membuat Subscribe With space Advertise . semoga artikel in bermanfaat bagi sobat .

** SELAMAT MENCOBA **