Yazı Altına Url - Html - Forum Linki Bağlantısı Verme

Uzun süredir paylaşım yapmıyorduk fakat güzel bir kaliteli eklentiyle karşınıza çıkıyoruz. Bu eklenti ise okuduğunuz konunun Bağlantı linkini, HTML kodunu ve Forum kodunu sizlere hazır veriyor. Anlatılacak pek birşey yok aslında, yapmanız gereken sitenize göre CSS ile oynayıp uyumlu hale getirmek örneğini bu konu altında da görebilirsiniz.

Demo :

<style type='text/css'>
.about-article{
background-color:#fff;
padding-bottom:5px;
padding-left:20px;
}
.about-article input{
background-color:#ffffff;
}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;Bu yazıyı paylasmak icin asağıdaki linkleri kullanabilirsiniz.&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;
&lt;/div&gt;
</b:if>

Tweet