Kamis, 17 Mei 2012

Cara Memasang Widget Embed Link di Bawah Postingan Blog

Cara Memasang Widget Embed Link di Bawah Postingan Blog - Kemarin saya telah posting cara membuat semua link terbuka di tab baru, dan sekarang saya akan membahas widget blogger yaitu Cara Memasang Embed Link di Bawah Postingan Blog. Widget ini biasanya diletakkan dibawah posting atau artikel kita, dengan demikian apabila pengunjung atau yang membaca artikel kita tertarik dan berminat dengan artikel yang telah dibaca, mereka dengan mudah bisa mendapatkan alamat atau URL artikel tersebut. Oke langsung saja, kita lihat langkah - langkahnya dibawah ini :

1. Login ke Blogger sobat.
2. Pilih menu Rancangan --> Edit HTML --> Centang Expand Template Widget
3. Lalu sobat cari kode </head> (klik Ctrl+f untuk mempermudah pencarian kodenya)
4. Letakkan kode berikut ini di atas kode </head>

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

Ket : ganti #f9f9f9 dengan kode warna nya, untuk kode warna sobat bisa lihat disini

5. Kemudian cari kode <data:post.body/> 
6. Letakkan kode dibawah ini tepat dibawah kode <data:post.body/> 


<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;<p>Silahkan sobat Copy Embed Link di bawah ini bila sobat  ingin memasangnya di sobat:</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:/tutorial-blogz.blogspot.com/' style='display:none;' target='_blank'>Widget by TutorialBlogz </a></p>
&lt;/div&gt;<br/>
</b:if>

Ket : ganti tulisan yang bercetak tebal dengan kata-kata kesukaan sobat :)

7. Terakhir sobat Klik Simpan Template. Dan liat Hasilnya !!
Powered by Blogger