Info Dunia: 08/23/13

Friday, August 23, 2013

Cara membuat Widget Emoticon yahoo di kotak Komentar di blog

Cara membuat Emoticon yahoo di kotak Komentar . Nah Pagi ini saya akan Share mengenai Cara membuat Emoticon yahoo di kotak Komentar.Langsung saja untuk memasang berbagai icon di kotak komentar memang perlu sedikit ngedit.

1. Pertama backup templatemu dulu
2. Berdo'a
3. Login ke blogspot, masuk ke "Layout (Tataletak) --> Edit HTML "
4. Beri tanda centang pada kotak "expand widget template"

5. Lalu letakkan kode2 berikut setelah kode <p class="comment-footer"> yang kedua. INGAT Kodenya itu ada 2, letakkan di yang urutan kedua, tepatnya di antara (<p class='comment-footer'> dan <b:if cond='data:post.embedCommentForm'>)

<p class='comment-footer'><b:if cond='data:post.embedCommentForm'><b:include data='post' name='comment-form'/><b:else/><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></b:if></b:if></p>

Berikut ini script yang harus kamu letakkan diantara kode yang di cetak tebal di atas:

<b><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04210.gif' width='40'/>:a:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04212.gif' width='40'/>:b:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04213.gif' width='40'/>:c:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04219.gif' width='40'/>:d:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04220.gif' width='40'/>:e:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04224.gif' width='40'/>:f:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04231.gif' width='40'/>:g:<br/><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04233.gif' width='40'/>:h:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04247.gif' width='40'/>:i:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04235.gif' width='40'/>:j:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04241.gif' width='40'/>:k:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04236.gif' width='40'/>:l:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04217.gif' width='40'/>:m:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04237.gif' width='40'/>:n:</b>
<b><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0084.gif' width='40'/>:a:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0088.gif' width='40'/>:b:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00810.gif' width='40'/>:c:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00812.gif' width='40'/>:d:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00813.gif' width='40'/>:e:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00817.gif' width='40'/>:f:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00818.gif' width='40'/>:g:<br/><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00819.gif' width='40'/>:h:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00822.gif' width='40'/>:i:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00827.gif' width='40'/>:j:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00829.gif' width='40'/>:k:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00828.gif' width='40'/>:l:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00826.gif' width='40'/>:m:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0082.gif' width='40'/>:n:</b>

6. Kemudian letakkan script berikut sebelum /diatasnya kode < /body >.

<script
src='http://ardi33.fileave.com/smileyyahoo.js'
type='text/javascript'/><br /><script
src='http://ardi33.fileave.com/smileyturtle.js'
type='text/javascript'/><br /><script
src='http://h1.ripway.com/pinginbelajar/042009/emoticon_yahoo.js'
type='text/javascript'/><br /><script
src='http://h1.ripway.com/pinginbelajar/042009/comment_emoticon.js'
type='text/javascript'/>

Lalu save kemudian lihat hasilnya.
* Kalau blm berhasil silahkan ulangi dengan teliti. Jika masih belum berhasil, mungkin hasil dari kode2 tersebut tidak berhasil dikarenakan setiap template mempunyai kode yang beda atau javascriptnya bermasalah. ok Terimakasih sudah berkunjung Sobat. Mampir lagi ok.

Cara cepat meningkatkan ranking Alexa

Alexa rank

adalah peringkat suatu website berdasarkan jumlah pengunjung. Peringkat yang diberikan Alexa oleh suatu website memang bisa sampai puluhan juta, tapi bukan berarti semakin tinggi peringkat dari Alexa maka website anda memiliki peringkat yang tinggi pula. Namun sebaliknya. Karena sistim penilaian peringkat dari Alexa adalah semakin kecil semakin bagus. Maka dari itu, semakin kecil peringkat Alexa suatu website, maka artinya semakin website tersebut semakin tinggi posisinya di mata Alexa.

Namun kali ini saya akan share tentang cara meningkatkan peringkat Alexa untuk blog yang benar-benar baru. Sederhananya, cara untuk mendapatkan ranking alexa untuk blog yang baru dibuat. Trik ini tidak jauh berbeda seperti trik-trik umum lainnya dalam meningkatkan penilaian dari Alexa. Berikut caranya,

