R-C Blog'S

Friday, April 5, 2013

Cara Memasang Translate dengan bendera negara di blogger

Karena saya sedang malas membuat kata-kata, jadi langsung saja kita peraktekan, ini dia cara memasang translate dengan bendera negara di blog:

Seperti biasa, sobat masuk dulu ke akun blogger sobat / Blogger Dashbord.
Lalu masuk ke settingan "Layout/Tata Letak"
Lalu tambah gadget baru, dan pilih HTML/JavaScript
Setelah itu, masukan code-code yang sudah saya sediakan dibawah ini, dan letakkan code dibawah ini ke dalam kotak HTML/JavaScript
Lalu klik Simpan/Save.

<style>

.google_translate img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

border:0;

}

.google_translate:hover img {

filter:alpha(opacity=30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

.google_translatextra:hover img {

filter:alpha(opacity=0.30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

</style>

<div>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIZlo7WW5bZyHGfP0ajIowoLdqeswZR-Mu1TKlUgDGrqBCDWuZuMpLuqvKI91eV8QWoxV6NCeSZX3JFQVymGJAYGQ24HUUQPF0L5OBreuevnQgz1OwH_TgO_gGkX4QKRw0I3ASDm-46HQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxaUwp9TV0baqGJYoHGSaaQqd-BKR_8_YFWuqHL2RgWQReYdxK2Bc8KYOrYvzdzC5oVAiCvqMjoEn28m2NquMhA7V-Af0B3v9enEXVsYaeehD2nFUSrFBuTU881SUjPVQKqVWoysf5oOM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeupZLS5QIJZkHNEz_hyphenhyphenvRkRzzVVnvIEQv0gmtF2cj2RuyEqKbJH0gb2w3B56cHGnNZdZTVdZJmyxlOd-Yj1Y6MOH57cV730y4pyuV78Ma6SHbsGmnR_jaj2pm4hhFGq971oESo2IwLqT5/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt3Bmb4XUi2mRyOjuvHtHv9iXVbS9h5S2_yEuEdLQn43r2dlxTzpkLbQC0rd5QAbnk4QVIPnTQjcXCH07fGHwn45mwSw3S0ZhNWkAe2UmqLMfS5MZS-qduTtkRm0QUI1BuEVxTs2fFBqSx/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZHQ3gjPvkslBId9NqYhlwJKPe-uqc8YOBu4MuaYaHtc_nKx8H893zJO_2ZQfe18nHF_iOuM3g5OPUX8bsNkzMRVO8ph3XMAS7YvWE8edAdkcRgZU14XykFbKTOXO-l-UgB4TRn9BLqCs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg63lA2_IkZQVnfIBc1l-Oh9jquLZ5t-J8igXqTczpXQkmXQJDzw_Ij3vdSZQdRfQwWbh4hyphenhyphen9BLo-PodyNlCBk6y8tcfRCh4UluZlixazoCmuKlA6Zg6nw5_sO5pnFRI6oyroI18RA0eU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<br /><br />

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg65JrJqlO7FPsYrVBX4brCXJHLOwZ4S5DXrWR6mRKVG2rVwvGLAM_o4x41glOEZ2L2IT3W6M6fkAuY7Dkwv3BHnwmWeE76UjSSIPvKxtH_SunJ97CamDYsFt9tntQiy08Pri7xts-DGbM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

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

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDy5QElT0iCXVJj0cI9Gl98iQZzSIt_ePtZ5qQ7LLHVX90yFkl7DgKsVR0IC83dpKC7okYrkDy57vFwt2nwvWDhPQgGcGdlztCNy3bV7V1_kXBBKMJDmB567AiTYNZuLb_gbzSAJsTbOnj/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOkJv4anhxkWIb-R_dQbRmff-07DzAsq3fw5GWDSipEB_vBgfaCusN0uLAZivWXRadBxbsO-r1QF78YslCis7qfBPEls1uKqx69m2deX_xOE-emuSsxwGP_tSAxQw_Ex5zSgS9gmSzb8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdRAFzaPxOCMXPN-6UgeEpq788LHaeKjg0UqlUZ7ILA6k5EcFBZxjeJtn_351v3VeO_Bw17rY7eXvjEccPwTARrZy-_tqnCm_LDz8rePnu3Y8ywG8VWwZQiz6L99_K6JvOnTqrxyHA3cs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr1e4NDWWoxX-BbBRooXaBBaJRtW4jgbw70r2YEn8cmSBYdpuLogabCAUrpwHl8oA77QTkvllFYN6a09Fqz_oAYWRn3V9xiwPz0kfzEvXXDaQtlDm7MA7YnI-ixuyAyFvMeuCkPJiNi4M/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

</div> <div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://rahman-ciblog.blogspot.com/
2013/04/cara-memasang-translate-dengan-bendera.html

" target="_blank" title="Get this widget">Get this widget</a></div>

Semoga bermanfaat ya sob...!!!!

Thursday, April 4, 2013

Cara Memasang Recent Comment di Blog

Kalau menurut saya recent comment ini tidak kalah penting di blog kita, karena adanya recent comment ini. Kita jadi bisa cepat merespon ketika ada komentar yang masuk. Ok tak perlu panjang lebar langsung saja ini dia cara memasang Recent comment di blog:

1. Seperti biasa, Masuk ke blogger Dashbord sobat

2. Klik menu opsi/Opsi lainya

3. pilih tata letak

3. Klik Tambah gadget/HTML/JavaScript

4. Copy code dibawah ini, dan letakan di No.3

<div style="overflow:auto; width:100%px; height:250px; padding:0px; border:1px solid #999999;">

<style type="text/css">

#recentcomment {

width:98%;

margin-left:5px;

}

img.recentcomment-avatar {

background:#fff;

float:right;

padding:2px;

margin:2px -2px 0px 0px;

height:30px;

width:30px;

border:solid #ddd 1px;

}

td div.recentcomment-content a,td div.recentcomment-content a:hover{

font-family: 'trebuchet ms';

font-size:1.00em!important;

color:#2C2929;

text-decoration:none;

}

div.recentcomment-content{

font-size:1.00em!important;

text-decoration:none;

line-height:1.45em;

letter-spacing:0.03em;

background: #fff;

padding:4px;

border:1px solid #ddd;

}

</style><script type="text/javascript">

ava_mode = "all";

var cm_num = 10;

var cm_desc = 13;

var homepage = "http://rahman-ciblog.blogspot.com/";

</script>

<script src="http://youdhie.googlecode.com/files/Recent%20Comment%20Thumbnail.js " type="text/javascript"></script>

</div>

Keterangan:

url blog yg berwana merah bisa sobat ganti dengan url blog sobat..
Sebenarnya sih masih banyak yang bisa diganti tapi tidak perlu saya jelaskan saya yakin sobat bisa merubahnya sesuai selera sobat

Ok, sekian dulu postingan saya kali ini yang membahas Cara Memasang Recent Comment di Blog. Semoga dapat bermanfaat..!!

Tuesday, April 2, 2013

Cara Membuat/Memasang Kotak Like Fb dan Twitter Tersembunyi Di Blog

Pada hari ini saya akan share bagaimana Cara Membuat/Memasang Kotak Like Fb dan Twitter Tersembunyi diblog anda. Nampaknya sudah cukup saya berbicara langsung saja, ini dia cara membuat/memasang kotak Like fb dan twitter tersembunyi di blog :

1. Masuk ke akun blogger sobat
2. Klik tanda panah ke bawah di samping Daftar entri
3. Klik Tata letak
4. Klik tambah gadget
5. Klik HTML/JavaScript
6. Masukan Kode di bawah ini.

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibsWAqpOcNFHdftemQfD7amHXMClwpO-fBcWo-GLrkYI5VPjjljFIr41MA1U1hoXzoNo6n2afrNL6NWW1WmnttVmhhXhNNRbOw1OW3R92Acx0ZS6k9MfjDmqC3hM6fXVJfXsEPiq-1lT92/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:320px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin0Aiymvjz-buGBsNMke4-l5vmXwPNc6nSaNfztzVhBmlBGGttFJSQW4Q1WXk5ih8hTo_HHrze40KCSW5uh5fmPKqwr8t0mBmb10ozYNgzbQ4F0H6_Y50WsLepPX7A7PyR83vyR3zbCMcZ/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEm-ZyP0jfe_uU8cRE1P5RN6sE-HwdVDE5MFU7WV3Dwnq7qKwVUlj5-xeAUKmfIL9QpI0b4XK0DsA4-uhV4c4_OZa0qLJYT9ax-9d0n0dAkdHNsFG7fxaoe1OdKS4bFcMf5wtMOYL0mdg/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:160px;z-index:1000;}

.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVl3Wk_XJr4lR2m8udJaC_YPU1cu_BmSGLhKBxM22Zc5QV7CRoEw9JQkE80t3hBi-Fw7aECVDky5pN-Jjpsva7rVBAth3ZMiSiopZ3C37wmi-hu2kYT5ORW8ooB6i59F6s61FwRD1faM8/');background-repeat:no-repeat;width:288px;height:45px;position:fixed;right:0px;top:80px; z-index:1100;}

.barcontetwitter{margin:5px 0 0 47px}

</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">

<div class="barconteblogger">

</div>

</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FRahmanCiblog&width=292&height=290&colorscheme=dark&show_faces=true&border_color&stream=false&header=true&appId=220391438067645" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowtransparency="true"></iframe>

</div>

</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">

<div class="barcontetwitter">

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>

new TWTR.Widget({

version: 2,

type: 'profile',

rpp: 20,

interval: 30000,

width: 250,

height: 300,

theme: {

    shell: {

      background: '#040504',

      color: '#ffffff'

    },

    tweets: {

      background: '#098cf0',

      color: '#ffffff',

      links: '#4aed05'

    }

},

features: {

    scrollbar: true,

    loop: false,

    live: true,

    behavior: 'all'

}

}).render().setUser('@Rahman_ciblog').start();

</script>

</div>

</div>

Catatan:

Kode yang saya beri warna merah ganti dengan Username FansPage sobat.
Kode yang saya beri warna biru ganti dengan Username Twitter sobat.

Monday, April 1, 2013

Cara Membuat/Memasang Chatbox di sebelah kiri blog

Ok, langsung saja kita mulai bagaimana cara Membuat/Memasang Chatbox di sebelah kiri blog. Ikuti langkah demi langkah dibawah ini:

1. Masuk ke blogger.com
2. Pilih tata letak
3. Tambah gadget
4. Pilih HTML/JavaScript
5. Masukan kode di bawah ini:

<style>

#hcl {

position:fixed;top:100px;

left:0px;

z-index:+1000;

}

* html #hcl {position:relative;}

.hcltab {height:100px;width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEm_uyJmVAIAPpqUrhgAroVyS6Lb3CeYzuRiYHMTeZSY0nb7N58Ow_2wpFW43IRwJqFGTGU9xAGJPTNyoRKTZrpqPOhpJgSrqjz2OZdMCuc8X5-tBOWsTEV3hSOFhxDj327KythRVczu4/s400/cbred-LEFT.png') no-repeat;

}

.hclcontent {

float:left;

border:2px solid #790909;

background:#f3f6f7;

padding:10px;

}

.hc-credit {font-size:9px}

.hc-credit a {text-decoration:none}

</style>

<script type="text/javascript">

function showHidehcl(){

var hcl = document.getElementById("hcl");

var w = hcl.offsetWidth;

hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);

hcl.opened = !hcl.opened;

}

function movehcl(x0, xf){

var hcl = document.getElementById("hcl");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

hcl.style.left = x.toString() + "px";

if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}

}

</script>

<div id="hcl">

<div class="hclcontent">

<br />

<div class="hc-credit">

<span style="float:left">



<span style="font-size: 100%;">

<span style="color: red;"> Get this</span>

<a href="http://rahman-ciblog.blogspot.com/2013/04/cara-membuatmemasang-chatbox-di-sebelah.html" target="_blank">

<span class="Apple-style-span" style="color: red;"> Widget</span>

</a>

</span>

<span style="float:right">

<a href="javascript:showHidehcl()">

[close]

</a>

</span>

</div>

</div>

<div class="hcltab" onclick="showHidehcl()"> </div>

</div>

<script type="text/javascript">

var hcl = document.getElementById("hcl");

hcl.style.left = (30-hcl.offsetWidth).toString() + "px";

</script>