Better a cruel truth than a comfortable delusion ...
Home Anime / e-Story Story Santai Tutorials All bout d Braces Relationship

Friday, January 24, 2014

Tutorial Link Hover Underline

example 


1. Dashboard --> Template --> Edit HTML

2. Cari kod di bawah..tekan ctrl + F untuk mudahkan pencarian...

a:hover { 

3. Copy kod di bawah dan paste kan di bawah kod a:hover {

border-top: 2px dashed #ff80c0;
border-bottom: 2px dashed #80ffff

4. Save template dan lihat hasilnya .. =)

Kalau korang just nak hover line atas, delete jer line yang kat bawah ny...
border-bottom: 2px dashed #80ffff; 

dan begitu lah sebaliknya kalau nak yang yang bawah jer, delete line yang ny ....
border-top: 2px dashed #ff80c0;
p/s :
oren ---> kod warna
merah ----> ketebalan line

Thursday, January 23, 2014

Tutorial Widget Pengomen Terbanyak (Bergambar)

jum jum... hargai korang punya follower dengan widget pengomen terbanyak ny....



STeP ::

1. Dashboard --> Layout --> Add a gadget --> Javascript/ HTML

2. Copy kod di bawah sehingga habis dan paste kan pada Javascript/ HTML  ..

<style type="text/css">
.top-commenter-line img {
border: 2px solid #ffffff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
}
.top-commenter-line img:hover {-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.top-commenter-line {margin: 3px 0;}
.top-commenter-line .profile-name-link {padding-left:0;}
.top-commenter-avatar {vertical-align:middle;
}

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

var maxTopCommenters = 7;
var minComments = 1;
var numDays = 0;
var excludeMe = true;
var excludeUsers = ["Anonymous", "someotherusertoexclude"];
var maxUserNameLength = 42;
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = '';
var txtAnonymous = '';
var sizeAvatar = 50;
var cropAvatar = true;
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRKVSzHzK0QwCSoZhCudMiCrd5RsHe1v7LYMPL0192RaLsoKF6sPMDCebH8xjOTH2bgn7Rx_AGJLaX2UUHD54bygceJOls3J0yeQQplfwOUG3wYvduVy8TboGsiyO3jQCMF3tl99d68nyM/s1600/ck-avatar.jpg";
var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRKVSzHzK0QwCSoZhCudMiCrd5RsHe1v7LYMPL0192RaLsoKF6sPMDCebH8xjOTH2bgn7Rx_AGJLaX2UUHD54bygceJOls3J0yeQQplfwOUG3wYvduVy8TboGsiyO3jQCMF3tl99d68nyM/s1600/ck-avatar.jpg' + sizeAvatar;
var urlMyProfile = '';
var urlMyAvatar = '';

// for old IEs & IE modes:
if(!Array.indexOf) {
Array.prototype.indexOf=function(obj) {
for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
return -1;
}}
function replaceTopCmtVars(text, item, position)
{
if(!item || !item.author) return text;
var author = item.author;

var authorUri = "";
if(author.uri && author.uri.$t != "")
authorUri = author.uri.$t;

var avaimg = urlAnoAvatar;
var bloggerprofile = "http://www.blogger.com/profile/";
if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
avaimg = author.gd$image.src;
else {
var parseurl = document.createElement('a');
if(authorUri != "") {
parseurl.href = authorUri;
avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
}
}
if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
avaimg = urlMyAvatar;
if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
avaimg = urlNoAvatar;
var newsize="s"+sizeAvatar;
avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
if(cropAvatar) newsize+="-c";
avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");

var authorName = author.name.$t;
if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
authorName = txtAnonymous;
var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'"title="'+authorName+'" src="'+avaimg+'" />';
if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';

if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
authorName = authorName.substr(0, maxUserNameLength-3) + "...";
var authorcode = authorName;
if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';

text = text.replace('[user]', authorcode);
text = text.replace('[image]', imgcode);
text = text.replace('[#]', position);
text = text.replace('[count]', item.count);
return text;
}

var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
var one_day=1000*60*60*24;
var today = new Date();

if(urlMyProfile == "") {
var elements = document.getElementsByTagName("*");
var expr = /(^| )profile-link( |$)/;
for(var i=0 ; i<elements.length ; i++)
if(expr.test(elements[i].className)) {
urlMyProfile = elements[i].href;
break;
}
}

for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i];
if(numDays > 0) {
var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);

//Calculate difference btw the two dates, and convert to days
var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
if(days > numDays) break;
}
var authorUri = "";
if(entry.author[0].uri && entry.author[0].uri.$t != "")
authorUri = entry.author[0].uri.$t;

if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
continue;
var authorName = entry.author[0].name.$t;
if(excludeUsers.indexOf(authorName) != -1)
continue;

var hash=entry.author[0].name.$t + "-" + authorUri;
if(topcommenters[hash])
topcommenters[hash].count++;
else {
var commenter = new Object();
commenter.author = entry.author[0];
commenter.count = 1;
topcommenters[hash] = commenter;
}
}
if(json.feed.entry.length == 200) {
ndxbase += 200;
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
return;
}

