Showing posts with label tutorial blog. Show all posts
Showing posts with label tutorial blog. Show all posts

cara memberi Efek Warna Warni Pada Link untuk blog

langsung saja yaa.
1.LOGIN Ke blogger anda,
2.Klik TATA LETAK->EDIT HTML
3.centang pada EXPAND TEMPLATE WIDGET
4.anda cari code </head> jika sudah ketemu silahkan copy paste code di bawah ini dan letakan tepat dia atas code tadi </head>


<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
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>

SIMPAN TEMPLATE. SELESAI DEHH

Widget Untuk Mempercantik Blog

Trik ini sangat baik untuk memperindah tampilan blog sobat.yaitu dengan Widget Untuk Mempercantik Blog.
berikut adalah script nya..di ambil aja..hehe 
-EFFECT KEMBANG API:


<script src="http://www.geocities.com/yono_pati/kembangapi.js" type="text/javascript">

/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>

-EFFECT BURUNG TERBANG:

<script language="JavaScript1.2"
src="http://www.geocities.com/yono_pati/burung.js">
/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>


Untuk cara pemasangannya:
LOGIN Ke blogger anda klik TATA LETAK->TAMBAH GADGET->HTML/JAVASCRIPT Kemudian anda tinggal pilih script yang di atas yang ingin anda pakai ,kemudian klik tombol SIMPAN Dan selesai...

cara Menambahkan Icon di Profile Blog

trik kali ini adalah bagaimana cara Menambahkan Icon di Profile Blog .langsung saja yaa...
Pertama silahkan Anda Klik TATA LETAK->EDIT HTML lalu beri tanda centang pada EXPAND TEMPLATE WIDGET Kemudian anda cari code seperti di bawah ini:


<b:if cond='data:aboutme != ""'>

<dd class='profile-textblock'><data:aboutme/>

</dd>

</b:if>

</dl>

<a class='profile-link' expr:href='data:userUrl'>

<data:viewProfileMsg/></a>

</b:if>

Jika sudah ketemu anda tinggal menambahkan Code icon Pada tulisan yang berwarna Biru seperti Code di bawah ini:

<b:if cond='data:aboutme != ""'>

<dd class='profile-textblock'><data:aboutme/>

</dd>

</b:if>

</dl>

<a class='profile-link' expr:href='data:userUrl'>

<img src=http://i622.photobucket.com/albums/tt309/kokobota/kokobotaa.gif>&#160;

<data:viewProfileMsg/></a>

</b:if>

Klik tombol SIMPAN TEMPLATE

cara membuat Widget Daftar Isi untuk Blog blogger

Jika anda berminat silhkan langsung di copas script di bawah ini dan letakan di halaman sidebar widget anda..


<div style="border: 1px solid #000000; overflow: auto; height: 350px;" margin="5px" ;>
<script style="text/javascript" src="http://www.srbekasi.org/daftar-isi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://www.tutorial-share.co.cc/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

Ket: Silahkan anda ganti tulisan yang berwarna PINK dengan alamat blog anda

jika sudah Klik Tombol SIMPAN dan lihat hasilnya seperti Gambar di bawah ini:

Cara Pasang Social Bookmark Button Untuk Blog blogger

1.Pertama silahkan anda Menuju halaman Sociofluid dan lihat Widget
2.Kemudian Pilih Buttons Yang ingin anda pasang

3.Jika sudah Klik tombol Generate widget
4.Trus jika sudah Klik Tombol Add To Blogger
5.Maka anda akan di arahkan ke halaman blogger anda "Impor Page Elemant" trus klik tombol Add Widget
6.Pilih Posisi Tata letak..saya sarankan ada baiknya letakan di bawah postingan anda
7.Simpan dan silahkan lihat Hasilnya

Happy Blogging jangan lupa kasih comment ya....

cara pasang Bookmark Button di Blog blogger

Pertama Login Ke Blogger Pada DASBOR->>TATA LETAK/RANCANGAN->>EDIT HTML->>EXPAND TEMPLATE WIDGET kemudian cari code seperti ini

<data:post.body/>

Jika Sudah Ketemu Tambahkan Code Berikut Ini Lalu letakan Tepat Setelah Code Di atas

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglTXb5iRCKqv5BLThRe1PeMEZ7eCaPeksMPgSETURsGgGhKMYCGAeCJBHpz2Po8v06kKR_dySUoB8dUeaLGKe3o7WypS3OLGFF7AGj724rIkXD4fXv6f5NJFw-CUCyt5rTstrsRqbbg6Yh//' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0IugbPOoCUAUOADO7U1ZTw__cgdopqSdj_08PLHVGPgVP3j7Y6JX00iBj-CM4Yzup7MyBydGrkP8JBp9Pzk8omvufLgf_f2RjwPiV0CEllviWNIp17kN4LpPjgQlbzkCBWnsIKk6Kkqn//' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU-rcTCYlvTaureMS7nQOuLUnhCFY0bFmEKxJJ9HqTJ9ogAwb5NtUeWxBK5GDFIMch4oA3-JCkCsVVwlvA1TXXf3I7z9iu2QEcqZ5W9OWYPG0MgG2j_rezY1G3cJh66o-aZHGJYbYZypoC//' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7dJPm6E_TSFLkCP5yZD82Qx4TRi_xyOpG8Ca4xpSuU6BikG-GGHynnzaLm0HWI0_X7yTfK23AnyglXYQm3iVAZu_aJBzLUN_rQdyA1z1bRfcYWZjKdfvQj-5kMOkqCP24-F2uxo8aTCRB//' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKtIBVWfG_MvBq8xamlh_pOhJjjZXT3lk9MNFEeGGPXZvzoNvpJHRyn5ZkS87YI29749lIzgpwFZXWoFEMSkC8kljmmGL4YjIoigVahtDgssAZsaUhDkQWHLwbAE2DisemaoKxHef5RPn//' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8v7TsreGEa7vG_CUtgpNEL1imzviWmC8Kkgah98j8oZhhWY_m8b2Dm6LRupMSKqBY8HhciWmyVDlBEjPgQXAoSVhrPWCf57Lan2O9gkm448qdo6SX9_ZlKFevL2kWPW-WFgRRWJqIdj8V//' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5wkPYyGrA9cmSOsqyY0Md-sk-f1WOPAxIf57RVDi98pBMRI6xwgflqTi_Zh8Uy0SnwivG60DMe_iiE1JmeT8PPMhVTQZRm5NxJhp7MGUEREfwS29CQHTlKQ_R0RK0zS2rg3oU8Kv8s626//' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglSwp0lwfpEFGXuANjs9ZmwU6al9NX1DdecITz2Tt2EhlHAvwGjPP8AsjqyGhujr4NcRA7D69Tkxp4zvdQOZ9iDyoBfwx74yHbMYi7Df4os-L8WekMQ24SKHSgHnsuWX1CSNsBu7wZ3zoU//' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

jangan Lupa Klik simpan dan lihat hasilnya....:))
Ket:jika anda sudah memakai fasilitas ReadMore maka letakan code tersebut di bagian <data:post.body/> yang kedua.....:))

Mau mendapatkan Penghasilan Lebih,KLIK Iklan di Bawah ini ..!

 

Blogroll


ShoutMix chat widget

Followers

Ping your blog, website, or RSS feed for Free My Ping in TotalPing.comGet Free Back Links Ping your blog, website, or RSS feed for FreeBlog sains Community kumpulan artikel Sains dan Teknologi Blog Sains dan top artikel
Blog Sains dan top artikel