Uzumaki Akram Site

Kamis, 05 Januari 2012

Cara bikin Perpaduan link pelangi dengan bintang berkelip

Published : 1/05/2012 05:26:00 AM Author : Ali Akram Shintaro

Saya akan share sedikit tentang mempaer cantik link, perpaduan link berefek pelangi dengan bintang berkelip pada link

Caranya :

    - Seperti biasa login ke blogger
    - Masuk ke Tata Letak => Edit HTML
    - Centang Expand Template Widget dan tekan Ctrl+f
    - Cari kode </head> lalu masukan kode di bawah ini tepat di atasnya :

    - Kemudian simpan
    - Selanjutnya Tambahkan Gadget HTML/script
    - Copy paste Code di Bawah ini !:

-Simpan Dan Lihat Hasilnya

Read More ->>

Cara memasang google translate bendera

Published : 1/05/2012 04:11:00 AM Author : Ali Akram Shintaro

Langsung saja pada inti

Klik rancangan

Klik tab Elemen Halaman

Klik Tambah Gadget

Pilih Tambah HTML/JavaScript

Kopy pastekan code translate dibawah ini kedalam kolom yang tersedia.

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

</div>

Save

Read More ->>

Cara mengganti postingan lama dengan gambar dan mengganti gambar postingan baru dengan gambar

Published : 1/05/2012 03:56:00 AM Author : Ali Akram Shintaro

Langsun g aje ke Inti

Masuk ke halaman Dasboard > Rancangan > Edit HTML

Beri tanda centang pada kotak "Expand Widget Template"
Cari kode <data:newerPageTitle/> dengan menekan "Ctr+F" pad keyboar.
Ganti tulisan 'Posting Terbaru' dengan gambar panah kiri yang anda inginkan. contoh kode:

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +"_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
ubah kode berwarna merah menjadi seperti di bawah ini :

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +"_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXAnG0TvjJmhOKBQPj6uAIKCHI5aDYpYTAG-_nCV2VZcnE4eSZYstTj1AP20wKmnpf81fo9PMdbO2k2Fi2iOfmuEyjTMeguTLDMrmu-QPDnVK5x_Jq_Vnq2vhQ_hznEjsI1GNM8cSo1zMd/' style='border:none;'/></a>
Ganti tulisan 'Posting Lama' dengan gambar panah kanan yang anda inginkan.

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId +"_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
ubah kode berwarna merah menjadi seperti di bawah ini :

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId +"_blog-pager-older-link"' expr:title='data:olderPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnRDpJv2vVUYYDIGjqNXAWp9XAj-OoIzzWUZkXk2l3J2_iRiNDv33NPytUBvZQLwXkzEMkFFj-ItRKXH6UV_IWqjNtmgotKmIsKkqaVUgdXQxaRfugmfHmn3KhPgFrPwk3mxEcBVE0y4Zy/' style='border:none;'/></a>
Ganti tulisan 'Home' dengan gambar rumah.

contoh kode:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
ubah kode berwarna merah menjadi seperti di bawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUGOjokLqamLg_ktNBZgvyHg650CgRm22fodQoiUOEBxKJKgmG9DfO0QLLQJgW6Q1fqBnQOgbtcd2PtscgOKq8QFLa0ecFF503D0Oq2sFKo6OIMoPBUE9X2eILY3szsD0LmhfV6-iCmqg/' style='border:none;'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUGOjokLqamLg_ktNBZgvyHg650CgRm22fodQoiUOEBxKJKgmG9DfO0QLLQJgW6Q1fqBnQOgbtcd2PtscgOKq8QFLa0ecFF503D0Oq2sFKo6OIMoPBUE9X2eILY3szsD0LmhfV6-iCmqg/' style='border:none;'/></a>
</b:if>
</b:if>
Simpan Template dan lihatlah hasilnya.

Read More ->>

Cara bikin efek pelangi pada link

Published : 1/05/2012 03:46:00 AM Author : Ali Akram Shintaro

1. Masuk ke account blogger anda.
2. Pilih tata letak/layout
3. Klik menu Edit HTML dan jangan lupa untuk mencentang Expand Template Widget
4. Kemudian cari kode </head>
5.kalau sudah ketemu letakkan script ini tepat dibawahnya:

var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

atau anda juga bisa pilih script dibawah ini,cukup masukkan add widget-html dan save di blogmu:

Read More ->>

Uzumaki Akram Site

Kamis, 05 Januari 2012

Cara bikin Perpaduan link pelangi dengan bintang berkelip

Cara memasang google translate bendera

Cara mengganti postingan lama dengan gambar dan mengganti gambar postingan baru dengan gambar

Cara bikin efek pelangi pada link

Blogger news

About

Labels

Popular Posts

Archive

Teman

Blogroll

Blogger templates

pengunjung