Membuat Tulisan di Postingan Tampil di Sidebar

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.
Membuat Tulisan di Postingan Tampil di Sidebar

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.
Membuat Tulisan di Postingan Tampil di Sidebar
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.
Niagahoster
Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
Mulai dari
Rp15K
/Bulan

IDCloudHost

View Details
  • Free SSL Certificate
  • LiteSpeed Enterprise dan Load Balancer
  • Unlimited Email
  • cPanel Control Panel
Visit Site
Tersedia Cloud VPS termurah, hanya Rp68 /jam
Free and premium blogger templates