Tampilkan postingan dengan label Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Blogging. Tampilkan semua postingan

memasang shoutmix /chating di blog

Komentar merupakan hal yang penting dalam ngeblog, selain berguna sebagai kritik dan saran kepada empunya blog, komentar juga berfungsi sebagai rating blog kita, semakin banyak yang komentar berarti semakin banyak pula yang memperhatikan blog kita,

Ada beberapa tipikal pengujung blog, ada yang sekedar melihat informasi, ada pula yang inggin berkomunikasi kepada si empunya blog, nah kalo yang tipikal kedua kita harus menyediakan kolom/tempat bagi pengunjung agar dia dapat menulis komentar secara lues, salah satunya yaitu shoutmix, shotmix merupakan salah satu aplikasi di blog yang berfungsi untuk tempat menulis komentar secara lebih cepat, seperti fasilitas chatting,

Nah caranya sebagai berikut :

1. login ke web http://www.shoutmix.com/main/

2. klik create shoutbox

3. kemudian sign in ke shoutmix, kemudian continoue

4. atur style shotmix, klik stye and color, seperti warna font dll


5. Atur di task general untuk background dan warna teks kemudian klik save setting


6. kemudian copy embed codes, code ini merupakan kode html dari shotmix yang telah kita buat

7. shoutmix kita telah tercipta dan sekarang kita login ke dalam blog kita


8. klik menu design

9. pilih Add a Gadget


10. pilih html/javascript


11. kemudian paste kode tadi seperti berikut, berikan judul/title seperti coment disini/ tinggalin komentar, klik save


12. klik F5 pada halaman blog untuk melihat hasil, seperti dibawah ini

13. kita dapat mengatur panjang shoutmix seperti berikut :


selamat mencoba ..................^___________________^

About Search Engine Optimization for Blogs – SEO


Search engine optimization (SEO) is the process of improving the visibility of a website or a web page in search engines via the "natural" or un-paid ("organic" or "algorithmic") search results. Other forms of search engine marketing (SEM) target paid listings. In general, the earlier (or higher on the page), and more frequently a site appears in the search results list, the more visitors it will receive from the search engine's users. SEO may target different kinds of search, including image search, local search, video search, academic search, news search and industry-specific vertical search engines. This gives a website web presence.

As an Internet marketing strategy, SEO considers how search engines work, what people search for, the actual search terms typed into search engines and which search engines are preferred by their targeted audience. Optimizing a website may involve editing its content and HTML and associated coding to both increase its relevance to specific keywords and to remove barriers to the indexing activities of search engines. Promoting a site to increase the number of backlinks, or inbound links, is another SEO tactic.

Search Engine Optimization is something that makes many blogger’s heads spin – I know this because every time I write an SEO article I get comments from bloggers telling me that its too big a topic and that they’d rather just write ‘quality content’.
Whilst I’ll never argue that quality content should be anything but a first priority in blogging, the fact is that there are many millions of pages of great writing languishing around at the bottom of search engines results pages that deserve to be read by many but which rarely see the light of day because their authors have failed to understand that just a few simple tweaks in the writing process could see them ranking considerably higher.

Google Translate Widget For Blogger

 Sesuai dengan namanya. Widget ini berfungsi untuk menerjemahkan bahasa yang satu ke bahasa yang lain. Dengan memasang widget ini, maka pengunjung yang berasal dari negara lain juga bisa menikmati konten diblog anda. Selain itu, anda juga bisa memanfaatkan widget ini untuk belajar bahasa asing lho. Menarikkan?

Sebenarnya google translate ini sudah pernah saya bahas pada beberapa waktu yang lalu. Namun karena widget ini sudah mengalami perubahan yaitu menggunakan icon-icon bendera sehingga tampilannya menjadi lebih menarik.

Contohnya seperti ini yang dibuat oleh mad tomatoe








dan ini yang dibuat oleh kang rohman



Oleh sebab itu, pada postingan ini saya ingin membahas kembali dengan menyajikan widget buatan saya sendiri. Seperti yang dibawah ini








Widget ini saya buat dengan mengganti icon bendera yang berbentuk seperti pin dan diberi sedikit efek shadow sehingga hasilnya menjadi seperti diatas. Semoga tidak terlalu mengecewakan. sengihnampakgigi

Bagi anda yang tertarik, silahkan copy kode dibawah ini.

Untuk Google Translate 2 baris. Gunakan kode dibawah ini:









<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>