- Cari pengunjung sebanyak-banyaknya.

Dalam hal ini, jika blog anda memang benar-benar baru dibuat, anda bisa mencari pengunjung dengan cara blogwalking dan berkomentar di blog tetangga.

- Instal Alexa Toolbar di web browser anda.

- Pasang widget Alexa di blog anda.

- Up date blog setiap hari.

Ketika blog anda baru dibuat, pastinya blog anda tidak memiliki peringkat Alexa. Solusinya, rajin-rajinlah up date blog anda setiap harinya. Kalau perlu, dalam sehari bisa posting 2 artikel atau lebih.

- Bertukar link dengan blog lain yang peringkat Alexanya lebih tinggi dari blog anda.

- Buat postingan tentang Alexa di blog anda.

Poin terakhir ini saya juga masih belum jelas secara pastinya sih. Tapi jika blog anda memang benar-benar baru, 5 poin di atas menurut saya rasanya sudah cukup. Karena dengan ke-5 trik di atas, eksperimen saya membuktikan dalam waktu kurang dari 1 bulan, peringkat Alexa beberapa blog baru saya sudah bisa di bawah 10jutaan. Not bad lah.. tetapi untuk konteks lainnya, maka dari itu saya coba deh bikin artikel tentang cara cepat meningkatkan Alexa

cara membuat Widget anti copas di blog

Cara Membuat Agar Blog Kita Tidak Bisa di Block / Anti Jiplak CoPas. kali ini saya memposting Cara Membuat Agar Blog Kita Tidak Bisa di Block / Anti Jiplak CoPas , cara ini dilakukan agar seseorang tidak mencuri artikel kita. tetapi cara ini jangan dipakai dalam blog yang seperti milik saya ini / blog yang mencantumkan cara cara memperindah blog. langsung saja ini caranya :

1. Masuk ke Dasbor
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode <head>
6. Kalau sudah ketemu, anda Copy Pastekan script yang ada dibawah ini "Persis setelah kode<head>".

<SCRIPT type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</SCRIPT>

7. Klik Simpan Template
8. Selesai

Widget teks cursor pada mouse di blog

Cara Membuat Teks Pada Kursor kali ini saya memposting tentang Cara Membuat Teks Pada Kursor ,, pada saat saya berjalan jalan di blog orang lain ternyata saya menemui kursor yang di ikuti text .pada saat itu saya kepikiran ingin membuat kursor yang di ikuti teks tetapi saya tidak ingin blog saya lambat dalam loading . Maka dari itu saya berfikir bahawa saya lebih baik memposting Cara Membuat Teks Pada Kursor nah langsung saja bagi anda yang ingin tahu caranya ,ada di bawah ini :

Cara Membuat Teks Pada Kursor :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.

