Membuat Text Area Yang Indah di Blog

Cara Membuat Text area Bagus-Keren | Contoh Text area Cantik-Indah-Unik di Blog

 Sepertinya sobat blogger sudah tidak asing dengan yang namanya text area.Sederhananya text area adalah kotak area yang berfungsi untuk menyimpan teks, kode - kode html, link ataupun tulisan lain yang dapat mempersingkat spacehalaman dalam blog.

Untuk tampilan yang berbeda, blogger-blogger tetangga banyak yang memodifikasi sedemikian rupa sehingga text area terlihat menarik, indah, unik, bagus, keren dan cantik. Dan dibawah ini merupakan CONTOH 1

X-MATY ( LETAKAN TEKS DISINI )
CODE 1
<textarea cols="30" name="area" rows="2" style="-moz-border-radius: 10px; background: #FFFF00; border-left: 20px solid #4B0082; border: 1px solid #FF00FF; color: red; line-height: 1.5em; padding: 5px;"> X-MATY ( LETAKAN TEKS DISINI )

CONTOH 2
X-MATY ( LETAKAN TEKS DISINI )
CODE 2
X-<textarea cols="30" name="area" rows="2" style="background: #A9A9A9; border: 2px dotted #006400; color: darkmagenta; line-height: 1.5em; padding: 5px;">X-MATY ( LETAKAN TEKS DISINI )

CONTOH 3
X-MATY ( LETAKAN TEKS DISINI )
CODE 3
<textarea cols="30" name="area" rows="2" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: #7FFF00; border: 2px ridge #0000FF; color: black; line-height: 1.5em; padding: 5px;">X-MATY ( LETAKAN TEKS DISINI )
CONTOH 4
X-MATY ( LETAKAN TEKS DISINI )
CODE 4
<textarea cols="30" name="area" rows="2" style="background: #FOF8FF; border: 2px double #ffaf; color: darkgreen; line-height: 1.5em; padding: 5px;">X-MATY ( LETAKAN TEKS DISINI )
CONTOH 5
X-MATY ( LETAKAN TEKS DISINI )
CODE 5
<textarea cols="30" name="area" rows="2" style="background: #FF1493; border: 2px dashed #FFD700; color: lime; line-height: 1.5em; padding: 5px;">X-MATY ( LETAKAN TEKS DISINI )
CONTOH 6
X-MATY ( LETAKAN TEKS DISINI )
CODE 6
<textarea cols="30" name="area" rows="2" style="-moz-border-radius: 20px; background: #FF69B4; border-bottom: 5px solid #008000; border-left: 4px solid #0000CD; border-right: 4px solid #FFFF00; border-top: 4px solid #FF0000; color: black; line-height: 1.5em; padding: 5px;">X-MATY ( LETAKAN TEKS DISINI )
Haduh Lumayan Capek Juga Okeh Kalo gto sekian dolo lain kali aku sambung lagi karena sangat banyak macamnya teks area ini sob..
Tunggu Postingan berikutnya yh...

Membuat Komentar Dari Facebook Pada Blog

Sobat pasti sering melihat kotak komentar facebook pada suatu blog, sebenarnya cara membuat kotak komentar ini cukup mudah dan simple. BAnyak kelebihan yang bisa kita dapatkan jika kita memasang kotak komentar pada blog kita. Buat sobat yang ingin mencoba memasangnya pada blog sobat, silahkan lihat screenshot berikut ini.

Nah, bagi sobat yang ingin membuat kotak komentar facebook di blogspot ikuti tutorial berikut ini.

1. Log ini ke akun blogger sobat;
2. Pilih menu Rancangan » Edit HTML;
3. Beri tanda centang pada tulisan Expand Template Widget;
4. Carilah kode <data:post.body/>, jika sobat telah memasang kode readmore, maka letakkan kode berikut tepat dibawah kode <data:post.body/>, yang kedua;

<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'> <a href='http://x-maty.blogspot.com/2011/02/membuat-komentar-facebook-sederhana.html' target='new'><img border='0' height='200' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBxfxi-JSiUlGHTBSs0ovSV-3b1dM4R9w0iQsWn8kMh7IMtnil7f180RTEmt86oEMdivmUaW-jrk0uqM4vQ56B6dj3sb14Zix5X_Ft0BHpc69aGxcrHzxtKcYXWCovfAZRhs8NqFmHj10/s1600/comment.gif' width='200'/></a></p> <br /> <div id='fb-root'/> <br /> <script>window.fbAsyncInit = function() {<br /> FB.init({appId: '124630597583565', status: true, cookie: true,<br /> xfbml: true});<br /> };<br /> (function() {<br /> var e = document.createElement('script'); e.async = true;<br /> e.src = document.location.protocol +<br /> '//connect.facebook.net/en_US/all.js';<br /> e.async = true;<br /> document.getElementById('fb-root').appendChild(e);<br /> }());<br /> </script><br /> <fb:comments/><br /> </b:if&g

5. Selanjutnya simpan template sobat

Selamat mencoba, semoga berhasil. Jika tidak berhasil, ikuti

langkah dibawah ini.

Tampaknya banyak komentar yang saya terima bahwa sobat mengatakan banyak yang tidak berhasil membuat komentar ini, saya memasang komentar ini disemua blog saya dan ternyata berhasil, mungkin pengaruh dari setiap template yang berbeda, kali ini saya mau update tetang komentar facebook ini. Silahkan sobat lakukan lahkah berikut ini.

Langkah pertama sobat login ke account blogger sobat, kemudian lihat gambar dibawah ini

Jika sudah selesai, sobat cari kode <b:includable id='status-message'> kemudian sobat akan menemukan kode </b:includable> ini berada tepat diatas kode yang pertama tadi.

Kemudian kopas kode dibawah ini dan letakkan diatas kode </b:includable> tadi.
<b:if cond="data:blog.pageType == "item""> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' num_posts='3' width='500' colorscheme='dark'/> </b:if><br />

Peletakan kodenya akan terlihat seperti ini.

<b:if cond="data:blog.pageType == "item""> <div id='fb-root'/> <br /> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><br /> <fb:comments expr:href='data:post.url' num_posts='2' width='500'/><br /> </b:if><br /> </b:includable><br /> <b:includable id='status-message'>
TERAKIR SAVE TEMPLATE DAN LIHAT DI BAWAH POSTINGAN NYA SOB..!!