Menaruh Tabel Link Forum, URL, Link HTML di bawah Postingan Blog

Mengawali pagi yang cerah ini, saya akan membagikan salah widget yang menurut saya harus ada di blog kamu jika kamu tidak memasang widget social bookmark. Kenapa ? karena dengan menggunakan widget ini, pengunjung blog kamu secara tidak langsung dapat membagikan link postingan yang ada diblog kamu. Dan secara tidak langsung hal ini juga berpengaruh terhadap nilai dari SEO blog kamu, semakin banyak pegunjung yang membagikan link blog kamu melalui media-media sosial seperti facebook, twitter, helloo dan lain sebaginya, maka akan berdampak signifikan terhadap blog/web kamu. Langsung saja caranya bisa kamu lihat di bawah ini :

1. Masuk Akun blogger kamu.

2. Pada pojok kana, klik tombol "Cadangkan/Pulihkan" untuk backup template kamu.

3. Klik Template --> Edit HTML --> Klik Expand Template Widget --> Cari kode </head>.

4. Salin kode di bawah ini dan letakkan di sebelum/ di atas kode </head>.

<style type='text/css'>
.about-article{
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:10px;
font-size:25px;
}
.about-article input{
background-color:#ffffff;
}
</style>

NB :  font-size:25px; adalah ukuran dari hurufnya.
         background-color:#f9f9f9; adalah warna background linknya.

5. Cari kode <data:post.body/> dan salin kode di bawah ini kemudian kamu letakkan kode di bawah ini sesudah kode <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;<p>Bagikan Postingan Sesukamu Dengan Copy Paste URL di bawah ini</p>&lt;p class=&quot;noborder&quot;&gt;&lt;label for=&quot;aa-url&quot;&gt;URL:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;label for=&quot;aa-forum&quot;&gt;HTML Link:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;&lt;/p&gt;&lt;p&gt;
&lt;label for=&quot;aa-forum&quot;&gt;Forum Link:&lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]/<data:post.title/>[/url]&quot; /&gt;&lt;/p&gt;
<p align='center'><a href='http://www.hzndi.blogspot.comt/' style='display:none;' target='_blank'>Widget by BloggerTipAndTrick</a></p>
&lt;/div&gt;<br/>
</b:if>

NB : Ganti tulisan berwarna biru sesuka kamu

6. Simpan Template dan lihat hasilnya

Postingan Terkait:

Posted in: Blogger,Widget