<style type='text/css'>#outerCircleText {font-style: italic;font-weight: bold;font-family: 'comic sans ms', verdana, arial;color: #a4336a;position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}#outerCircleText div {position: relative;}#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}</style>
<script type='text/javascript'>//<![CDATA[;(function(){// Your message here (QUOTED STRING)var msg = "Tulis teks anda disini";/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */// Set font's style size for calculating dimensions// Set to number of desired pixels font size (decimal and negative numbers not allowed)var size =20;// Set both to 1 for plain circle, set one of them to 2 for oval// Other numbers & decimals can have interesting effects, keep these low (0 to 3)var circleY = 0.75; var circleX = 2;// The larger this divisor, the smaller the spaces between letters// (decimals allowed, not negative numbers)var letter_spacing = 5;// The larger this multiplier, the bigger the circle/oval// (decimals allowed, not negative numbers, some rounding is applied)var diameter = 15;// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)var rotation = 0.3;// This is not the rotation speed, its the reaction speed, keep low!// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)var speed = 0.2;////////////////////// Stop Editing //////////////////////if (!window.addEventListener && !window.attachEvent || !document.createElement) return;msg = msg.split('');var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],o = document.createElement('div'), oi = document.createElement('div'),b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement:document.body,mouse = function(e){e = e || window.event;ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-positionxmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position},makecircle = function(){ // rotation/positioningif(init.nopy){o.style.top = (b || document.body).scrollTop + 'px';o.style.left = (b || document.body).scrollLeft + 'px';};currStep -= rotation;for (var d, i = n; i > -1; --i){ // makes the circled = document.getElementById('iemsg' + i).style;d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +'px';d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';};},drag = function(){ // makes the resistancey[0] = Y[0] += (ymouse - Y[0]) * speed;x[0] = X[0] += (xmouse - 20 - X[0]) * speed;for (var i = n; i > 0; --i){y[i] = Y[i] += (y[i-1] - Y[i]) * speed;x[i] = X[i] += (x[i-1] - X[i]) * speed;};makecircle();},init = function(){ // appends message divs, & sets initial values for positioning arraysif(!isNaN(window.pageYOffset)){ymouse += window.pageYOffset;xmouse += window.pageXOffset;} else init.nopy = true;for (var d, i = n; i > -1; --i){d = document.createElement('div'); d.id = 'iemsg' + i;d.style.height = d.style.width = a + 'px';d.appendChild(document.createTextNode(msg[i]));oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;};o.appendChild(oi); document.body.appendChild(o);setInterval(drag, 25);},ascroll = function(){ymouse += window.pageYOffset;xmouse += window.pageXOffset;window.removeEventListener('scroll', ascroll, false);};o.id = 'outerCircleText'; o.style.fontSize = size + 'px';if (window.addEventListener){window.addEventListener('load', init, false);document.addEventListener('mouseover', mouse, false);document.addEventListener('mousemove', mouse, false);if (/Apple/.test(navigator.vendor))window.addEventListener('scroll', ascroll, false);}else if (window.attachEvent){window.attachEvent('onload', init);document.attachEvent('onmousemove', mouse);};})();//]]></script>

4. Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah.
5. Sobat dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna biru.
6. Save & lihat hasilnya

Widget burung beterbangan (Twitter) di blog

Membuat Burung Twitter Terbang di Blog-Salah satu hal yang tidak kalah penting adalah memasang variasi-variasi pada blog agar blog kelihatan lebih menarik ,jika tampilan blog hanya itu-itu saja pengunjung akan jenuh dan sobat akan beresiko kehilangan"pelangggan" blog sobat.Disini saya akan berbagi tips dengan sekian banyak tips yang telah saya bagikan untuk memperindah tampilan blog sobat.Membuat burung twitter beterbangan di blog,tentu saja sobat sering ketika blogwalking ke blog-blog lain sobat melihat burung twitter beterbangan di blog,tinggal ikuti saja langkah singkat dibawah ini untuk menjadikan burung twitter sobat menjadi milik sobat.langsung aja :

1. Login ke akun blogger sobat
2. Kemudian pilih"Opsi Lainya">>Tata Letak>>Tambah Gadget>>HTML/JavaScript
3. Masukkan kode dibawah ini kedalamnya

<script type="text/javascript" src="http://misbahudin-dcaesga.googlecode.com/files/twitter-terbang.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGzf2YKn8TzOinKaZPX0Uj4ShqMW75fgugvF9wUyuxcWuaMcNSjSsVpGbCQ5r7CbxheUpQmqASIp000Xl5aXvAJbbbBg9n9w88eRDZpjh9VEskNn0VDPSsSWlAaym8BklOXkkOa7lZvpE/s1600/cyan+bird.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3",
"h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/#!/robz_hitz";
var tweetThisText = "Twitter - UserID http://slinder9.blogspot.com/";
tripleflapInit();
</script>
Ganti yang berwarna merah dengan ID Twitter sobat,dan untuk yang berwarna biru ganti dengan URL blog sobat.

4. Kalo sudah jangan lupa di"Save"ya sob.
NB: Kode yang berwarna hijau adalah warna burung twitter sobat.Kalo sobat pengen ganti dengan warna yang lain silakan ganti dengan URL gambar dibawah ini.

