HTML Notlarım

Blogger sitenize profesyonel siteler gibi sayfa altına hızlı paylaş linki eklentisi paylaşacağım. Eminim ki bu eklenti de epey işinize yarayacaktır. Okuyucularunız sizin yazılarınızı bir ortamda paylaşacakları zaman bu linkler epey işlerini kolyalaştıracaktır. Kodları sitenize eklemeniz gayet basittir.

* Bunu yapabilmek için Blogger kontrol panelinden Tema kısmına gelin,
* HTML'yi Düzenle butonuna tıklayıp sitenizin CSS kodlarının olduğu sayfaya gelin,
* Burada aradığımız kodları bulabilmek için CTRL+F yaparak bir arama kutusu açın,
* Bu arama kutusu içine ( <data:post.body/> ) kodunu yapıştırıp enter tuşuna basın,
* Bu koddan siteniz şablonunda iki adet olabilir, siz ilk bulunan kodun altına aşağıda verdiğim kodları ekleyip kaydet deyin ve sitenizde bir sayfa açıp, kodun işleyip işlemediğini test edin. Kolay gelsin...

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='color: #32A0EE;font-weight: bold;'>Hızlı Link Paylaş Menüsü </p>
URL:
<textarea id="url" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Linki Kopyalamak İçin Tıklayın"><data:post.url/></textarea>
HTML link code:
<textarea id="HTML-code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Linki Kopyalamak İçin Tıklayın">&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
BB link code:
<textarea id="BB-code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Linki Kopyalamak İçin Tıklayın">[url=<data:post.url/>]<data:post.title/>[/url]</textarea>
<span style="color:#333; font-size:10px;float:right;"></span>
</b:if>