Cara membuat "Embed ULR, HTML, Link Forum" dibawah posting.

Pada Tutorial kali ini, saya akan berbagi widget yang saya dapat dari blogger tip and trick. Yaitu bagaimana cara membuat widget yang memudahkan pengunjung blog anda untuk mendapatkan ULR yang dapat menghubungkan kembali ke artikel Anda / posting anda yang ada di blog.

Widget ini biasanya diletakkan dibawah posting atau artikel kita, dengan demikian apabila pengunjung atau pembaca tertarik atau berminat dengan artikel yang telah dibaca, mereka dengan mudah bisa mendapatkan alamat atau ULR artikel tersebut. Anda bisa lihat bentuk widgetnya di bawah artikel ini.

Pada widget ini terdapa tiga 3 macam bentuk kode :

- URL dan kode HTML (yaitu untuk menempatkan link ke sebuah situs web, dan link tersebut merujuk pada ULR posting Anda.)

- Link Forum (yaitu digunakan untuk menanamkan posting Anda ke sebuah forum.)

Bila anda ingin memasang widget seperti ini pada blog anda, silahkan anda ikuti langkah-langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.






4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Cari kode yang mirip dengan kode ini : </head>

6. Taruh kode dibawah ini sebelum 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>

7. Kemudian anda cari lagi kode : <data:post.body/>
8. Taruh kode dibawah ini setelah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;<p>Bila anda merasa artikel diatas bagus dan bermanfaat, anda bisa gunakan URL atau HTML dibawah ini. Silahkan anda dipasang dihalaman web atau blog anda untuk menuju kehalaman 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.bloggertipandtrick.net/' style='display:none;' target='_blank'>Widget by BloggerTipAndTrick</a></p>
&lt;/div&gt;<br/>
</b:if>

Catatan : Sebaiknya tidak merubah kode diatas, agar widget bisa bekerja dengan baik.
9. Simpan Template


Dan sekarang anda lihat hasilnya akan seperti yang ada dibawah artikel ini.

Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.

buat blog

Saat ini memiliki sebuah blog bukan merupakan hal baru, dan hampir semua orang yang menggunakan internet sudah memiliki blog. Baik membuat blog dilayanan yang gratis seperti di blogger.com, wordpress.com, blogsome.com, dan layanan blog gratis lainnya maupun dengan menginstall blog yang ada pada web atau domain dan hostingnya sendiri.

Anda yang saat ini belum memiliki blog, sudah saatnya Anda memiliki dan membuat sebuah blog, baik blog yang hanya dipergunakan sebagai website pribadi sampai membuat blog sebagai website bisnis.


Dan untuk membuat blog pada layanan yang gratis, pilihan terbaik adalah dengan membuat blog di blogger.com sedangkan bila membuat blog dengan domain dan hosting sendiri, Anda bisa menggunakan software blog wordpress.

Kelebihan membuat blog dengan blogger.com :


Blogger.com  milik Paman Google

Blog dengan Blogger.com lebih cepat terindek oleh search engine Google.com. bisa mendatangkan traffic (kunjungan)  yang bagus.

Blog dengan Blogger.com lebih banyak menempati posisi lebih tinggi dibandingkan dengan   posisi sebuah website biasa dengan domain dan   hosting sendiri.

Kekurangannya bila Anda membuat blog dengan blogger.com, Anda akan mendapatkan alamat website yang panjang  yaitu http://buatblog-mudah.co.cc. Tapi anda tidak perlu khawatir, banyak trik dan tip yang bisa mengatasi masalah tersebut. Silahkan anda lihat alamat Ulr blog ini : http://www.buatblog-mudah.co.cc/...... Kerren kaan.......!!!

Setelah anda selesai membuat blog nanti, anda juga bisa ikut merubah alamat blog anda seperti blog ini dengan CO.CC. Dengan demikian nama dan alamat Ulr blog anda akan terlihat  lebih pendek dan kerren tentunya. Untuk mengganti blogspot.com menjadi co.cc, anda bisa lihat panduan saya yang lain di menu "Ubah blogspot.com ke co.cc"mengenai co.cc...OK...!!!!

Sekarang kembali kepokok masalah..... 

Ada Tiga langkah untuk membuat Blog :

1.Membuat Akun Google

2. Beri Nama Blog Anda

3 Pilih Template Awal dan Mulai Blogging

Baca selengkapnya tiga langkah buat blog gratis...