Burung Twitter Biru Muda

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGzf2YKn8TzOinKaZPX0Uj4ShqMW75fgugvF9wUyuxcWuaMcNSjSsVpGbCQ5r7CbxheUpQmqASIp000Xl5aXvAJbbbBg9n9w88eRDZpjh9VEskNn0VDPSsSWlAaym8BklOXkkOa7lZvpE/s1600/cyan+bird.png

Burung Twitter hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLmsI3XpZvpnfgvwTMDZGhnZZpIgMVrTeQzHjxkMi6UO8QX8auvY4CdjSvCOjgUneAYEhTIRr9dtJUIy6sZSs2n9OkaWU5xY2mVxeRl3fzicX2J8rRZq7pJwdh5KGP9XTGnSUXS3Apc3w/s1600/Green+bird.png

Burung Twitter hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5hR4McLM4L0iM8fu85AeEiPQoFRrHZgKzxrrW08ll-tGAI7jJnnqctXPF9QY61G5Pg8csw9MV1tjw_aTvdk5Y-buQTylLYNA75z5socA4dRew0N2lb6UGfRsyJnBxQ0QYKAdE1LNZ4s0/s1600/black+bird.png

Burung Twitter coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLF5QPJxpkaNi6VC8KzOR-7M-Gpk1zlPHNqPI5KcV5jcXwesHl3OySSZ5WjT1PKNUNbcpQmjq6RP9D27n5IykqLlz0wOOyFzuyFfowzxmSW7QAHzF_tEXisWGRqTD2VOkofDFknm0tI_0/s1600/brown+bird.png

Burung Twitter ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGNT8Tk0pX1xCCu2wnRgImfh5ju-Vewb_m5jGpCk5MNSSMQbS0KzIy8FxTDEdc9EPkROSeGtG3A3NGZt9dcT26jDsxovTs2T0J7FCrBaIfrWiuB3G3HWnXM-wodfwdsdsmAtoY5alT-Y/s1600/purple+bird.png

Burung Twitter merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhamZWuPDfLEXpX1NsdRpwQzI637ueO6xsC5-qNGwQppGIolbvx8vKAHC1kmEiNZqqhzCNDzBHAHrpXOl-Q3O0qalsZvaAKI3IK4a5-y3I0_Jj-Bk0YMbJCMVqQowFIWiV4QLg6shNIYGk/s1600/red+bird.png

Burung Twitter putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh91Ohe72SE0B4EB8-9CgNL2fsxIHsGegInSi9n0F_t7Sk5fR4o96aI3lZRqNcoUZ3Qti8uKlATVROuKDb3eVh0Kmm94Do5Ve1bWxtXAA5DMiC7YdV1QqWb10rZ0aVSY9d1W6g1IIi4D5E/s1600/white+bird.png

Burung Twitter kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiMjo8-09fItb8Vd-ZiGQJNCoBUBNGUMoeeICIKYy_wWrqDjk3QQHTWhA9zGb9EUIuPkeK8D7-U_lwcBxfkwfNFxFwQz5PuUFFYWlY24W8ScZ-H6kXhfWDLXsnWYm_Fg_ag5Y51F_2yL4/s1600/yellow+bird.png

Kalo sobat lebih kreatif,coba gambarnya diutak-atik pake Adobe Photoshop.Ok,cukup sekian mudah-mudahan bisa membantu mempercantik tampilan blog sobat.Terima kasih dan salam jumpa

cara buat widget google translate bendera di blog

Kali ini saya memposting tentang Cara buat Google Translate Bendera .Fungsi nya tetap sama untuk menerjemahkan , tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana

Translate Bendera

