Membuat Minimize dan Maximize Tombol Di Blogs

Belajar SEO dan Blog Bagi pemula
Membuat Minimize dan Maximize Tombol Di Blogs

Masih di Variasi Blogger share Membuat Minimize dan Maximize Tombol Di Blogs cekidot

Disini saya akan membuat tombol pada Check Blogs ADMIN yang berada pada sidebar blogs ini , bagaimana cara untuk memberi tombolnya ? Silahkan sobat ikuti langkah - langkahnya di bawah ini

Silahkan sobat cari nama yang akan diberi tombol di blogs sobat , dengan cara log in ke blogs sobat >> klik Rancangan >> Klik Edit html >> centang Expand Template Widget >> tekan Ctrl + F , silahkan paste nama yang akan diberi tombol misalnya saya akan memberi tombol pada Check Blogs ADMIN

nah disitu sobat akan menemukan script seperti di bawah ini

<b:widget id='HTML3' locked='false' title='Check Blogs ADMIN' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

Pada script diatas silahkan sobat ganti script pada bagian

<h2 class='title'><data:title/></h2>

dengan menjadi script di bawah ini

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd;
document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot;).style.display = &quot;inline&quot;" src="http://i28.tinypic.com/8xq3jb.png" style="float:right;margin-right:0px;cursor:hand;"/>');
document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot;).style.display = &quot;none&quot;" src="http://i26.tinypic.com/300bfis.png" style="float:right;margin-right:2px;cursor:hand;"/>');
/* ]]> */ </script><data:title/></h2>
<script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:inline;">'); /* ]]> */ </script>

jika sudah diganti scriptnya , silahkan sobat Copy paste script di bawah ini

<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>

Dan simpan sebelum kode script di bawah ini

</b:includable>

Untuk hasil jika semua sudah digabungkan akan menjadi seperti di bawah ini

<b:widget id='HTML3' locked='false' title='Check Blogs ADMIN' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd;
document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot;).style.display = &quot;inline&quot;" src="http://i28.tinypic.com/8xq3jb.png" style="float:right;margin-right:0px;cursor:hand;"/>');
document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot;).style.display = &quot;none&quot;" src="http://i26.tinypic.com/300bfis.png" style="float:right;margin-right:2px;cursor:hand;"/>');
/* ]]> */ </script><data:title/></h2>
<script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:inline;">'); /* ]]> */ </script>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>
</b:includable>
</b:widget>

kemudian Simpan dan Lihat Hasilnya , Semoga Bermanfaat


Share to

0 Response to "Membuat Minimize dan Maximize Tombol Di Blogs"

Poskan Komentar

Jika ada Tutorial Info Blog Indonesia ini, yang kurang dimengerti silahkan luangkan saja waktu anda untuk berkomentar, karena pertanyaan anda sangat berharga untuk perkembangan dan kemajuan blogs ini.

Soalnya diblogs ini adalah wadah untuk belajar mengenal webs/blogs, disini kita sama - sama belajar, seandainya anda adalah seorang pakar blogger profesional atau pakar seo indonesia bimbinglah saya, untuk menulis artikel berkualitas.

Oia sebelum menyisipkan script silahkan gunakan tools konversi terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.

Terimakasih.. salam kenal dan salam hangat untuk blogger indonesia, yang selalu setia di Info blog Indonesia variasi blogger.

¯\(◕ ‿◕)/¯



convert TOS

ADMIN Blog