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 ..................^___________________^

Read more »

Posted in: Blogging

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.

Read more »

Posted in: Blogging

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. 

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:

<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..

Read more »

Posted in: Blogging

How to Put to Social Bookmarking Share Button in Blogger

One way to increase visitors to the blog or website is by registering your articles into the Social Bookmarking Sites, Social Bookmarking Network, Favourite Bookmarking and so forth. For example registering your posts to digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, and other social bookmarking site. I admit this is very effective way to increase your blog pengunnjung. In addition, social networking sites (sites) like facebook, twitter, myspace and others can also be used as a media campaign that also can increase your blog visitors.
And the trick this time I will explain how to install the sharing and submit to social bookmarking button to your blog. With bloggers put the submit button / share to a social bookmarking site like this, will allow anyone to share the article / post directly to the media bookmarking pal if deemed useful for others, it will be very useful to improve the reputation and will increase visitors to your blog. Share button / submit to be made ​​here I think is very complete from facebook, Twiiter, digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, and much more. To display are as follows:

okay if you was interested in installing the button, here I will describe how to install into your blog, check it
1. Login to Your Blog
2. Go to Design -> Edit HTML
3. Check the box Expand Widget Templates
4. Find this code

<data:post.body/>

or

<p><data:post.body/></p>

(Note: use CTRL+F to find the code)

5. After you found it, put this code after after the code <data:post.body/>

<div style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>
</div>
</div>

6. Finish, click Save Template and you can see the result

Read more »