Sebelum kalian membuat google translate bendera ini silahkan masuk ke blog anda --> biasa tambah gadget --> tambah javascript --> lalu copy paste kode 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/AVvXsEgsQxXufmk0QTYQashKFnto06r2i1x9N41gMk8Z2tMQi6NXFHbtmsyQz2tTFx1ChgnqoDZTBZWhUcBP3ErzG_oAOH5jfex2CF_cSyxjcVE-XJGRvmQcW8o-4Ed8D5wmPHIM6_WZqokKsx5W/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/AVvXsEhUr2cxdvPr46ak_Vq4V-h-xzCyjLeYZ5Gmo_SpxTITuTD0pK89n11wVhSI6wz9dx-O4crKHLlIRYBXVAYz3wUhm0q3kI5mdfSEmf497y3hCJ_Kv0aB_zraPPtNOty9PkH5YRhSlelYhYoN/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/AVvXsEhvWuzrgBlcgnHWbeSqx_IbKjdscIozXXbZU6dkbjdCZ4vJjXOiCCLab2EpadgD3ThsGrBiLdaCeWZBhyphenhyphenrENW4JIbEljKq52XcXa8gtrvvtdGMDSUhQHuAY64wIntaxkOkxALS4sNPgZSIA/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/AVvXsEjcd_I2qo7cMt0uRFgQNVcvvuLpPTPxj1nc_01LrarOVT5R40MLyE_HTnfAOa1ZYJ2xiXCjPITXOyKrxjBaUEWfHcgSpP4AJMJaR-tq6faKXJPsebtIjf7sUrxNk-SXZm73l__pkIAwGgYF/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/AVvXsEjbgh2UtLSRCfZISebsmvPjUAdfODVyiHPsX10JFIs-HV_0XiEV6P8_-SpVgtlUzUqnkxyrxALdjtCRQ5VKZRkaRk_2kHoT7_sbvFbpRpYCHNTrSuFoJVPyYWeh8DtAWolbnsFFP8_FoupL/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/AVvXsEj5oIrXoSMpKMZ6YRRTMuBsg8rMp60k3Nq4MGHmIJVEsbPTuxydkgSLFfY39K99XfTJVq_X5ZH7q4AqmtSKjxlnvWGFGC5UDwaA1n4Eq61FmTu6Vs3b0gwV57UACZcm7XZxOjjUBxlxQfbA/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/AVvXsEj9oSiAzPkoutcL_sAJ8VLs3VcdVp1uXbXx1UgDoFvlSGUQMItX53FMrVjZukOTDa6dFCs_bzPkEU_OQOlGPuz3deZHM9FGp4l0DCmOvWNd9aCFgwokmB5pBYHFpO0bGZeV8xxpaYB9dCuw/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/AVvXsEiyfjsM1kMJXC5KgISRDgvma1l81Yken_ONkxsnfPKb5JKz26vgrKkFLtYcoO8pUWJ3SvCrfjTlDXqAJQMKwgqjlfyrnSMwGj37uqXUHX-oFGNalR4IKtZ54nQ24yu7DX83zOcb4wgP45QX/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/AVvXsEjNOkDXOyTx7KU8su6r0J5w9JhEw3n0Rbn1AmJr6HMsGaeYL9a7a33uFARHmL-LIynzRts5drce8yqL0iOAsKPiOw7QSCxyZwhkZKU6j9-qB1M7LpQkArISbErRYm29o50n2GIW0wPfDgyw/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/AVvXsEhgbtK9ri2sLoC2D1ZAx3XF4kD9nZ4gIij44TCWcAsTAGUUaUUJW8dbJnV8tzEilr483D8YXAgmTt0CmOOEid2YkFFaH3IpzLOMFrxYbr76EDX_UpO63YekUFhkE24R1FY0vzSULVcaNl6t/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/AVvXsEhEc_Ls5K4L8uXX_d78dy5Dwa0i73Dc7_RT6cl2ftClUoCrSxj8Sbm6USrmM1DslaJBfsfWCkc53cIrx2XT2mSN2kylitdTFIA2whsxLaU0XLeB0-gAJh53oFJBysRZqDmR-MAbpPjpZlO_/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/AVvXsEj0ZonlZeLzpoths2RWSLLeQzdvw2bIP_OMH0k-adZYfoJ13cE6UG3fh1UhG-6LbxhdmBGCD44eGiPeinHe9n4WbsxIi97HS1pp_3bBX5J1PljU8hfJUaR_vV1DtL985_LnshnYbSMJAalU/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://juntenxblog.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>

Lalu save template anda , sangat mudah cara buat translate google bergambar bendera .. silahkan nikmati tampilan translate google bendera ini selamat menikmati .

Widget permalink tag di bawah blog

