Welcome to my blog and i'm Muhammad Amierul Zakwan bin Abdul Halim

Saturday 29 June 2013

tutorial : effect 'round hover' pada image apabila disentuh cursor .

Assalamualaikum ..



credit to : jombinabelog.blogspot.com jom cuba !


1. sign in blogger.com > dashboard > template > edit html > ctrl F .

2. cari code :

/* Headings

atau pun

/* Header


3. copy code bawah dan paste SEBELUM code /* Headings atau /* Header :

a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .9.9;
border-radius:50px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}


contoh :


a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .9.9;
border-radius:50px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}


/*Header


4. click save template and view blog ;)


click like and comment if you like this tutorial :D

xoxo,
Bsupertype ..!

Assalamualaikum ..

tutorial : add this widget @ fb, twitter, share button dalam blog .

Assalamualaikum ..

add this widget ni terletak kat bawah entry setiap post, macam ni :





so, macam mana nak buat ? here's the step :



1. sign in blogger.com > dashboard > layout > add a gadget > html/javascript .

2. copy code bawah ni and pastekan dalam ruangan html/javascript tadi :



<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f8669ff10b4fd79"></script>
<script type='text/javascript'> 
document.doAT = function(cl)
{
        var myclass = new RegExp('hentry');
        var myTitleContainer = new RegExp('post-title');
        var myPostContent = new RegExp('post-footer');
        var elem = this.getElementsByTagName('div');
        for (var i = 0; i < elem.length; i++) 
        {
            var classes = elem[i].className;
            if (myclass.test(classes)) 
            {
                var container = elem[i];
                for (var b = 0; b < container.childNodes.length; b++)
                {
                    var item = container.childNodes[b].className;
                    if (myTitleContainer.test(item))
                    {
                        var link = container.childNodes[b].getElementsByTagName('a');
                        if (typeof(link[0]) != 'undefined')
                        {
                            var url = link[0].href;
                            var title = link[0].innerHTML;
                        }
                        else
                        {
                            var url = document.url;
                            var title =  container.childNodes[b].innerHTML;
                        }
                        if (typeof(url) == 'undefined'|| url == 'undefined' ){
                            url = window.location.href;
                        }
                    var singleq = new RegExp("'", 'g');
                    var doubleq = new RegExp('"', 'g');                                                                                                                                                                                                                          
                    title = title.replace(singleq, '&#39;', 'gi');
                    title = title.replace(doubleq, '&#34;', 'gi');
                    
                    }
                    if (myPostContent.test(item))
                    {
                        var footer = container.childNodes[b];
                    }
                }
                var n = document.createElement('div');
                var at = "<div class='addthis_toolbox addthis_default_style ' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"'   > <a class='addthis_button_facebook_like' fb:like:layout='button_count'></a> <a class='addthis_button_tweet'></a> <a class='addthis_button_google_plusone' g:plusone:size='medium'></a> <a class='addthis_counter addthis_pill_style'></a> </div> ";
                n.innerHTML = at;
                container.insertBefore(n , footer);
            }
        }
    return true;
};

document.doAT('hentry');


</script>




3. click save and view blog ;)



click like @ comment bila dah berjaya buat :D


xoxo,
Bsupertype ..!

Assalamualaikum ..

tutorial : fieldset .

Assalamualaikum ..
haa, kalau tak tau fieldset tu apa, tengok gambar bawah ni .



lawak k sebab cartoon tu comel macam buntalsubtype XD



1. sign in > dashboard > layout > add a gadget > html/javascript .

2. copy paste code bawah ni dalam ruangan html/javascript tadi :


<fieldset><legend><img src="URL IMAGE"/></legend>TEXT ANDA</fieldset>


*nota kakitangan :
URL IMAGE : paste url image yang korang nak . right click > copy image url . kalau tak tau jugak cara dapatkan url image, KLIK SINI . nak cari image comel, KLIK SINI .
TEXT ANDA : tukarkan dengan teks yang korang nak .

3. click save > view blog ;)



xoxo,
Bsupertype ..!

Assalamualaikum ..

tutorial : total post and comment widget @ widget jumlah post dan komen dalam blog .

Assalamualaikum ..


widget ni secara automatik akan memaparkan kesemua jumlah post dan komen yang ada dalam blog korang . jom cuba !


1. sign in blogger.com > dashboard > layout > add a gadget > html/javascript .

2. copy paste code bawah ni dalam ruangan html/javascript tadi :


<center><script style="text/javascript">
function totalPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script></center>
<small><a href="http://jombinabelog.blogspot.com/2011/12/widget-jumlah-post-dan-komen.html" target="_blank">get this</a></small>




3. click save . view blog anda ;)


sila comment @ like tutorial ini sebagai tanda anda telah berjaya mencuba tutorial ini :)

xoxo,
Bsupertype ..!

Assalamualaikum ..

tutorial : hilangkan/buang navigation bar @ how to remove blogger navigation bar .

Assalamualaikum ..

buat tutorial best jugak nieh . hehe
as uolss know, contoh navigation bar :




yang dalam kotak merah tu navigation bar untuk blogger .
cc to : google images .


mesti semak kan ? nak buang tak tau ? meh sini nak tunjuk step by step :



1. sign in akaun blogger > dashboard > template > edit html > ctrl F .

2. cari kod ni > /* Variable definitions

3. dah jumpa ? copy paste pulak code bawah ni sebelum/atas code /* Variable definitions tadi

#navbar-iframe { display: none !important; }

4. klik preview, kalau dah hilang nav. bar, klik save template .


as easy as ABC . selamat mencuba ! ;)
dah berjaya, komen k :)

xoxo,
Bsupertype ..!

Assalamualaikum ..

Sunday 23 June 2013

happy birthday to you .

Assalamualaikum ..


so, guess what ? 23 . 06 . 2013 . hari nie birthday Muhammad Amierul Zakwan bin Abdul Halim . yeah .. the owner of this blog . iolss cume tumpang je since dye tak reti nak menghapdate kan uolss . so, aku nak wish, 'Happy Birthday 20th' to him . waahhh, kemain dah tua rupenye kau dari aku . tapi, kalau nak bandingkan perangai, aku lagi matang kott . lol :P so ..

HAPPY BIRTHDAY 20th TO YOU !
dah lame tak buat sesi lepaking ramai2 sambil buat birthday prank kan ? tup2 birthday kau before exam database . naya haru kau tade orang prank ! but, just wait, okay ! maybe someday you will be my victim ! hahaha









Happy birthday 20th to you . wish you all the best . wish you all is well . no matter what happens, please note that weolss right here by your side . papehal yang terjadi, story kat orang even benda tu pahit nak luahkan .. tak nak la kau jadi macam nie ->


yang penting kau hutang kitorang kena belanje bowling sebelum kau kena baling dengan bowling dari kitorang :P tu je kott . kbaii ^^V

Crafty Nieya
p/s : btw, kau nak hadiah ape nie ?? haa ??!

Assalamualaikum ..

About Me

My photo
Kuala Selangor, Selangor
Muhammad Amierul Zakwan bin Abdul Halim. Born on 23.June.2013. 20 years old.