Cara membuat tombol demo blog di sidebar atau samping kanan

Jika anda mengunjungi website yang mempublish download template gratis untuk blogspot macam Soratemplates, Templateism, ThemeXpose dan lain sebagainya, maka pasti anda mengerti maksud dari tulisan ini. Dari situs penyedia template itu anda bisa melihat, keterangan sebuah template serta tulisan “Download Free” atau “Buy This Theme” Nampak tertulis di sidebar. Belum mengerti juga? Coba perhatikan yang diberi kotak pada gambar di bawah ini.

Dari gambar tersebut terlihat dua tombol, tombol pertama memungkinkan pengunjung untuk melihat demo dari template yang dibagikan dan tombol lainnya untuk membeli template yang di bawahnya terdapat keteranga keunggulan membeli template tersebut.

Nah, dari penjelasan tersebut pasti sudah mengerti kemana arah dari postingan kali ini. Bagi yang mengembangkan website layanan download template gratis, cara ini sangat cocok diterapkan di website tersebut. Baik, langsung saja kita ke cara menerapkannya.

Membuat tulisan di postingan, tampil di sidebar blog

1. Kopi kode di bawah ini dan letakkan di atas kode </head>

<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function(){
$('a[name="details"]').before($('#Theme-details').html());
$('#Theme-details').html('');
});
/*]]>*/
    </script>

2. Cari kode untuk sidebar blog anda, misalnya <aside id='sidebar-wrapper' itemscope='' itemtype='http://schema.org/WPSideBar'> atau <div id=’sidebar-wrapper’> lalu letakkan kode di bawah ini di atas kode tadi.

<a name='details'/>
<div class='clear'/>

Untuk langkah nomor 2 ini, perhatikan peletakanya seperti pada gambar di bawah ini. Sesuaikan dengan kode di template anda, tidak perlu mengubah kode yang sudah ada, anda cukup menambahkan kode tadi. Kemudian simpan template.

Gambar untuk langkah no.2

3. Pada saat membuat postingan baru, klik HTML lalu tambahkan kode di bawah ini dan letakkan diantara kata atau kalimat yang ingin anda tampilkan di sidebar.

<div style="display: none;">
<div id="Theme-details">

/* Disini kata atau kalimat atau apa saja yang ingin ditampilkan di sidebar blog. */

<div style="clear: both;">
</div>
</div>

Jika sudah selesai, maka publishkan.
Sampai disitu cara membuat tulisan di postingan tiba-tiba muncul di sidebar blog. Semoga berguna.

Source : http://www.bungfrangki.com/