Selasa, 19 November 2013

Cara Memasang Embed Link di bawah Postingan Blog

Sebelum saya membahas tentang bagaimana cara memasang embed link di bawah postingan akan lebih baik kita bahas dulu apa itu embed. Embed merupakan suatu fitur atau fasilitas link yang diberikan oleh suatu situs atau halaman kepada pemilik agar pemilik ataupun pengunjung lebih mudah dalam menyalin link situs tersebut. Istilah anak muda sekarang tinggal copas alias copy paste hehehe.

clip_image001

Gambar : hasil Cara Memasang Embed Link di bawah Postingan Blog

Pada kesempatan ini, ada 3 embed link yang saya pasang pada kode scrip berikut yaitu:

1. Embed URL
Untuk memudahkan pengunjung menyalin link yang sedang dilihat saat ini.

2. Embed HTML Link
Embed HTML Link ini hampir sama dengan Anchor teks, sehingga pengunjung tidak susah-susah membuat anchor teks atau backlink ketika dia menggunakan halaman anda sebagai sumber tulisan.

3. Embed Forum Link
Yaitu ketika pengunjung ingin mengambil link halaman sobat dan menempatkan di sebuah forum. Kesemuanya itu akan diarahkan ke link halaman blog sobat.

Apakah sobat tertarik ingin Memasang Embed Link di bawah Postingan Blog? Ikuti langkah di bawah ini

1.Login ke blogger atau klik disini
2. Pilih Template >> Edit Html >> Lanjutkan
3. Jangan lupa Centang Expand Template Widget
4. Carilah kode </head> (gunakan Ctrl + F untuk memudahkan pencarian.
5. Setelah ketemu kode tersebut, copylah kode scrip di bawah ini dan pastekan tepat diataskode
</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>

6. Setelah sobat menempatkan code script di atas, lalu carilah code <data:post.body/>
7. Lalu copy code script di bawah ini dan tempatkanlah (paste) tepat di bawah code
<data:post.body/>

<b:if cond=data:blog.pageType == &quot;item&quot;>
&lt;div class=&quot;about-article&quot;&gt;<p>Silahkan salin/pasang embed link di bawah ini bila Anda  ingin memasangnya di situs yang Anda inginkan:</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://kumpulan-adsen.blogspot.com/ style=display:none;target=_blank>Widget by Bloggers </a></p>
&lt;/div&gt;<br/>
</b:if>

8. Setelah selesai, simpan template sobat dan lihat hasilnya.

Selamat mencoba, Happy Blogging Open-mouthed smile


Tidak ada komentar:

Posting Komentar