<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoqa0GjQnw8OBqdMJgBsxe0xvaYvJKWtuxVffkoiJztas05TGDHVqTExosisWcqAD_CR6AHglKdVsLfYWh0wLX_y78UCnBQS5L3gEUyk40LiwyBSJAAJAsHXtH_si7kz0vQzcqE3N1mcBK/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRm4zhVqE2hw7LjJWD5gJTSlR7RjHm5cXCv_sZGFQYcRZFu4AeEFenc9Sebq8HdSqEYcSEq208VjKWSRUx2FKOEmlYpz_8ENs_9F5hNwFpsKfchyyvEP8_a1WgsXE2v4_5beqAwNehMTae/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2t5Sxj42zCmZqWigq_5R88U2hxhxwAkSObn_n1vM0JZGNwJ09v05_n1vfCUCGdkwbTFC2_jgMNtsA-U3jV3Br_4N2BSs2BF3qAdK5S4_Ls76NV-xO9XJpiE-69CSFCRkO3629hkX1mIhs/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpp8AyRmVdQsKMkzDQsS6qqF5NoV3DXRe6AMpFFIelQ2Pafj1rXaIGaS3V1qShr67q8sdrxZ1j6iwxXDKafnGkJXFDtawKGGf1t8NRysuQ1xp_u-_vfjg2j6DhohYiMJ-Ewsh5SKGpr3a/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAclcqduUlf0fmJjQyOXjOKUgH8iBMkVQNWuOOel_Ntat2XVoT84cJ8FsT481FfyS0yoZViYU5-XRMV5pNriiLm4wKSpsV8Zb5qiS98E2cfk4RL-4gQxcNp9HaCP4DVuQoFoCWTkqucAB5/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYnA_JMuo5ENjZnmhsmG7y_YuQhxnUGJxscOk8uRpQ4FV5eWZWdgWuIsgLKywek4TptsNrEuTI2vFC1zCnmRhSH24VjTrLuig6zs_vmZ99SnBZDMQBWeqS9eTAF1vi5KKyxXAh7gxgkARK/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdHGpktZ7Ntc4fX0B_xCEKrbNJHA_t67imQTS28GspLjBrTw1djcbfncMwCj9DWfA-nFk5_2HnaVUDs_PzcQpOpShc8G391uHs5FmU7rmJccQxAmPgSn01gX0CxYPB-JACvC28iNhgsnqX/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQM4Ks2czKi7yOH5Pzqet7zXoQ9BXeDlNqR_o38oUmK3iyrNsqoYF7l3P-q3XekTf2qtpmAH6xaRQ1OwLttWATWWuezj9zFTLAVOUfa6InYbAEdI3nSf4SNAkZs6w1uUDyNcdezyuWsppy/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKCYCJz0bpdFcOseHygNV7nPm0BxEiVXSa0Ef2FxbNmBd5Y_-hvoUB0SqkoxHcsH1myjUDY6cOcfMZ_ShF3_B2yiazYFUiJX3Ek0USKYc0WQxzitCw0zW0EfvnDXhy1eNmi6OZE-c3XBRg/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHqm_pMYKTedWQmnSqH_2_34H75fkGzjwU1ceTMKOYsBcy6oXJy_CKrYOjx_0x6OH4JndiCHSGnY8XBSoNIt1oHFSB-FfLgkbgARgWxDvXYxmzG_1jAALYkOJHXfv3dPamPolGHXd2XYmh/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8XPm59yC4RzAvBj9TiVp3pMKZIojnicUdCmD7c_LUa2TrzJtitGfp4ip_qb-Kl8o7HQ4mtjsDDpwIvLeOYSNLzlac2iRWtQ4N-SI-qYs3bgT5oedz-h4coBRUg-c9WXKZWjnTKutMOjuW/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb6UCWtUdFKalo-rqH6HqBbokkkysFhEu8cwFOvwAxfH73mvbieNkxDRI3znBIID-Tv0-lw2CvL3a2OX-CPLj35SeZp4jn6yZqoNQioSvja4sjpaHe3EQDTNJPAa0xL_12jqJhNofoyO6j/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>


Untuk Google Translate 3 baris. Gunakan kode dibawah ini:

google translate widget









<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>

