Membuat Teks Area Cantik Di Blog

<span class="”fullpost”">Pada Trik Blogspot Sebelumnya Saya sudah Menjelaskan Bagaimana <a href="http://rizkyariff.blogspot.com/2011/12/cara-membuat-tombol-homeback-to-topdan.html" onmouseout="tooltip.hide()" onmouseover="tooltip.show('<div class=fs_atrbks>cara membuat Tombol home,back to top,dan bottom</div>')">cara membuat Tombol home,back to top,dan bottom</a>...dan pada trik blogspot kali ini saya akan menjelasakan tentang bagaimana <i><b>cara <a href="http://www.blogger.com/goog_1012679972" onmouseout="tooltip.hide()" onmouseover="tooltip.show('<div class=fs_atrbks>membuat Teks Area Yg cantik Buat Blog.</div>')">membuat Teks Area Yg cantik Buat Blog.</a></b></i><a href="http://rizkyariff.blogspot.com/2011/12/membuat-teks-area-cantik-di-blog.html" onmouseout="tooltip.hide()" onmouseover="tooltip.show('<div class=fs_atrbks><b>teks area</b></div>')"><b>teks area</b></a> sangat berguna untuk blog! karna dengan teks area kita dapat memodifikasi pesan/kata kata/atau juga berguna untuk menaruh kode html pada setiap posting artikel tentang blog.</span><br /> <span class="”fullpost”"><br /> dibawah ini sudah tersedia macam macam teks area for blog,Tinggal kalian pilih sesuai keinginan anda:</span><br /> <br /> <a href="http://www.blogger.com/post-edit.g?blogID=5341604986526092676&postID=2719091323270742719" name="more" onmouseout="tooltip.hide()" onmouseover="tooltip.show('<div class=fs_atrbks></div>')"></a><br /> <br /> <div> <form name="copy"> <div align="center"> <textarea cols="55" name="txt" rows="100" style="height: 80px; width: 200px;" wrap="VIRTUAL"><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Text atau kode yang ingin di masukan di kotak text area di sini

Pasang Emoticon di kotak komentar blog

