Kamis, 07 Maret 2013

Cara Membuat "Link To This Post Widget" Di Bawah Postingan

Link To This Post
Pada Artikel Kali ini Kita akan membahas tentang cara membuat "Link To This Post Widget" Di bawah setiap artikel Postingan blogger.Kotak "Link To This Post Widget" ini di peruntukan untuk para pengunjung blog untuk link back ke Postingan Blog anda.Jika postingan blog tersebut lebih informative pengunjung akan membagikan (share) link tersebut ke blog mereka atau forum.Widget ini akan meyediakan 3 link (Blog Post URL, HTML Link,Forum Link)yang terus berubah (Update) secara otomatis kapanpun artikel terbaru di poskan di blog anda ,widget ini akan berada di bawah setiap postingan blog anda.Dengan cara ini kita juga dapat menambah jumlah bacaklink ke blog kita.


Dan adapun Cara Membuat "Link To This Post Widget" Di Bawah Postingan adalah:

1 > Buka Blogger Dashboard > Template
2 > Klik Back Up/ Restore
3 > Click Pada Edit HTML
4 > Check Expand Widget Templates Check box
5 > Cari Kode di bawah ini dengan menggunakan Ctrl+F atau F3 untuk mmemudahkan pencarian.

<data:post.body/>

Atau

<div class='post-footer-line post-footer-line-1'/>

Atau

<div class='post-footer'>

6. Copy Kode di bawah ini dan pastekan di bawah salah satu kode di atas.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='color: #7AA1C3;font-weight: bold;'>Jika Anda Menyukai Artkel Seperti Di atas,Link back ke artikel ini dengan mengcopy salah satu kode di bawah ini</p>
<p style='color: #CF152A;font-weight: bold;'>URL Of Post:
</p><textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 99%;' title='Click to highlight'><data:post.url/></textarea><br/>
<p style='color: #CF152A;font-weight: bold;'>HTML Link Code:</p>
<textarea cols='60' id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 99%;' title='Click to highlight'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
<p style='color: #CF152A;font-weight: bold;'>BB (forum) link code:</p>
<textarea id='BB-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 99%;' title='Click to highlight'>[url=<data:post.url/>]<data:post.title/>[/url]</textarea>
</b:if>

7 > Simpan Templete Anda.

Selesai selamat mencoba........

Posted by: Bambang PageBambang PageUpdated at : 17.17


Jika Anda Menyukai Artkel Seperti Di atas,Link back ke artikel ini dengan mengcopy salah satu kode di bawah ini

URL untuk Postingan:


HTML Link Code:

BB (forum) link code:



6 komentar:

 

Copyright 2011 Bambang's Page is proudly powered by blogger.com | Design by Bambang's Page | Find us on Google+

Postingan Baru

Komentar Baru

Postingan Acak

  • Cara Membuat  Simple JQuery Image Slide Show dengan Semi Transparent Caption05/12/2009 - 3 Comment
  • Ukuran Image (gambar) Facebook Page Profile Timeline13/11/2012 - 1 Comment
  • Cara Mengganti Image Background Pada Youtube29/11/2010 - 9 Comment
  • Membagi Blogger Post Widget Menjadi Dua Kolom04/02/2013 - 3 Comment