cara memasang tombol share di bawah artikel cara memasang tombol share di bawah artikel - mizipediacom mizipediacom: cara memasang tombol share di bawah artikel

KATEGORI










LIVE TV

Iklan Semua Halaman

cara memasang tombol share di bawah artikel

Minggu, 01 Oktober 2017



cara memasang tombol share di bawah artikel


Di malam ini saya akan share kembali cara memasang tombol share di bawah artikel. Tombol share ini fungsi nya sangat lah penting sekali bagi artikel/website kita agar mudah di kenal oleh orang lain jika ada pembaca yang ingin membagi artikel atau sharing ke media sosial seperti Facebook, Twitter dan lainnya ini sangatlah diperlukan untuk memasang tombol share dalam blog maupun website milik kita. 

Terkdang banyak dari pembaca yang suka men-sharing apa yang mereka baca pada artikel blog kita jika postingan blog anda bagus, secara otomatis hal ini akan membuat blog kita akan semakin dikenal banyak  oleh orang melalui artikel yang mereka share tersebut.

Artikel/Postingan milik kita yang di sharing ke sebuah media sosial FacebookTwitterLinkedIn dan lainnya tentu akan berdampak positif bagi traffic blog anda dan secara tidak langsung, bahkan bukan tidak mungkin akan menaikkan jumlah pengunjung pada blog Anda setiap harinya.

Nah Jika anda ingin melihat contoh tombol share nya bisa anda scrool kebawah postingan ini ya.

Memasang tombol share di bawah artikel

  1. Pertama , pastikan sobat udah masuk di dasbhor anda sendiri DISINI
  2. Masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
  3. Temukan kode <data:post.body/> pada kode template anda
  4. Selanjutnya anda bisa copas kode di bawah ini
    <b:if cond='data:blog.pageType == "item"'><br/>
    <script type='text/javascript'>var switchTo5x=false;</script>
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({publisher: "ur-f47fa722-7a63-345d-ca8b-f9aadea89ef4", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
    <div class='shr-btn'>
    Share This Article<br/>
    <center>
    <span class='st_facebook_hcount' displayText='Facebook'/>
    <span class='st_twitter_hcount' displayText='Tweet'/>
    <span class='st_linkedin_hcount' displayText='LinkedIn'/>
    <span class='st_googleplus_hcount' displayText='Google +'/>
    <span class='st_pinterest_hcount' displayText='Pinterest'/>
      <span class='st_sharethis_hcount' displayText='ShareThis'/></center>
    </div>
    <br/><br/><style>
    .shr-btn{
      text-align:center;
      font-size: 30px;
    font-family: Georgia,serif;
    font-style: italic;color:#6D0000;
      border-top:1px solid ;
      padding:10px;
      border-bottom:1px solid;margin-left: -52px;
    margin-right: -65px;
    }
          </style>
    </b:if>
  5. Jika sudah anda bisa letakan kode di atas di bawah kode <data:post.body/>
  6. Kemudian anda bisa klik Save template dan lihat hasilnya, Taraaaa...berhasil akhirnya..
Ini biasanya terdapat lebih dari satu kode <data:post.body/> pada template blog. Anda dapat mencobanya pada kode <data:post.body/> yang pertama atau pada kode yang kedua. Sampai berhasil.
Bagaimana mudah sekali bukan untuk membuatnya, mungkin yang baru belajar tentang kode Html sudah bisa menerapkan langkah-langkah di atas, nah jika anda masih kurang jelas juga untuk cara penerapannya, biar saya jewer kuping anda. biar mudah mengerti..hehe (canda).

Mungkin sampai disini dulu penjelasan singkat saya pada malam ini, semoga bisa bermanfaat untuk anda. dan selamat mencoba ya rekan blogger. thanks.
Lihat Juga