Apa itu permalink, banyak para sobat blogger pemula yang tanya mengenai permalink, naaaaaaaah maka dari itu Chandraxz share di sini, tapi buat permalink pada blogspot berbeda dengan membuat permalink pada wordpress, pada blogspot kita harus memasang permalink Secara manual untuk dijadikan permalink otomatis pada setiap posting , itu akan membuat posting anda akan lebih kuat dalam bersaing di search engine , karena salah satu kegunaan yang paling penting untuk membuat seo permalink di blogspot adalah untuk mengangkat posisi posting blog di search engine.
Membuat permalink seo di blogspot Untuk membuat permalink di blogspot cukup mudah anda tinggal ikuti langkah-langkah yang sudah saya sediakan .

Langsung aja ..

Masuk ke akun blogger anda.
Masuk ke rancangan > edit html
Jangan lupa, untuk centang expand template widget.
Sekarang cari kode berikut ini ]]></b:skin>
Letakan kode css bawah ini di atas kode tadi

.buatpermalinkblogger
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}
.buatpermalinkblogger a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

Setelah itu cari kode <data:post.body/>
Setelah anda menemukannya lalu hapus kode tadi dan ganti dengan kode ini

<b:if cond=’data:blog.pageType == "item"’>
<p><data:post.body/></p>
<div class=’buatpermalinkblogger’>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href=’data:post.url’><data:blog.pageName/></a></u> sebagai sumbernya.</small></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>

Lalu tekan simpan dan lihat hasilnya

Cara buat permalink pada blog readmore Untuk memasang permalink di blog yang sudah menggunakan readmore sedikit berbeda

Silahkan anda ikuti cara saya yang diatas , masuk ke blogger anda
Pada cara buat permalink blog diatas anda disuruh mencari kode berikut ini <data:post.body/>
Untuk yang sudah memasang readmore kode diatas akan ada dua.
Sehingga akan terlihat kodenya seperti ini :

<b:if cond=’data:blog.pageType == “item”‘>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href=’data:post.url’><strong>Selengkapnya…</strong></a></p>
</b:if>

Anda tinggal sisipkan kode permalink seo anda di bawah kode berikut ini

<b:if cond=’data:blog.pageType == “item”‘><style>.fullpost{display:inline;}</style><p><data:post.body/></p>

Maka permalink anda tidak akan terlihat pada homepage , hanya akan terlihat saat anda membuka posting blog.

Cukup mudah bukan cara membuat permalink di blogspot , saya sudah menjelaskan kegunaan permalink dan cara memasang permalink di blogspot

Widget sharing si caring/sexy di blog

Widget bookmark sharing blogger ini akan ditampilkan di bawah posting blog.

1. Masuk ke dashboard > template > Edit HTML

2. Centang 'Expand Widget Templates'. Jika perlu, backup template terlebih dahulu.

3. Cari </head> (Ctrl+F), letakkan kode CSS berikut tepat di atasnya.