<div style="text-align: justify;"> <span style="font-weight: bold;">Memasang emoticon/smiley diatas kotak komentar itu lebih memudahkan para komentator menunjukan perasaanya pada saat berkomentar. Untuk melihat Emoticon berikut gambar nya milik saya</span> :<br /> </div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfkf742j6dJjDR3JwIKn7GWyKmZzFiznuxvno-dB8xLnzFnnF6v3d9QpeOFjp9d_rwmTrmGViOndwquJfC2UgVa29caYAkLs1mDx_0pAbWZtZzmqemQjSmeMDzR5Qq-bIfex3J3Ft9Mna/s1600-h/indracomment.jpg" onmouseout="tooltip.hide()" onmouseover="tooltip.show('<div class=fs_atrbks><img alt="" id="BLOGGER_PHOTO_ID_5302877380088771266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfkf742j6dJjDR3JwIKn7GWyKmZzFiznuxvno-dB8xLnzFnnF6v3d9QpeOFjp9d_rwmTrmGViOndwquJfC2UgVa29caYAkLs1mDx_0pAbWZtZzmqemQjSmeMDzR5Qq-bIfex3J3Ft9Mna/s320/indracomment.jpg" style="cursor: pointer; height: 320px; width: 320px;" border="0"></div>')"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5302877380088771266" onmouseout="tooltip.hide()" onmouseover="tooltip.show('<img class=fs_atrplusImg src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfkf742j6dJjDR3JwIKn7GWyKmZzFiznuxvno-dB8xLnzFnnF6v3d9QpeOFjp9d_rwmTrmGViOndwquJfC2UgVa29caYAkLs1mDx_0pAbWZtZzmqemQjSmeMDzR5Qq-bIfex3J3Ft9Mna/s320/indracomment.jpg>')" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfkf742j6dJjDR3JwIKn7GWyKmZzFiznuxvno-dB8xLnzFnnF6v3d9QpeOFjp9d_rwmTrmGViOndwquJfC2UgVa29caYAkLs1mDx_0pAbWZtZzmqemQjSmeMDzR5Qq-bIfex3J3Ft9Mna/s320/indracomment.jpg" style="cursor: pointer; height: 320px; width: 320px;" /></a><br /> <div style="text-align: justify;"> <br /> <span style="font-weight: bold;">bagaimana? Lebih bagus bukan bila di kasih emoticon di atas kotak komentar ??</span><br /> <span style="font-weight: bold;">Eiits tapi sebelum memasang Emoticon diatas kotak komentar, pastikan dulu sudah menampilkan kotak komentarnya untuk lebih jalasnya baca disini, Nah jika belum berhasil juga atau tidak muncul emoticonya berarti memang harus ada perubahan pada code XML Template, Oke sekarang langsung beranjak aja ke tutorial kali ini…Berikut tutorialnya :</span><br /> </div> <br /> 1. Seperti bisa login terlebih dahulu ke<span style="font-weight: bold;"> </span><a href="http://blogger.com/" onmouseout="tooltip.hide()" onmouseover="tooltip.show('<div class=fs_atrbks>Blogger</div>')" style="font-weight: bold;">Blogger</a><br /> 2. Masuk ke<span style="font-weight: bold;"> Layout</span> ---> <span style="font-weight: bold;">Edit Html</span><br /> 3. Centang Kotak <span style="font-weight: bold;">Expand Template Widget</span><br /> 4. Copy/paste Script berwarna <span style="color: #3333ff; font-weight: bold;">Biru</span> dibawah dan letakanlah sebelum/di atas kode<span style="font-weight: bold;"> </span><span style="color: red; font-weight: bold;"></body></span> :<br /> <br /> <div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(255, 255, 204) none repeat scroll 0% 0%; border: 5px outset rgb(0, 0, 255); padding: 5px;"> <span style="color: #3333ff;"><script src='http://www.geocities.com/as.bl4ck_card/Emoticon.js'</span><br /> <span style="color: #3333ff;">type='text/javascript'/> </span><br /> <span style="color: red;"></body> :</span><br /> <span style="color: #333333;"></html></span></div> <br /> 5. Eiets jangan kemana-mana masih di <span style="font-weight: bold;">Edit Html</span> Lho !! Nah kemudian cari kode warna <span style="color: #3333ff; font-weight: bold;">Biru </span>berikut ini :<br /> <br /> <div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(255, 255, 204) none repeat scroll 0% 0%; border: 5px outset rgb(0, 0, 255); padding: 5px;"> <span style="color: #3333ff; font-weight: bold;"><p class='comment-footer'></span><br /> <span style="color: #333333;"><b:if cond='data:post.embedCommentForm'></span><br /> <span style="color: #333333;"><b:include data='post' name='comment-form'/></span><br /> <span style="color: #333333;"><b:else/></span><br /> <span style="color: #333333;"><b:if cond='data:post.allowComments'></span><br /> <span style="color: #333333;"><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></span><br /> <span style="color: #333333;"></b:if></span><br /> <span style="color: #333333;"></b:if></span><br /> <div style="color: #3333ff;"> <span style="font-weight: bold;"></p></span></div> </div> <br /> 6. Kalau sudah ketemu, sekarang copy/paste kode <span style="color: red; font-weight: bold;">Merah</span> dibawah ini dan letakan di bawah kode <span style="color: #3333ff; font-weight: bold;"><p class='comment-footer'></span><br /> <br /> <div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(255, 255, 204) none repeat scroll 0% 0%; border: 5px outset rgb(0, 0, 255); padding: 5px;"> <span style="color: red;"><b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> </span><br /> <span style="color: red;">:))</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> </span><br /> <span style="color: red;">:)]</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> </span><br /> <span style="color: red;">;))</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> </span><br /> <span style="color: red;">;;)</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> </span><br /> <span style="color: red;">:D</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> </span><br /> <span style="color: red;">;)</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> </span><br /> <span style="color: red;">:p</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> </span><br /> <span style="color: red;">:((</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> </span><br /> <span style="color: red;">:)</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> </span><br /> <span style="color: red;">:(</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> </span><br /> <span style="color: red;">:X</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> </span><br /> <span style="color: red;">=((</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> </span><br /> <span style="color: red;">:-o</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> </span><br /> <span style="color: red;">:-/</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> </span><br /> <span style="color: red;">:-*</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> </span><br /> <span style="color: red;">:|</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> </span><br /> <span style="color: red;">8-}</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> </span><br /> <span style="color: red;">~x(</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> </span><br /> <span style="color: red;">:-t</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> </span><br /> <span style="color: red;">b-(</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> </span><br /> <span style="color: red;">:-L</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> </span><br /> <span style="color: red;">x(</span><br /> <span style="color: red;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> </span><br /> <span style="color: red;">=))</b></span></div> <br /> <span style="font-weight: bold;">Catatan : </span><br /> Semua Template itu berbeda jadi jika trik ini tidak berhasil atau emoticon tersebut tidak tampil berarti anda harus merubah beberapa XML pada template anda…!! Trim…!!<br /> <br /> <span style="font-weight: bold;">Selamat mencoba…Semoga Berhasil !!</span><img alt="rindu" class="emoticon" onmouseout="tooltip.hide()" onmouseover="tooltip.show('<center><img class=fs_atrplusImg src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif><br><div class=fsatrplusDiv>rindu</div></center>')" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif" style="font-weight: bold;" />

Pasang Emoticon di kotak komentar blog

Memasang emoticon/smiley diatas kotak komentar itu lebih memudahkan para komentator menunjukan perasaanya pada saat berkomentar. Untuk meli...

Baca selengkapnya »