// convert object to array of tuples
var tuplear = [];
for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);

tuplear.sort(function(a, b) {
if(b[1].count-a[1].count)
return b[1].count-a[1].count;
return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
});

// list top topcommenters:
var realcount = 0;
for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
var item = tuplear[i][1];
if(item.count < minComments)
break;
document.write('<di'+'v class="top-commenter-line">');
document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
document.write('</d'+'iv>');
realcount++;
}
if(!realcount)
document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>
<span id=ck-wkt><a href= http://editblogcomel.blogspot.com/2014/01/tutorial-widget-pengomen-terbanyak.html target=_blank>Grab Me!</a></span>
<style type=text/css>
#ck-wkt {font-family: Arial,Tahoma;font-size:9px;font-style:italic;padding-top:7px;display:block;text-align:right;}
</style> 

3. Save dan lihat hasilnya.... =)

Tuesday, January 21, 2014

Tukar Warna Highlight


jom tukar warna highlight...tak mau asyik warna biru ajerrrr.....boring~


1. Dashboard --> Template --> Edit HTML

2. Cari kod di bawah..tekan ctrl + F untuk mudahkan pencarian...

/* Header

3. Copy kod di bawah dan paste kan di atas kod /* Header 

::-moz-selection {
background:#fcdfFF;
color:#000000;
}
::selection {
background:#fcdfFF;
color:#000000;

note ::::  
leh tukar kod warna untuk
------>  oren -  warna highlight
------>  merah -  warna tulisan

 Source

Giraffe in the Blog??



1. Dashboard --> Layout --> Add a gadget --> Javascript/ HTML

2. copy kod di bawah sehingga habis dan paste kan pada Javascript/ HTML  ..

<script type="text/javascript" src="http://blogparts.giffy.me/0046/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://twi1.me/"><img style="border:0;" src="http://blogparts.giffy.me/0046/logo.gif" alt="面白ツイートグランプリ" /></a></p><p style="text-align:center;font-size:12px;margin:5px 0 0 0;padding:0;"><a href="http://www.hapinemu.net/blogparts/">ブログパーツ ハピネム</a></p>

3. Save dan lihat hasilnya... =)

source and preview 

Flying Bee in the Blog??



1. Dashboard --> Layout --> Add a gadget --> Javascript/ HTML 

2. copy kod di bawah sehingga habis dan paste kan pada Javascript/ HTML  ..

<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp076/bp076.js"></script><p><a href="http://www.hapinemu.net/blogparts/"><img src="http://www.hapinemu.net/fobp/bp076/banner.png" alt="集まれミツバチさんブログパーツ" border="0"></a></p>

3. Save dan lihat hasilnya.... =)

Sunday, January 19, 2014

Kampung Kraftangan Kota Bharu, Kelantan

hyeppp..

siapa yang dah pernah pergi Kampung Kraftangan Kota Bharu, Kelantan sila angkat tangan.... yeay, kita geng...hehe 


source ( Kg Kraftangan ) 

Berdekatan Kampung Kraftangan ini juga terdapat banyak monumen, tinggalan sejarah, kebudayaan dan kesenian yang boleh anda lawati seperti Bank Kerapu, Muzium Kraftangan, Istana Balai Besar, Padang Bank, Istana Jahar dan Pintu Gerbang. Selain itu, Masjid Muhammadi juga terletak berdekatan.


And my adventure begins... 

Hari tu kitorang ( aku, kak nad, chah dan biey ) pergi jalan-jalan ke Kampung Karangkraf Kota Bharu..pada awalnya kami just nak pergi makan kat restoran nasi ulam Cikgu yang femes di kelantan nie... tapi alang-alang daaa dekat sini, kami pun masuk menjenguk ke Kampung Karangkraf ni... 

and my first impression, "Wauu, cantiknya tempat ni. "  

So, sekarang ni aku just nak share suasana di tempat ni dengan berbekalkan gambar saje laaa... 






















continue ::::


















Saturday, January 18, 2014

Cara Link Tab Menu

awas....! ini tutorial bergambar....





nanti akan keluar pages yang korang dah create tadi... 


make sure right click ye sebelum tekan view.... 



yeay...! ada link daaa....



lastly... 

Tutorial Tab Menu yang simple (rotate)


1. Dashboard --> Add a Layout ---> Edit HTML / Javascript

2. Copy kod di bawah ni dan pastekan dalam kotak edit html / javascript ..

<style>
rotate {
font-family: calibri;
letter-spacing: 1px;
font-size: 11px;
line-height: 13px;
display: inline-block;
background: #eee;
border: 2px solid pink;
color: #0080ff ;
width: 110px;
padding: 5px;
margin: 1px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
rotate:hover {
font-family: calibri;
letter-spacing: 1px;
font-size: 11px;
line-height: 13px;
display: inline-block;
background: pink ;
border: 2px solid white;
 color: #fff;
-webkit-transform: rotate(180deg) scale(1);
    -moz-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    }
</style>
<center>
<a href="http://editblogcomel.blogspot.com/"><rotate>Home</rotate></a>
<a href="http://editblogcomel.blogspot.com/p/islam_3.html"><rotate>Islam</rotate></a>
<a href="http://editblogcomel.blogspot.com/p/utorials.html"><rotate>Story Santai</rotate></a>
<a href="http://editblogcomel.blogspot.com/p/tutorials.html"><rotate>Tutorials</rotate></a>
<a href="http://editblogcomel.blogspot.com/p/braces.html"><rotate>All bout d Braces</rotate></a>
</center> 

3. Save dan lihat hasilnya....

note :
tulisan kaler oren - tukar dengan link korang
tulisan kaler purple  - tukar ikut kreativiti korang

nak tab menu kaler lain : adjust kod warna sendiri =)

tambah tab menu?
just tambah kod ni sebelum </center>

<a href="link pages korang"><rotate>nama</rotate></a>

kalau nak delete, just delete

<a href="link pages korang"><rotate>nama</rotate></a>

btw, ni sambungan tutor untuk dapatkan link pages korang .... ----> tutor link tab menu

p/s : goodluck! =)

Wednesday, January 15, 2014

Cara Guna Blockquote



Then, click PUBLISH..... 

hasilnya : 

“You've gotta dance like there's nobody watching,
Love like you'll never be hurt,
Sing like there's nobody listening,
And live like it's heaven on earth.” 
― William W. Purkey



make sure, korang daa edit / buat blockquote tu...kalau tak jadi, maybe tersalah kod letak kod blockquote tu.... and
please try again...

# tutor Blockquote 1
# tutor Blockquote 2
# tutor Blockquote 3

but, kalau tak jadi jugak, leh inform saya... in sha Allah saya tolong....
=)

Tuesday, January 14, 2014

Tutorial Daisypath




Pergi ke link ni ---> Daisypath  ..

Korang set up laaa yang mana patut ..nak style apa, etc...

pilih salah satu

pilih yang mini atau full size? salah satu laa... then, NEXT... 

background? and then NEXT... 

Slider? and then, NEXT....

Choose...and then, NEXT.... 

isi ikut kreativiti, and then NEXT.... 

------------------------------------------------------------------------------------------------------------ 

to be continued~

1.





2.  Dashboard ---> Layout --> Add a gadjet --> HTML / Javascript 

3. Paste ... and then save... 

Tutorial Banjirkan Blog

air makin naik
alamak..! banjir daaa...! 

1. Layout --> Add a gadjet --> HTML / Javascript

2. Copy kod di bawah dan paste pada HTML / Javascript

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/efek_banjir.js"></script>

3.  Kalau nak remove banjir tu buat sementara, just pangkah kat " X " dalam blog anda tu...


credit  ...

Saturday, January 11, 2014

Tutorial Centerkan Gadjet di Sidebar (versi simple)



1. Dashboard --> Template ---> Edit HTML

2. Cari kod di bawah..tekan ctrl + F untuk mudahkan pencarian..

.main-outer {

3. Copy kod di bawah dan pastekan selepas kod no. 2 ...

text-align:center;

4. Preview...kalau ok, baru save eyh... =)


ALERT : 
- setelah anda save template ini, maka kebarangkalian untuk seluruh kandungan post anda akan berada pada kedudukan center ... 

so, sy suggest guna Tutorial yang berikut ---> ( X_x )  walaupun agak complicated...
CAUSE tutorial tersebut more spesifik pada gadget yang kita nak ubah jer...  

=)


Tutorial Centerkan Gadget di Sidebar (complicated sikit)

before
after

awas....!! tutorial yang ni payah sikit nak buat sebab kena pandai main adjust kod...

kalau nak yang simple, REFER SITU ajer laaaa....


tapi, pada yang nak try main kod ni same2, jom kita start....let's go..!!!

1. Dashboard --> Template ---> Edit HTML 

2. Cari nama gadjet yang korang nak centerkan kandungan dia...... 
tekan ctrl + F untuk mudahkan pencarian ... 

ex : Miss B nak centerkan kandungan PAGEVIEWS ...   

dah jumpa?  



OK, skrg ...

1. click pada anak panah yang miss B daa bulatkan tu... ( nanti dia akan kua kod panjang-panjang ke bawah ) ....

2. copy kod di bawah ni dan pastekan SEBELUM <div class='widget-content'>.. ( rujuk gambar di atas ) 

<center> 



3. scroll ke bawah slow-slow sampai jumpa kod </div> ... ( rujuk gambar di atas )

4. copy kod di bawah dan pastekan SELEPAS </div>  .. ( rujuk gambar di atas )

</center> 
5. jap2....preview dulu...kalau ok, baru save...! =)

p/s : komen ye kalau jadi...huahuahua
Related Posts Plugin for WordPress, Blogger...