<style type='text/css'>
div.beauty-bookmarks {height:54px;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZmgauxokZq2uB13tCQmkvMh_dj_Cx_dCohooMrg-AsDSWjCGwHLDSlYYRLGvxZYcOvjQ3Upy5BtwJvEqn_CYDBuHFFxUdCV4QIkjUtjLvUKtzJVoVZvC7ThE2Vl2ar_CRSqvOsq0wTIuz/s1600/buka-rahasia-sharing-background.png') no-repeat left top;position:relative;width:540px;}
div.beauty-bookmarks span.beauty-rightside {width:17px;height:54px;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZmgauxokZq2uB13tCQmkvMh_dj_Cx_dCohooMrg-AsDSWjCGwHLDSlYYRLGvxZYcOvjQ3Upy5BtwJvEqn_CYDBuHFFxUdCV4QIkjUtjLvUKtzJVoVZvC7ThE2Vl2ar_CRSqvOsq0wTIuz/s1600/buka-rahasia-sharing-background.png') no-repeat right top;position:absolute;right:-17px;}
div.beauty-bookmarks ul.socials {margin:0 !important;padding:0 !important;position:absolute;bottom:0;left:10px;}
div.beauty-bookmarks ul.socials li {display:inline-block !important;float:left !important;list-style-type:none !important;margin:0 !important;height:29px !important;width:48px !important;cursor:pointer !important;padding:0 !important;}
div.beauty-bookmarks ul.socials a {display:block !important;width:48px !important;height:29px !important;font-size:0 !important;color:transparent !important;}
.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ogPFW_KezphqKldRgZsUwhpIZJQBIev3WWFY3vTstvPvnr55183Ge-kJg5z1yyw8Bp5SwYfSh4zKfQ7X3F2C_Ub9sDDlP-ixu0U-oO6daMrENZNMk4Wq_TDZFuKnywTJqJ09KKuctJx7/s1600/bukarahasia-sexysprite.png') no-repeat !important;}
.beauty-furl {background-position:-300px top !important;}
.beauty-furl:hover {background-position:-300px bottom !important;}
.beauty-digg {background-position:-500px top !important;}
.beauty-digg:hover {background-position:-500px bottom !important;}
.beauty-reddit {background-position:-100px top !important;}
.beauty-reddit:hover {background-position:-100px bottom !important;}
.beauty-stumble {background-position:-50px top !important;}
.beauty-stumble:hover {background-position:-50px bottom !important;}
.beauty-delicious {background-position:left top !important;}
.beauty-delicious:hover {background-position:left bottom !important;}
.beauty-yahoo {background-position:-650px top !important;}
.beauty-yahoo:hover {background-position:-650px bottom !important;}
.beauty-blinklist {background-position:-600px top !important;}
.beauty-blinklist:hover {background-position:-600px bottom !important;}
.beauty-technorati {background-position:-700px top !important;}
.beauty-technorati:hover {background-position:-700px bottom !important;}
.beauty-myspace {background-position:-200px top !important;}
.beauty-myspace:hover {background-position:-200px bottom !important;}
.beauty-twitter {background-position:-350px top !important;}
.beauty-twitter:hover {background-position:-350px bottom !important;}
.beauty-facebook {background-position:-450px top !important;}
.beauty-facebook:hover {background-position:-450px bottom !important;}
.beauty-mixx {background-position:-250px top !important;}
.beauty-mixx:hover {background-position:-250px bottom !important;}
.beauty-script-style {background-position:-400px top !important;}
.beauty-script-style:hover {background-position:-400px bottom !important;}
.beauty-designfloat {background-position:-550px top !important;}
.beauty-designfloat:hover {background-position:-550px bottom !important;}
.beauty-syndicate {background-position:-150px top !important;}
.beauty-syndicate:hover {background-position:-150px bottom !important;}
.beauty-email {background-position:-753px top !important;}
.beauty-email:hover {background-position:-753px bottom !important;}
</style>

Kostumisasi CSS:

Secara default, CSS di atas saya set untuk menampilkan quote "sharing is caring". Untuk mengubah menjadi "sharing is sexy", perhatikan pada bagian CSS background positioning di atas yang saya tandai dengan warna biru: ganti left top dengan left bottom, dan right topdengan right bottom.

4. Cari <data:post.body/> (Ctrl+F), paste kode berikut TEPAT setelah/dibawahnya:

<b:if cond='data:blog.pageType == "item"'>
<center><div class='beauty-bookmarks'>
<ul class='socials'>
<li class='beauty-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-twitter'><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'/></li>
<li class='beauty-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-syndicate'><a href='http://feeds.feedburner.com/Robz-hitz' title='Subscribe to RSS'/></li>
<li class='beauty-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='beauty-rightside'/></div></center>
</b:if>

Ganti http://feeds.feedburner.com/Robz-hitz dengan url feedburner blogmu.

5. Save templates.

Info Dunia

Friday, August 23, 2013

Cara membuat Widget Emoticon yahoo di kotak Komentar di blog

Cara cepat meningkatkan ranking Alexa

cara membuat Widget anti copas di blog

Widget teks cursor pada mouse di blog

Widget burung beterbangan (Twitter) di blog

cara buat widget google translate bendera di blog

Widget permalink tag di bawah blog

Widget sharing si caring/sexy di blog

Blog Archive

Popular Posts

About Me

Pages