<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoqa0GjQnw8OBqdMJgBsxe0xvaYvJKWtuxVffkoiJztas05TGDHVqTExosisWcqAD_CR6AHglKdVsLfYWh0wLX_y78UCnBQS5L3gEUyk40LiwyBSJAAJAsHXtH_si7kz0vQzcqE3N1mcBK/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRm4zhVqE2hw7LjJWD5gJTSlR7RjHm5cXCv_sZGFQYcRZFu4AeEFenc9Sebq8HdSqEYcSEq208VjKWSRUx2FKOEmlYpz_8ENs_9F5hNwFpsKfchyyvEP8_a1WgsXE2v4_5beqAwNehMTae/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2t5Sxj42zCmZqWigq_5R88U2hxhxwAkSObn_n1vM0JZGNwJ09v05_n1vfCUCGdkwbTFC2_jgMNtsA-U3jV3Br_4N2BSs2BF3qAdK5S4_Ls76NV-xO9XJpiE-69CSFCRkO3629hkX1mIhs/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpp8AyRmVdQsKMkzDQsS6qqF5NoV3DXRe6AMpFFIelQ2Pafj1rXaIGaS3V1qShr67q8sdrxZ1j6iwxXDKafnGkJXFDtawKGGf1t8NRysuQ1xp_u-_vfjg2j6DhohYiMJ-Ewsh5SKGpr3a/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAclcqduUlf0fmJjQyOXjOKUgH8iBMkVQNWuOOel_Ntat2XVoT84cJ8FsT481FfyS0yoZViYU5-XRMV5pNriiLm4wKSpsV8Zb5qiS98E2cfk4RL-4gQxcNp9HaCP4DVuQoFoCWTkqucAB5/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYnA_JMuo5ENjZnmhsmG7y_YuQhxnUGJxscOk8uRpQ4FV5eWZWdgWuIsgLKywek4TptsNrEuTI2vFC1zCnmRhSH24VjTrLuig6zs_vmZ99SnBZDMQBWeqS9eTAF1vi5KKyxXAh7gxgkARK/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdHGpktZ7Ntc4fX0B_xCEKrbNJHA_t67imQTS28GspLjBrTw1djcbfncMwCj9DWfA-nFk5_2HnaVUDs_PzcQpOpShc8G391uHs5FmU7rmJccQxAmPgSn01gX0CxYPB-JACvC28iNhgsnqX/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQM4Ks2czKi7yOH5Pzqet7zXoQ9BXeDlNqR_o38oUmK3iyrNsqoYF7l3P-q3XekTf2qtpmAH6xaRQ1OwLttWATWWuezj9zFTLAVOUfa6InYbAEdI3nSf4SNAkZs6w1uUDyNcdezyuWsppy/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKCYCJz0bpdFcOseHygNV7nPm0BxEiVXSa0Ef2FxbNmBd5Y_-hvoUB0SqkoxHcsH1myjUDY6cOcfMZ_ShF3_B2yiazYFUiJX3Ek0USKYc0WQxzitCw0zW0EfvnDXhy1eNmi6OZE-c3XBRg/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHqm_pMYKTedWQmnSqH_2_34H75fkGzjwU1ceTMKOYsBcy6oXJy_CKrYOjx_0x6OH4JndiCHSGnY8XBSoNIt1oHFSB-FfLgkbgARgWxDvXYxmzG_1jAALYkOJHXfv3dPamPolGHXd2XYmh/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8XPm59yC4RzAvBj9TiVp3pMKZIojnicUdCmD7c_LUa2TrzJtitGfp4ip_qb-Kl8o7HQ4mtjsDDpwIvLeOYSNLzlac2iRWtQ4N-SI-qYs3bgT5oedz-h4coBRUg-c9WXKZWjnTKutMOjuW/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb6UCWtUdFKalo-rqH6HqBbokkkysFhEu8cwFOvwAxfH73mvbieNkxDRI3znBIID-Tv0-lw2CvL3a2OX-CPLj35SeZp4jn6yZqoNQioSvja4sjpaHe3EQDTNJPAa0xL_12jqJhNofoyO6j/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>


1. Kalau sudah, buka kotak HTML/ javascript lalu pastekan kodenya kedalam kotak.

2. Klik Save. Selesai. Silahkan lihat hasilnya.


Jika anda merasa letaknya kurang pas dengan kolom sidebar anda. Anda bisa menyesuaikan jaraknya dengan mengganti nilai 0 pada padding-left. Semakin tinggi nilainya semakin lebar jaraknya. Dan jika anda ingin mengganti icon benderanya dengan icon lain. Silahkan ganti tulisan bewarna merah dengan alamat url icon anda.

Selamat mencoba. Semoga bermanfaat..

How to Give Emoticons in The Comment Box ( New )


Give Emoticons in The Comment Box - In the previous post, I have explained about How Give Yahoo Emoticons in The Comment Box, if you have not read it, you can read here. In this post I will explain again about how to put emoticon in the comment box blogger, but its different emoticons. With the emoticons in the comment box will surely create a blog becomes more alive. The commentators have become more able to express his feelings through icons (emoticons).

The emoticon that we will instal is boy girl emoticon.
The emoticons look like the following:
      
     

For Detail Example of this Emoticon you can look my other blog here, I instal the emoticon there
what is your opinion? you want to put this emoticon? Ok, I will explain the steps to put it in your blog

The Steps to Put it to Your Blog:
1. Login to Your Blog
2. Goto Design (Layout) -&gt; Edit HTML
3. Check the box 'Expand widget templates "
4. Then place the following script code before 

<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")


a.item(i).innerHTML = _str;
}
}

a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

5. Then find the following code:



Note:You can use CTRL+F to find this code

6. After you find it, put the following code after the code



:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

7. Now you can Save your tamplate and see the result 

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best CD Rates
Sorry No Right Click...!!!

[+] Please Press Ctrl+C fOr Copy...!!!