Maskolis Template

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.
languageDirection' xmlns='http://www.w3.org/1999/xhtml ' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2 005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <a href='http://mas-template.blogspot.com/' target='_tab' title='Mas Template'>< img border='0' src='http://3.bp.blogspot.com/-NQRHo7XeAmM/TyuVB6cVRaI/AAAAAAAAFA w/EkhNLjATZGQ/s1600/banner+mas+template.gif'/></a> <head> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type ='text/css'/> <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='styleshe et' type='text/css'/> <meta content='G686YjvZe1L2gy_nfQzToPeO01qYHTgPOIsxoXceH-k' name='google-site-ve rification'/> <META content='179e4344f5bf285f' name='y_key'/> <META content='922a81a4e487e4b3' name='y_key'/> <meta content='F1B5572F175A0165DEC67E1688DBECE2' name='msvalidate.01'/> <meta content='Z8An1UhQ960t0o7EASU0wC263T4' name='alexaVerifyID'/> <link expr:href='data:blog.url' rel='canonical'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='true' name='MSSmartTagsPreventParsing'/> <meta content='blogger' name='generator'/> <link href='maskolis.blogspot.com/feeds/posts/default' rel='alternate' title='MA SKOLIS - Atom' type='application/atom+xml'/> <link href='maskolis.blogspot.com/feeds/posts/default?alt=rss' rel='alternate' t itle='MASKOLIS - RSS' type='application/rss+xml'/> <link href='http://www.blogger.com/feeds/4776626422297598315/posts/default' rel= 'service.post' title='MASKOLIS - Atom' type='application/atom+xml'/> <link href='http://www2.blogger.com/rsd.g?blogID=4776626422297598315' rel='EditU RI' title='RSD' type='application/rsd+xml'/> <b:if cond='data:blog.pageType == "index"'> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/> | Informasi Dunia Maya Terkini</title> </b:if> <b:else/> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Informasi Dunia Maya Terkini | Maskolis ' name='description'/> <meta content='Tuhan, agama, sejarah, misteri, dunia, filsafat, tokoh, olahraga, musik, berita, aneh, renungan, kesehatan, teknologi, sains, kehidupan, fakta, b udaya, wanita, seksiologi, psikologi' name='keywords'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='true' name='MSSmartTagsPreventParsing'/> <meta content='blogger' name='generator'/> <meta content='noodp' name='robots'/> <meta content='maskolis' name='author'/> <meta content='MASKOLIS' name='copyright'/> <meta content='index, follow' name='robots'/> <meta content='id' name='language'/> <meta content='id' name='geo.country'/> <meta content='global' name='distribution'/> <meta content='1 days' name='revisit-after'/> <meta content='Indonesia' name='geo.placename'/> </b:if>
<b:skin><![CDATA[/* /* ----------------------------------------------Blogger Template Style Name : Johny Storage Author : Maskolis Url : http://www.maskolis.com/ Updated by: Blogger Team ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#eeeeee"> <Variable name="textcolor" description="Text Color" type="color" default="#333" value="#333333"> <Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#256ead"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#333333"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#666666"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#000000"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#dcd9d9"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#333333"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#256ead"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="norm al normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,S ans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-seri f"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal normal 26 px Georgia, Serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdan a, Sans-serif" value="normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSan s, sans-serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdan a, Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, san s-serif"> <Variable name="startSide" description="Side where text starts in blog langua ge" type="automatic" default="left" value="left"> <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"> */
#navbar-iframe{height:0;visibility:hidden;display:none} body{background:#fff url(http://3.bp.blogspot.com/-GV3zX8HgdwI/T_CMwMq4DSI/AAAAA AAAHIc/qmVrjYJRAws/s1600/body-blog+copy.png) repeat fixed top center;color:$text color;font:x-small Georgia Serif;font-size:small;text-align:center;margin:0} a:link{color:$linkcolor;text-decoration:none} a:visited{color:$visitedlinkcolor;text-decoration:none} a:hover{color:$titlecolor;text-decoration:none} a img{border-width:0} #header-wrapper{background:url(http://4.bp.blogspot.com/-lgUEBT0Qv6o/T6JXp5owk8I /AAAAAAAAA1c/gx5WwDuWvAw/s1600/header-bg.png)repeat-x bottom;width:980px;border: 0 solid $bordercolor;margin:0 auto} #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header{float:left;width:230px;border:0 solid $bordercolor;text-align:left;color :$pagetitlecolor;margin:0} #header2{float:right;width:728px;margin-right:10px;text-align:left;color:#555} .header .widget,.header2 .widget{margin:0 auto;padding:10px 0} #header h1{line-height:1.2em;text-transform:uppercase;letter-spacing:.1em;font:$ pagetitlefont;margin:0 auto;padding:10px 5px .15em} #header a{color:$pagetitlecolor;text-decoration:none} #header a:hover{color:$pagetitlecolor} #header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01e m;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto; padding:0 5px 5px} #header img{margin-startside:auto;margin-endside:auto} #blog-outer{background:#f0f0f0;width:980px;text-align:$startSide;font:$bodyfont; margin:0 auto;padding:0 0px 0 0} #main-wrapper{padding-left:20px;width:630px;float:$startSide;word-wrap:break-wor d;overflow:hidden} #midle-wrapper{padding-left:10px;width:360px;float:$startSide;word-wrap:break-wo rd;overflow:hidden} h2{font:$headerfont;line-height:1.4em;text-transform:uppercase;letter-spacing:.0 1em;color:$sidebarcolor;margin:.5em 0 .25em} h2.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height :1.2em;margin:.1em 0} .post{background:#fff;border:1px solid silver;margin:.1em 0 .5em;padding:10px 15 px} .post h3{font-family:Georgia, Times, Serif;font-size:180%;font-weight:700;line-h eight:1.2em;color:$titlecolor;margin:.25em 0 0;padding:0 0 4px} .post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none ;color:$titlecolor;font-weight:700} .post h3 strong,.post h3 a:hover{color:$textcolor} .post-body{border-top:2px solid #bbb;padding-top:6px;line-height:1.6em;font:14px Arial;margin:3.1em 0 .75em} .post-body blockquote{line-height:1.3em} .post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfoote rfont;line-height:1.4em;margin:.75em 0} .comment-link{margin-left:.1em} .post img,table.tr-caption-container{padding-top:4px;border:0 solid #ccc} .tr-caption-container img{border:none;padding:0} .post blockquote{font:italic 14px Georgia;color:#000;letter-spacing:.001em;lineheight:1em;float:left;margin:15px;padding:0 auto} .post blockquote p{margin:.75em 0} #comments h4{color:#111;font-size:16px;font-family:Tahoma, Arial, Verdana;font-w eight:400;margin:0 0 5px;padding:0} #comments{background:#FFF;border:1px solid silver;margin:0 0 10px;padding:15px 1 0px 10px} .deleted-comment{font-style:italic;color:gray} #blog-pager-newer-link{float:$startSide} #blog-pager-older-link{float:$endSide}
#blog-pager{text-align:center} .feed-links{clear:both;line-height:2.5em} .ads h2,.sidebar h2{border-bottom:1px solid #fff;font:bold 13px Arial;text-trans form:none;color:#fff;line-height:1.2em;letter-spacing:.01em;background:url(http: //3.bp.blogspot.com/-gZ30hfZT9q8/T5ldWYPj02I/AAAAAAAAAtw/M6mXB4tiWq0/s1600/tabbe r.png) repeat-x top;text-shadow:1px 1px 1px #444;margin:0 auto;padding:7px 10px} .sidebar .widget{border:0px solid silver;background:#fff;text-shadow:1px 0 0 #ff f;margin:0 0 8px;padding:0 auto} .ads .widget{background:#f0f0f0;margin:0 0 8px;padding:0 auto} .sidebar .widget-content{margin:0 auto;padding:0} .sidebar{font:normal 12px Arial;color:#555;line-height:1.4em} .sidebar li{border-bottom:1px dotted #8f8f8f;text-indent:0;line-height:1.3em;mar gin:0;padding:4px 0} .sidebar a:link,.sidebar a:visited{font:12px Arial;color:#111;text-decoration:no ne} .sidebar ul{list-style:none;margin:0;padding:0 10px} .footer h2{font:bold 13px Arial;line-height:1.3em;text-transform:uppercase;lette r-spacing:.01em;color:#fff;margin:0 auto;padding:5px 0} .footer{color:#2b2c2c;line-height:1.3em;font:normal 12px Arial} .footer ul{list-style:none;color:#888;margin:0;padding:0} .footer li{background:url(http://3.bp.blogspot.com/-7szTL6-w5Gg/Ty1LrHAAQXI/AAAA AAAAFDY/zkqxxgk6SIo/s1600/bg-bg.GIF) no-repeat 1px 6px;font:normal 11px Arial;te xt-indent:0;line-height:1.3em;border-bottom:0 dotted #ccc;margin:0;padding:1px 0 1px 14px} .footer a:link,.footer li a:visited{color:#fff;text-decoration:none} .footer .widget{border:0 solid $bordercolor;margin:0 0 12px} .main-footer{background:#1152a2;width:980px;border-bottom:1px solid #000;bordertop:1px solid #ccc;text-align:center;font:$bodyfont;margin:0 auto} #footer-wrapper{width:940px;text-align:left;font:$bodyfont;margin:0 auto;padding :0} #footer1-wrapper{width:300px;float:$startSide;word-wrap:break-word;overflow:hidd en} #footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;ov erflow:hidden;padding:0 10px} .credit-wrapper{background:url(http://1.bp.blogspot.com/-rkVe7-0_zAk/T6JclDIZQRI /AAAAAAAAA2U/A0PoZ506vQY/s1600/footer.png) repeat-x top;width:980px;margin:0 aut o;padding:0 auto} .credit{width:960px;line-height:1.6em;text-align:center;font-family:Arial;font-s ize:12px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:0px 0 0px 1 0px} .credit a:link,.credit a:visited{color:#cecdcd;text-decoration:none} #menuwrapperpic{background:url(http://4.bp.blogspot.com/-BTFRNg-RQRw/T_BLEt01wyI /AAAAAAAAHHE/GOUSCOgpkm4/s1600/videobar.png) repeat-x bottom;width:980px;margin: 0 auto;padding:0 auto;border-top:1px solid #2274db} #menuwrapper{width:980px;height:27px;margin:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0 } #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;tex t-transform:none;color:#ddd;padding:8px 10px 8px} #menubar a.trigger{background-image:url(http://3.bp.blogspot.com/-LzmPTNyR6po/Tw ETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);background-repeat:no-re peat;background-position:right center;padding:8px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px}
#menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;texttransform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;-moz-b ox-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6) } #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{backgro und-color:#222;color:#fff} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:trans parent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;disp lay:block;font-size:1px;height:0;line-height:0;} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-de coration:none} #nav-wrapper{background:#333;border-top:1px solid #444;height:25px;font-family:" Tahoma",Palatino,serif;overflow:hidden} #nav{margin:0 auto;width:980px;height:25px;padding:0;text-shadow:1px 1px 2px #00 0} #nav ul{float:left;width:auto;height:25px;margin:0;padding:0;list-style-type:non e} #nav ul li{float:left;height:25px} #nav ul li a,#nav ul li a:visited{border-right:1px solid #000;background:#222;bo rder-left:1px solid #444;color:#eee;height:25px;float:left;padding:3px 14px;font :11px Oswald;text-transform:none;transition:all 400ms ease-in-out;-webkit-transi tion:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:a ll 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;} #nav ul li a:hover{background:#000;color:#999;text-decoration:none;} .headline-wrapper{background:url(http://1.bp.blogspot.com/-iVnb1via2l4/T6JZtGv1F OI/AAAAAAAAA18/Nb1MsIebyK4/s1600/headline.png) repeat-x bottom;border-bottom:0 s olid #444;width:980px;height:22px;margin:0 auto;padding:0 auto} .headline{width:980px;line-height:1.4em;text-align:left;font-family:Arial;font-s ize:11px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:0 auto} .headline a:hover{color:#eace12;text-decoration:underline} #searchbar{background:url(http://1.bp.blogspot.com/-Tj311tOuSXw/T40fSwQhb2I/AAAA AAAAAl0/UynjCcmZ9CE/s1600/searchbar.png) repeat-x bottom;width:980px;height:40px ;font-size:12px;font-family:Arial, Tahoma, Verdana;color:#616161;font-weight:700 ;padding:0} #searchbarleft{width:290px;float:left;margin:0;padding:7px 0 0 10px} #searchbarmiddle{width:280px;float:left;margin:0;padding:4px 0 0} #searchbarright{width:180px;float:right;margin:0;padding:8px 0 0} #searchbarright1{width:190px;float:left;margin:0;padding:2px 0 0} #searchbarform{display:inline;overflow:hidden;margin:10px 0 0} #searchbarformheader{margin:0} #cat{background:#fff;width:220px;color:#222;font-family:Arial, Tahoma, Verdana;d isplay:inline;margin:3px;padding:3px 2px 2px} #subscribe{overflow:hidden;margin:0;padding:0 0 5px} #subbox{background:#fff url(http://3.bp.blogspot.com/-3nqMfDFqsUQ/T4_x8t_XbaI/AA AAAAAAAok/oVXZ6X2RKsg/s1600/email.png) no-repeat scroll 4px center;font:bold 11p x Sans-Serif;color:#666;text-decoration:none;border:1px solid #aaa;height:14px;w idth:170px;margin:0;padding:5px 0 4px 34px} #subbutton{background:#999;color:#FFF;font:11px Arial;font-weight:700;text-decor ation:none;border:1px solid #666;margin-left:5px;padding:3px 5px} ul.isocial{list-style:none;margin:0;padding:5px 20px 0 0} ul.isocial li{float:right;margin:0 5px;padding:0} ul.isocial li a{float:right;background-image:url(http://1.bp.blogspot.com/-Tg7Bi kflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png);background-p osition:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px ;overflow:hidden;width:24px;height:24px;position:relative}
ul.isocial li a.rss{background-position:0 0} ul.isocial li a.rss:hover{background-position:0 -25px} ul.isocial li a.facebook{background-position:-25px 0} ul.isocial li a.facebook:hover{background-position:-25px -25px} ul.isocial li a.twitter{background-position:-50px 0} ul.isocial li a.twitter:hover{background-position:-50px -25px} ul.isocial li a.google{background-position:-75px 0} ul.isocial li a.google:hover{background-position:-75px -25px} ul.isocial li a.youtube{background-position:-100px 0} ul.isocial li a.youtube:hover{background-position:-100px -25px} .showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:2px 5px} .showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:n one;margin:2px;padding:2px 5px} .showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #7b7c7d;b ackground:#256ead;color:#fff;margin:2px;padding:2px 5px} .slide-wrapper{width:auto;float:left;word-wrap:break-word;overflow:hidden;margin :0 auto;padding:0 auto} #ads1-wrapper{padding-left:10px;width:650px;float:left;word-wrap:break-word;over flow:hidden} .ads1 .widget{margin:0;padding:0 0 5px} #ads-wrapper,#sidebar-wrapper,#footer3-wrapper{padding-right:10px;width:300px;fl oat:$endSide;word-wrap:break-word;overflow:hidden} #comments-block .comment-author,.profile-datablock{margin:.5em 0} .ads1 ul,.slide ul,.midle ul,.sidebar4 ul,.sidebar5 ul{list-style:none;margin:0; padding:0} .widget-wrapper2{padding:10px} .widget-tab{background:#e8e8e8;font-family:Arial,Helvetica,sans-serif;padding:5p x!important} .widget-tab ul{margin:0;padding:0 5px} .widget-tab ul li{list-style:none;border-bottom:1px dotted silver;padding-top:4p x;padding-bottom:4px;font-size:12px} .widget-tab ul li:last-child{border-bottom:none} .widget-tab ul li a{text-decoration:none;color:#3e4346} .widget-tab ul li a small{color:#8b959c;font-size:9px;text-transform:uppercase;f ont-family:Verdana, Arial, Helvetica, sans-serif;position:relative;left:4px;top: 0} .tab-content ul li a:hover small{color:#baae8e} .active-tab{background:#fff url(http://2.bp.blogspot.com/-vAfhdVmE9JA/T5a3MS-qDu I/AAAAAAAAAsk/LQC6PVBB6lQ/s1600/sidebar-bg.png) repeat-x scroll left bottom!impo rtant;color:#282E32!important} ul.tab-wrapper{margin:5px 0 4px;padding:0} ul.tab-wrapper li{border-bottom:none;background:url(http://4.bp.blogspot.com/-s9 FYCLkP4yk/T6JVOeCgWdI/AAAAAAAAA1E/OQRToYE7Hz0/s1600/tabber.png) repeat-x top;col or:#FFF;cursor:pointer;display:inline;font-family:Arial;font-size:10px;line-heig ht:2em;list-style-image:none!important;list-style-position:outside!important;lis t-style-type:none!important;margin-right:1px;text-align:center;text-decoration:n one;text-transform:uppercase;padding:8px 12px} #related-posts{float:left;width:100%;border-bottom:1px solid #aaa;margin:5px 0;p adding:5px 0} #related-posts .widget h2,#related-posts h2{font-family:Arial,sans-serif;font-we ight:nomal;font-size:15px;color:#000;text-transform:none;margin:0 0 10px;padding :0} #related-posts a{color:#055e96;font-family:Arial,sans-serif;font-weight:400;font -size:12px} #related-posts li{line-height:1.6em;border-top:1px solid #eee;margin:0 0 0 -20px ;padding:2px 0} #featuredContent{float:left;width:360px;margin-right:10px;display:inline} #featured-slider{position:relative;overflow:hidden;width:360px;height:245px} #featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:360px;min-he ight:30px;height:auto!important;background:url(http://4.bp.blogspot.com/-bp2HK6M
dDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png);padding:5px 5px 0 5px} #featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding-right:5px} #featured-slider .featuredTitle a{color:yellow;font:bold 14px Tahoma;text-transf orm:none;padding-right:5px} #featured-slider .featuredTitle a:hover{color:#fff} #featured-slider .contentdiv{visibility:hidden;position:absolute;left:0;top:0;zindex:1} #paginate-featured-slider{display:block;background-color:#f0f0f0;margin-bottom:0 ;padding:0 0 5px} #paginate-featured-slider ul{width:368px;padding-bottom:0;list-style:none} #paginate-featured-slider ul li{display:inline;width:84px;float:left;margin-left :0;margin-right:8px;margin-bottom:3px} #paginate-featured-slider img{padding-top:5px;background:#f0f0f0} #paginate-featured-slider a img{border-top:4px solid #f0f0f0} #paginate-featured-slider a:hover img,#paginate-featured-slider a.selected img{b order-top:4px solid #256ead} #carousel{width:980px;height:125px;border-bottom:1px solid #ccc;position:relativ e;display:block;background:#5599e6} #carousel h5{color:#555;margin:2px} #carousel .container{position:absolute;left:24px;width:960px;height:125px;overfl ow:hidden} #carousel .thumb{float:left;margin-right:5px;} #carousel #previous_button{position:absolute;width:24px;height:125px;background: url(http://3.bp.blogspot.com/-vxUtQ_S674s/T-8KtEsewAI/AAAAAAAAHGs/cfd8RK0R-vM/s1 600/previous.png) center;z-index:100;cursor:pointer;} #carousel #next_button{position:absolute;right:0;width:24px;height:125px;backgro und:url(http://3.bp.blogspot.com/-FaZC4Gr6pS0/T-8KsaJKtHI/AAAAAAAAHGk/GDXOy42rx3 Q/s1600/next.png) center;z-index:100;cursor:pointer;} #carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:h over{filter:alpha(opacity=70);opacity:.7} #carousel ul{width:100000px;position:relative;margin-top:10px} #carousel ul li{background:#ebebeb;display:inline;float:left;text-align:left;fon t:bold 11px Arial;border:0px solid #ccc;width:212px;height:90px;margin:0 2px 20p x 6px;padding:6px} #carousel ul li a.slider_title{color:#222;display:block;margin-top:0;padding-top :0} .catbox-even{background:#eddbf7;border:0px solid #bebebe;width:318px;padding-bot tom:5px;margin-bottom:10px} .catbox-even li{border-bottom:1px solid #caa0e2;font-size:12px;background:url(ht tp://4.bp.blogspot.com/-CetnW4aSnp4/Tzzms5OvwvI/AAAAAAAAFTo/C_Q4Y90axkI/s1600/ar rowList_2.gif) no-repeat 0 4px;margin:0 10px;padding:5px 0 5px 11px} .catbox-even li.first{display:block;font-family:Arial,serif;font-size:12px;borde r-top:0;background:none;padding:0} .catbox-even .entry-thumb{float:left;margin-right:10px} .catbox-even .entry-title{font-size:13px} .bottomBox h1{font:bold 14px Arial;text-transform:uppercase;color:#eee;line-heig ht:1.2em;letter-spacing:.01em;background:url(http://3.bp.blogspot.com/-rrCKxIn6H RU/T_BsNt3UoUI/AAAAAAAAHHk/_beUdT3oV-o/s1600/blockTitle02.png) repeat-x top;marg in:0 auto;padding:10px} .bottomBox{overflow:hidden;background:#e7f2fe url(http://1.bp.blogspot.com/-pnDH 65XbUQc/T_Bvf8MKdrI/AAAAAAAAHHw/g-ho_RxVtNA/s1600/box-bg.png) repeat-x top;width :650px;margin-bottom:5px;padding:0} .bottomBox .left{float:left} .bottomBox .right{float:right} .bottomBox_wide{width:400px} .bottomBox_wide .thumb{float:left;padding:10px} .bottomBox_narrow{width:235px}
.bottomBox ul li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQ I/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font-size:1em;line -height:15px;padding:2px 0 3px 16px} .bottomBox h2{line-height:15px} .bottomBox h1 a:hover,.bottomBox ul li a:hover{color:#fff} .bottomBox h1 a,.bottomBox h1 a:visited{color:#ebebeb} .bottomBox h2 a,.bottomBox h2 a:visited{color:#333;text-transform:none} .index{background:url(http://4.bp.blogspot.com/-qBWfAnJhUbM/T_GSXD2qFmI/AAAAAAAA HJQ/wG-QoR9Q-EE/s1600/index.png) no-repeat center left!important;float:right;fon t:bold 12px Arial;color:#eee;display:block;margin:10px 0 0;padding:0 10px 0 15px } .index a,.index a:visited{color:#eee;text-transform:none} .sidebar a:hover,.tab-content ul li a:hover,#carousel ul li a.slider_title:hover ,.catbox-even h1 a:hover,.catbox-even ul li a:hover{color:#1b5d97} .footer li a:hover,.credit a:hover{color:#e5ba19;text-decoration:none} #top li:hover ul,#top li.hvr ul,.catbox-even .entry-excerpt,.bottomBox_wide img{ display:block} .slide .widget,.midle .widget,.sidebar4 .widget,.sidebar5 .widget,#related-posts .widget{margin:0;padding:0} #sidebar4-wrapper,#sidebar5-wrapper{padding-left:10px;width:320px;float:$startSi de;word-wrap:break-word;overflow:hidden} .catbox-even h2 a:hover,.bottomBox h2 a:hover,.index a:hover{color:#256ead;textdecoration:none} .bottomBox ul li a,.bottomBox ul li a:visited{color:#111} .catbox-even ul,.bottomBox ul{list-style:none;padding:0} .catbox-even h1{font:bold 14px Arial;text-transform:none;color:#333;line-height: 1.2em;letter-spacing:.01em;background:#600972;border-bottom:0px solid #bebebe;ma rgin:0 auto;padding:8px 10px} .catbox-even h1 a,.catbox-even h1 a:visited{color:#fff;text-transform:uppercase} .catbox-even h2 a,.catbox-even h2 a:visited,.catbox-even ul li a,.catbox-even ul li a:visited{color:#000;text-transform:none} .newsfea{background:url(http://4.bp.blogspot.com/-w24CwVjYGO8/T0EL1smfKtI/AAAAAA AAFXQ/eHJye-wTdNQ/s1600/rss.png) no-repeat 0px 10px;margin:0px;padding:5px 0 5px 20px;font:14px Oswald;color:#193250;border-bottom:1px solid #c3c3c3;border-top: 1px solid #c3c3c3;text-transform:uppercase;text-shadow:1px 1px 1px #ccc} .post-thumbnail{width:60px;height:60px;float:left;margin:0px 10px 0px 0px} .post-snippet:before{content:attr(data-snippet);} #maskolis h1{background:url(http://4.bp.blogspot.com/-BTFRNg-RQRw/T_BLEt01wyI/AA AAAAAAHHE/GOUSCOgpkm4/s1600/videobar.png) repeat-x bottom;font:12px Oswald;margi n:0px;padding:7px 10px;border-bottom:1px solid #2c76e1;text-transform:uppercase; } #maskolis h1 a,#maskolis h1 a:visited{color:#f7441a} #maskolis h1 a:hover{color:#eee} #maskolis {background:#1152a2;width:100%;overflow:hidden;margin-bottom:10px;} #maskolis .col_maskolis {width:113px;height:110px;float:left;padding:0 0 10px;ma rgin:5px 0px 5px 5px;text-align:center;} #maskolis .col_maskolis .play-button{background:url(http://2.bp.blogspot.com/-ov jJPkHzdEw/T-Oi6Z8TzkI/AAAAAAAAG-o/Sga_faBvPTs/s1600/play.png) no-repeat 40px 35p x;cursor:pointer;} #maskolis .maskolis_img {margin:10px 2px;width:109px;height:80px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 4 00ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ea se-in-out} #maskolis .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:. 7;-khtml-opacity:.7} #maskolis .posttitle {height:15px;border:0 none;line-height:8px;margin:0 5px 5px ;padding:2px}
#maskolis .posttitle a{color:#fff;font:12px PT Sans Narrow;line-height:13px;text -transform:none;} #maskolis .posttitle a:hover {color:#f7441a} #crosscol3-wrapper{margin-bottom:8px;height:80px;width:980px;float:left;word-wra p:break-word;overflow:hidden} #crosscol-wrapper{margin-bottom:8px;background:#1360c3;height:80px;width:980px;f loat:left;word-wrap:break-word;overflow:hidden} #crosscol1-wrapper,#crosscol4-wrapper{width:468px;float:left;word-wrap:break-wor d;overflow:hidden} #crosscol2-wrapper,#crosscol5-wrapper{margin-right:10px;width:468px;float:right; word-wrap:break-word;overflow:hidden} .crosscol .widget,.crosscol1 .widget,.crosscol2 .widget,.crosscol3 .widget,.cros scol4 .widget,.crosscol5 .widget{padding:10px} .botwrapper{width:100%;margin:0 auto;padding:0 auto;border-top:1px solid #2274db ;border-bottom:1px solid #fff} .bot{background:url(http://4.bp.blogspot.com/-BTFRNg-RQRw/T_BLEt01wyI/AAAAAAAAHH E/GOUSCOgpkm4/s1600/videobar.png) repeat-x bottom;width:980px;height:30px;margin :0 auto;padding:0 auto} .bot ul{padding-left:0;color:#eee;text-transform:capitalize;list-style-type:none ;font:12px Arial;margin:0} .bot li{display:inline;margin:0} .bot li a{float:left;display:block;text-decoration:none;color:#eee;padding:7px 1 0px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-m oz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-tran sition:all 400ms ease-in-out;text-shadow:0px -1px 0px #191513;} .bot li a:hover{color:#e5ba19} .bawah-wrapper{background:#600972;border-top:2px solid #fff;width:980px;height:2 5px;margin:0 auto;padding:0 auto} .bawahtext{padding-top:4px;font:bold 12px Arial;color:#eee;text-align:center} ]]></b:skin> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'> #main-wrapper {width: 280px;padding-left:10px;} h2.date-header, .post-timestamp,.post-footer,.feed-links {display:none} .post h3 {line-height:1em;margin:0 0 4px;padding:0} .post h3 a, .post h3 a:visited{font:12px Oswald} .post h3 strong, .post h3 a:hover {color:#256ead;} .post {border:none;background:none;} .post {border-bottom:1px dotted silver;margin:0px;padding:3px 0} .post-body{font:11px Arial;border-top:none;padding-top:0px;background:none;margi n:0 0 .15em;text-align:left} #blog-pager {font:normal 11px Arial;text-align:left;margin:6px 0 1px 0;padding:7 px 0px 7px 0px;} </style> </b:if></b:if> <script type='text/javascript'> var relatedpoststitle="Related articles"; </script> <script type='text/javascript'> //<![CDATA[ var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array() ;function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d =c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link .length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link
[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=ne w Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains (b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.len gth-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){fo r(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRe latedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relat edUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.le ngth-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h2>"+ relatedpoststitle+"</h2>")}document.write("<ul>");while(b<relatedTitles.length&& b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTi tles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.writ e("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relat edTitles.length)}; //]]> </script> <script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB 4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];t his.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sorts tring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcon tainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototy pe.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls [this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.f eedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype. displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentryco ntainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.pro totype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.inne rHTML='<img src="'+gfeedfetcher_loading_image+'" /> Retrieving RSS feed(s)';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this. feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feed limit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedl imit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.fe edurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch _data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a ,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.in dexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTime String():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarra y=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.so rt(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_arra y=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddla bel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetch er.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.fee dsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher. prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n" :"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d ='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c] .title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">[' +this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publis hedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a [c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+ =this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\ n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e}; var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){
this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;t his.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";th is.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetche r;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._ displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.it emsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.f eedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(th is.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedf etcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.len gth)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);th is.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,th is.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tick erdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperp age;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv. onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage ()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":" ";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" clas s="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfie ld">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].published Date,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"< br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\ n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage= function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotateme ssage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointe r+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoption s,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+t his.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;se tTimeout(function(){b._rotatemessage()},this.delay)}}; //]]> </script> <style type='text/css'> .titlefield{text-decoration: none;} .labelfield{color:#666;font-size: 100%;} .datefield{color:#fff;font:normal 12px Arial;} #example1{width: 900px;height: 12px;border: 0px solid #aaa;padding: 0px;font:bol d 12px Arial;text-transform:none;text-align:left;background-color:transparent;} code{color: #fff;} #example1 a:link, #example1 a:visited {color:#ffc416;text-decoration:none;} #example1 a:hover {color:#fff;text-decoration:none;} </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' ty pe='text/javascript'/> <script type='text/javascript'> var starttab=0; var endtab=2; var sidebarname="sidebar"; </script> <script type='text/javascript'> //<![CDATA[ var home_page_tab=location.href;if(home_page_tab.indexOf("blogger.com")!=-1){var starttab=-1;var endtab=-1}var $jtab1=jQuery.noConflict();$jtab1(document).ready (function(){var a="<div class='widget-wrapper'><ul class='tab-wrapper'></ul>";fo r(i=starttab;i<=endtab;i++){$jtab1("#"+sidebarname+" .widget h2").eq(i).hide();$ jtab1("#"+sidebarname+" .widget").eq(i).hide();$jtab1("#"+sidebarname+" .widget .widget-item-control").eq(i).hide()}$jtab1("#"+sidebarname+" .widget").eq(startt ab).before(a);i=0;j=0;$jtab1("#"+sidebarname+" .widget > h2").each(function(){if (i>=starttab&&i<=endtab){var b=$jtab1(this).text();$jtab1("#"+sidebarname+" .tab -wrapper").append("<li class='tab' id='tabid"+sidebarname+j+"'>"+b+"</li>");j++} i++});i=0;j=0;$jtab1("#"+sidebarname+" .widget").each(function(){if(i>=starttab &&i<=endtab){$jtab1(this).attr({id:"widgtabid"+sidebarname+j});$jtab1(this).addC
lass("widget-tab");j++}i++});$jtab1("#"+sidebarname+" .tab").click(function(){$j tab1("#"+sidebarname+" .widget-tab").slideUp();$jtab1("#widg"+$jtab1(this).attr( "id")).slideDown();$jtab1("#"+sidebarname+" .tab").removeClass("active-tab");$jt ab1(this).addClass("active-tab")});$jtab1("#"+sidebarname+" .tab:first").click() }); //]]> </script> <script type='text/javascript'> //<![CDATA[ (function($){$.fn.jCarouselLite=function(o){o=$.extend({btnPrev:null,btnNext:nul l,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,cir cular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});ret urn this.each(function(){var running=false,animCss=o.vertical?"top":"left",sizeC ss=o.vertical?"height":"width";var div=$(this),ul=$("ul:first",div),tLi=$(".car" ,ul),tl=tLi.size(),v=o.visible;if(o.circular){ul.prepend(tLi.slice(tl-v-1+1).clo ne()).append(tLi.slice(0,v).clone());o.start+=v}var li=$(".car",ul),itemLength=l i.size(),curr=o.start;div.css("visibility","visible");li.css({overflow:"hidden", float:o.vertical?"none":"left"});ul.css({padding:"0",position:"relative","list-s tyle-type":"none","z-index":"1"});div.css({overflow:"hidden","z-index":"2"});var liSize=o.vertical?height(li):width(li);var ulSize=liSize*itemLength;var divSize =liSize*v;li.css({width:li.width()});ul.css(sizeCss,ulSize+"px").css(animCss,-(c urr*liSize));div.css(sizeCss,divSize+"px");if(o.btnPrev)$(o.btnPrev).click(funct ion(){return go(curr-o.scroll)});if(o.btnNext)$(o.btnNext).click(function(){retu rn go(curr+o.scroll)});if(o.btnGo)$.each(o.btnGo,function(i,val){$(val).click(fu nction(){return go(o.circular?o.visible+i:i)})});if(o.mouseWheel&&div.mousewheel )div.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll)});i f(o.auto)setInterval(function(){go(curr+o.scroll)},o.auto+o.speed);function vis( ){return li.slice(curr).slice(0,v)};function go(to){if(!running){if(o.beforeStar t)o.beforeStart.call(this,vis());if(o.circular){if(to<=o.start-v-1){ul.css(animC ss,-((itemLength-(v*2))*liSize)+"px");curr=to==o.start-v-1?itemLength-(v*2)-1:it emLength-(v*2)-o.scroll}else if(to>=itemLength-v+1){ul.css(animCss,-((v)*liSize) +"px");curr=to==itemLength-v+1?v+1:v+o.scroll}else curr=to}else{if(to<0||to>item Length-v)return;else curr=to}running=true;ul.animate(animCss=="left"?{left:-(cur r*liSize)}:{top:-(curr*liSize)},o.speed,o.easing,function(){if(o.afterEnd)o.afte rEnd.call(this,vis());running=false});if(!o.circular){$(o.btnPrev+","+o.btnNext) .removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLeng th-v&&o.btnNext)||[]).addClass("disabled")}}return false}})};function css(el,pro p){return parseInt($.css(el[0],prop))||0};function width(el){return el[0].offset Width+css(el,'marginLeft')+css(el,'marginRight')};function height(el){return el[ 0].offsetHeight+css(el,'marginTop')+css(el,'marginBottom')}})(jQuery); //]]> </script> <script type='text/javascript'> //<![CDATA[ var featuredcontentslider={ //3 variables below you can customize if desired: ajaxloadingmsg: '<div style="margin: 20px 0 0 20px"><img src="loading.gif" /> Fe tching slider Contents. Please wait...</div>', bustajaxcache: true, //bust caching of external ajax page after 1st request? enablepersist: true, //persist to last content viewed when returning to page? settingcaches: {}, //object to cache "setting" object of each script instance jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually. this.turnpage(this.settingcaches[fcsid], pagenumber) }, ajaxconnect:function(setting){ var page_request = false
if (window.ActiveXObject){ //Test for support for ActiveXObject in IE fi rst (as XMLHttpRequest in IE7 is broken) try { page_request = new ActiveXObject("Msxml2.XMLHTTP") } catch (e){ try{ page_request = new ActiveXObject("Microsoft.XMLHTTP") } catch (e){} } } else if (window.XMLHttpRequest) // if Mozilla, Safari etc page_request = new XMLHttpRequest() else return false var pageurl=setting.contentsource[1] page_request.onreadystatechange=function(){ featuredcontentslider.ajaxpopulate(page_request, setting) } document.getElementById(setting.id).innerHTML=this.ajaxloadingmsg var bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "& "+new Date().getTime() : "?"+new Date().getTime() page_request.open('GET', pageurl+bustcache, true) page_request.send(null) }, ajaxpopulate:function(page_request, setting){ if (page_request.readyState == 4 && (page_request.status==200 || window. location.href.indexOf("http")==-1)){ document.getElementById(setting.id).innerHTML=page_request.respo nseText this.buildpaginate(setting) } }, buildcontentdivs:function(setting){ var alldivs=document.getElementById(setting.id).getElementsByTagName("di v") for (var i=0; i<alldivs.length; i++){ if (this.css(alldivs[i], "contentdiv", "check")){ //check for DI Vs with class "contentdiv" setting.contentdivs.push(alldivs[i]) alldivs[i].style.display="none" //collapse all c ontent DIVs to begin with } } }, buildpaginate:function(setting){ this.buildcontentdivs(setting) var sliderdiv=document.getElementById(setting.id) var pdiv=document.getElementById("paginate-"+setting.id) var phtml="" var toc=setting.toc var nextprev=setting.nextprev if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){ for (var i=1; i<=setting.contentdivs.length; i++){ phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="str ing"? toc.replace(/#increment/, i) : toc[i-1])+'</a> '
} phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev [0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+ne xtprev[1]+'</a>' : '') pdiv.innerHTML=phtml } var pdivlinks=pdiv.getElementsByTagName("a") var toclinkscount=0 //var to keep track of actual # of toc links for (var i=0; i<pdivlinks.length; i++){ if (this.css(pdivlinks[i], "toc", "check")){ if (toclinkscount>setting.contentdivs.length-1){ //if th is toc link is out of range (user defined more toc links then there are contents ) pdivlinks[i].style.display="none" //hide this to c link continue } pdivlinks[i].setAttribute("rel", ++toclinkscount) //stor e page number inside toc link pdivlinks[i][setting.revealtype]=function(){ featuredcontentslider.turnpage(setting, this.get Attribute("rel")) return false } setting.toclinks.push(pdivlinks[i]) } else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdi vlinks[i], "next", "check")){ //check for links with class "prev" or "next" pdivlinks[i].onclick=function(){ featuredcontentslider.turnpage(setting, this.cla ssName) return false } } } this.turnpage(setting, setting.currentpage, true) if (setting.autorotate[0]){ //if auto rotate enabled pdiv[setting.revealtype]=function(){ featuredcontentslider.cleartimer(setting, window["fcsaut orun"+setting.id]) } sliderdiv["onclick"]=function(){ //stop content slider when slid es themselves are clicked on featuredcontentslider.cleartimer(setting, window["fcsaut orun"+setting.id]) } setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefad e[1]*50) //add time to run fade animation (roughly) to delay between rotation this.autorotate(setting) } }, urlparamselect:function(fcsid){ var result=window.location.search.match(new RegExp(fcsid+"=(\\d+)", "i") ) //check for "?featuredcontentsliderid=2" in URL return (result==null)? null : parseInt(RegExp.$1) //returns null or inde x, where index (int) is the selected tab's index }, turnpage:function(setting, thepage, autocall){
var currentpage=setting.currentpage //current page # before change var totalpages=setting.contentdivs.length var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(th epage))? currentpage+1 : parseInt(thepage) turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : tur ntopage //test for out of bound and adjust if (turntopage==setting.currentpage && typeof autocall=="undefined") //i f a pagination link is clicked on repeatedly return setting.currentpage=turntopage setting.contentdivs[turntopage-1].style.zIndex=++setting.topzindex this.cleartimer(setting, window["fcsfade"+setting.id]) setting.cacheprevpage=setting.prevpage if (setting.enablefade[0]==true){ setting.curopacity=0 this.fadeup(setting) } if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete) setting.contentdivs[setting.prevpage-1].style.display="none" //c ollapse last content div shown (it was set to "block") setting.onChange(setting.prevpage, setting.currentpage) } setting.contentdivs[turntopage-1].style.visibility="visible" setting.contentdivs[turntopage-1].style.display="block" if (setting.prevpage<=setting.toclinks.length) //make sure pagination li nk exists (may not if manually defined via "markup", and user omitted) this.css(setting.toclinks[setting.prevpage-1], "selected", "remo ve") if (turntopage<=setting.toclinks.length) //make sure pagination link exi sts (may not if manually defined via "markup", and user omitted) this.css(setting.toclinks[turntopage-1], "selected", "add") setting.prevpage=turntopage if (this.enablepersist) this.setCookie("fcspersist"+setting.id, turntopage) }, setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between) var targetobject=setting.contentdivs[setting.currentpage-1] if (targetobject.filters && targetobject.filters[0]){ //IE syntax if (typeof targetobject.filters[0].opacity=="number") //IE6 targetobject.filters[0].opacity=value*100 else //IE 5.5 targetobject.style.filter="alpha(opacity="+value*100+")" } else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozill a syntax targetobject.style.MozOpacity=value else if (typeof targetobject.style.opacity!="undefined") //Standard opac ity syntax targetobject.style.opacity=value setting.curopacity=value }, fadeup:function(setting){ if (setting.curopacity<1){ this.setopacity(setting, setting.curopacity+setting.enablefade[1 ]) window["fcsfade"+setting.id]=setTimeout(function(){featuredconte
ntslider.fadeup(setting)}, 50) } else{ //when fade is complete if (setting.cacheprevpage!=setting.currentpage) //if previous co ntent isn't the same as the current shown div (happens the first time the page l oads/ script is run) setting.contentdivs[setting.cacheprevpage-1].style.displ ay="none" //collapse last content div shown (it was set to "block") setting.onChange(setting.cacheprevpage, setting.currentpage) } }, cleartimer:function(setting, timervar){ if (typeof timervar!="undefined"){ clearTimeout(timervar) clearInterval(timervar) if (setting.cacheprevpage!=setting.currentpage){ //if previous c ontent isn't the same as the current shown div setting.contentdivs[setting.cacheprevpage-1].style.displ ay="none" } } }, css:function(el, targetclass, action){ var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig") if (action=="check") return needle.test(el.className) else if (action=="remove") el.className=el.className.replace(needle, "") else if (action=="add") el.className+=" "+targetclass }, autorotate:function(setting){ window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.tu rnpage(setting, "next")}, setting.autorotate[1]) }, getCookie:function(Name){ var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for targ et name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its v alue return null }, setCookie:function(name, value){ document.cookie = name+"="+value }, init:function(setting){ var persistedpage=this.getCookie("fcspersist"+setting.id) || 1 var urlselectedpage=this.urlparamselect(setting.id) //returns null or in dex from: mypage.htm?featuredcontentsliderid=index this.settingcaches[setting.id]=setting //cache "setting" object setting.contentdivs=[]
setting.toclinks=[] setting.topzindex=0 setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedp age : 1) setting.prevpage=setting.currentpage setting.revealtype="on"+(setting.revealtype || "click") setting.curopacity=0 setting.onChange=setting.onChange || function(){} if (setting.contentsource[0]=="inline") this.buildpaginate(setting) if (setting.contentsource[0]=="ajax") this.ajaxconnect(setting) } } //]]> </script> <script type='text/javascript'> //<![CDATA[ imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAA AAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPos t=100;summaryPost1=140;summaryTitle=25;numposts1=12;numposts2=6;numposts3=4;nump osts4=4;numposts5=10;numposts6=5;numposts7=4;function removeHtmlTag(strx,chop){v ar s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]= s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,ch op-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr .length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i <numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pc m;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length ;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(v ar k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].t ype=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in en try){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent =entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr. length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\ "",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&& (d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","F ebruary","March","April","May","June","July","August","September","October","Nov ember","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate. split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if (parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd ='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" heig ht="90" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a clas s="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd) ;j++}document.write('</ul>')}function showrecentposts2(json){j=(showRandomImg)?M ath.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.fe ed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i =0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.leng th;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for (var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k] .type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postconte nt=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>img r.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src =\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1) &&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb ","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate. split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split(" -")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2
];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments< /a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+postur l+'">'+posttitle+'</a></h2><div class="play-button"><a href="'+posturl+'"><img c lass="maskolis_img" src="'+img[i]+'"/></a></div><div class="clear"></div></div>' ;document.write(trtd);j++}}function showrecentposts3(json){j=(showRandomImg)?Mat h.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts3 ;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var post url;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(e ntry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<e ntry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text /html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var p ostcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.sum mary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j =0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s. indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))im g[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr ","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2 ].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(v ar u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="contentdiv"><a href="'+posturl+'"> <img width="360" height="240" class="alignnone" src="'+img[i]+'"/></a><div class ="sliderPostInfo"><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+' </a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';docu ment.write(trtd);j++}}function showrecentposts4(json){j=(showRandomImg)?Math.flo or((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts3;i++) {var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;i f(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry. link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry. link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html '){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postco ntent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary. $t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;im g[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.index Of("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]= d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","Ma y","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].sub string(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2 =0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var days tr=day+' '+m+' '+y;var trtd='<li><a class="toc" href="#"><img width="84" height= "54" class="alignnone" src="'+img[i]+'"/></a></li>';document.write(trtd);j++}}fu nction showrecentposts5(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math. random()):0;img=new Array();if(numposts4<=json.feed.entry.length){maxpost=numpos ts4}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=jso n.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed .entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel==' alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k+ +){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.l ink[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.co ntent.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var po stcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s =postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d =s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1 ,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May ","June","July","August","September","October","November","December"];var day=po stdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate. split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=mo nth2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' co mments</a>';if(i==0){var trtd='<li class="first"><div class="entry-thumb"><a hre f="'+posturl+'"><img width="110" height="80" src="'+img[i]+'"/> </a></div><h2 cl ass="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2><div class="entry-
meta"><span class="meta-date">'+daystr+'</span></div><div class="entry-excerpt"> <p>'+removeHtmlTag(postcontent,summaryPost)+'... <a href="'+posturl+'" class= "meta-more">Read more <span class="meta-nav"></span></a></p></div></li>';documen t.write(trtd)}if((i>0)&&(i<maxpost)){var trtd='<li class="catlist"><a href="'+po sturl+'">'+posttitle+'</a></li>';document.write(trtd)}j++}}function showrecentpo sts6(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts5;i++){var entry=json.feed.entry[i];var posttitle =entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k =0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.lin k[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='rep lies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];br eak}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.p ublished.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<im g");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];va r month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec "];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];va r y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==mo nth[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li><a href="' +posturl+'">'+posttitle+' </a></li>';document.write(trtd);j++}}function showrece ntposts7(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img =new Array();if(numposts6<=json.feed.entry.length){maxpost=numposts6}else{maxpos t=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i] ;var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)b reak;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){pos turl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.lin k[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.sp lit(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else i f("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";po stdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a= s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c -b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8, 9,10,11,12];var month2=["January","February","March","April","May","June","July" ,"August","September","October","November","December"];var day=postdate.split("")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];f or(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break} }var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';if( i==0){var trtd='<div class="bottomBox_wide left"><div class="thumb"><a href="'+p osturl+'"><img width="190" height="140" src="'+img[i]+'"/></a></div><div class=" featuredPost lastPost"><h2 class="postTitle"><a href="'+posturl+'">'+posttitle+' </a></h2> <p>'+removeHtmlTag(postcontent,summaryPost1)+'... <a href="'+pos turl+'">Read More </a></p><div class="clear"></div></div></div><ul><div class="bo ttomBox_narrow right">';document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd='<l i><a href="'+posturl+'">'+posttitle+' </a></li>';document.write(trtd)}j++}docume nt.write('</ul></div>')} //]]> </script> </head> <body> <div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div id='blog-outer'><div id='wrap2'>
<div class='headline-wrapper'> <div class='headline'> <div style='float:left;padding:2px 5px 5px 10px;font:bold 12px Arial;color:#fff; text-transform:none;'> Headlines News : </div> <div style='float:left;width:800px;padding:2px 0; position:relative; overflow:hi dden;'> <script type='text/javascript'> var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new") cssfeed.addFeed("Headline News", "http://maskolis.blogspot.com/fe eds/posts/default") cssfeed.displayoptions("date") cssfeed.setentrycontainer("div") cssfeed.filterfeed(10, "date") cssfeed.entries_per_page(1) cssfeed.init() </script> </div> </div><div style='clear:both;'/> </div> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='MASKOLIS (Header)' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "BEHIND"'> <!-Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --> <b:if cond='data:mobile'> <div id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0p x'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> <b:else/> <div expr:style='"background-image: url(\"" + data:sour ceUrl + "\"); " + "background-positio n: " + data:backgroundPositionStyleStr + "; &qu ot; + data:widthStyleStr + "m in-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; " ' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0p x'> <b:include name='title'/> </h1>
</div> <b:include name='description'/> </div> </b:if> <b:else/>  <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:wid get.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='d ata:width' style='display: block'/> </a>  <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'> <b:include name='description'/> </b:if> </div> </b:if> <b:else/>  <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> </b:includable> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> </b:widget> </b:section> <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes' > <b:widget id='HTML8' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section>
<div style='clear:both;'/> </div> <div id='menuwrapperpic'> <div id='menuwrapper'> <ul id='menubar'> <li><a href='/'><img border='0' src='http://1.bp.blogspot.com/-Yx-NuFKviSQ/TwETa PMdmfI/AAAAAAAAATs/fLZvwofZ8N0/s1600/home_white.png' style='padding:0px;'/></a>< /li> <li><a href='#'>Tentang Kami</a></li> <li><a class='trigger' href='#'>Kontak Kami</a> <ul> <li><a href='#'>Goggle +</a></li> <li class='hr'/> <li><a href='#'>Contact on Facebook</a></li> <li class='hr'/> <li><a href='#'>Contact on Twitter</a></li> </ul> </li> <li><a href='http://maskolis.blogspot.com/search/label/renungan'>Renungan</a></l i> <li><a href='http://maskolis.blogspot.com/search/label/misteri'>Misteri</a></li> <li><a href='http://maskolis.blogspot.com/search/label/fakta'>Fakta</a></li> <li><a href='http://maskolis.blogspot.com/search/label/astronomi'>Astronomi</a>< /li> <li><a href='http://maskolis.blogspot.com/search/label/kehidupan'>Kehidupan</a>< /li> <li><a class='trigger' href='http://maskolis.blogspot.com/search/label/kesehatan '>Kesehatan</a> <ul> <li><a href='http://maskolis.blogspot.com/search/label/mitos'>Mitos</a></li> <li class='hr'/> <li><a href='http://maskolis.blogspot.com/search/label/olahraga'>Olahraga</a></l i> <li class='hr'/> <li><a href='http://maskolis.blogspot.com/search/label/seksiologi'>Seksiologi</a ></li> </ul> </li> <li><a href='http://maskolis.blogspot.com/search/label/teknologi'>Teknologi</a>< /li> <li><a class='trigger' href='http://maskolis.blogspot.com/search/label/berita'>B erita</a> <ul> <li><a href='http://maskolis.blogspot.com/search/label/aneh'>Berita Aneh</a></li > <li class='hr'/> <li><a href='http://maskolis.blogspot.com/search/label/dalam%20negeri'>Dalam Neg eri</a></li> <li class='hr'/> <li><a href='http://maskolis.blogspot.com/search/label/luar%20negeri'>Luar Neger i</a></li> <li class='hr'/> <li><a href='http://maskolis.blogspot.com/search/label/sejarah'>Sejarah</a></li> <li class='hr'/> <li><a href='http://maskolis.blogspot.com/search/label/serba%20serbi'>Serba Serb i</a></li> <li class='hr'/> <li><a href='http://maskolis.blogspot.com/search/label/Sosial%20Budaya'>Sosial B udaya</a></li> </ul>
</li> </ul> <br class='clearit'/> </div> <div style='clear:both;'/> </div> <div id='nav-wrapper'> <div id='nav'> <b:section class='page' id='page' showaddelement='no'> <b:widget id='PageList1' locked='false' title='Pages' type='PageList'> <b:includable id='main'> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li> <b:else/> <li><a expr:href='data:link.href'><data:link.title/></a></li> </b:if> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> </div> </div> <div id='searchbar'> <div id='searchbarleft'> <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' metho d='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverif y?uri=blogspot/htbgh', 'popupwindow', 'scrollbars=yes,width= 550,height=520');return true' target='popupwindow'><input id='subbox' name= 'email' onblur='if (this.value == '') {this.value = 'Enter your e mail address...';}' onfocus='if (this.value == 'Enter your email addre ss...') {this.value = '';}' type='text' value='Enter your email a ddress...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name= 'loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='En ter'/></form> </div> <div id='searchbarmiddle'> <b:section id='labelsmenu' maxwidgets='1'> <b:widget id='Label1' locked='true' title='Kategori' type='Label'> <b:includable id='main'> Topics : <select class='postform' id='cat' name='cat' onchange='location=this.op tions[this.selectedIndex].value;'> <option>Choose Categories</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select> </b:includable> </b:widget> </b:section> </div> <div id='searchbarright'> <form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://maskolis.blogspot.c om'/> <input id='search-box' name='q' onblur='if(this.value=='')this.value=t his.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='&a pos;;' style='width:120px;border:none;padding:3px 7px; font:12px Arial;color:#66 6; background:#fff;border:1px solid #ccc;' type='text' value='Search ...'/><inpu t align='top' id='search-btn' src='http://1.bp.blogspot.com/-s0m9sepW0gc/T5ltQy2 L89I/AAAAAAAAAt8/SIa8-qL5dVc/s1600/search.jpg' style='padding:0px 3px;' type='im age' value='Search'/> </form> </div> <div id='searchbarright1'> <ul class='isocial'> <li><a class='rss' href='#' target='_blank' title='Subscribe via RSS'/></li> <li><a class='facebook' href='#' target='_blank' title='Become a Fan'/></li> <li><a class='twitter' href='#' target='_blank' title='Follow Us'/></li> <li><a class='google' href='#' target='_blank' title='Google Plus Profile'/></li > <li><a class='youtube' href='#' target='_blank' title='Watch The Video'/></li> </ul> </div> </div> <div id='carousel'> <div id='previous_button'/> <div class='container'> <script> document.write(" <script src=\"/feeds/posts/default?max-results=&qu ot;+numposts1+"&orderby=published&alt=json-in-script&callback=s howrecentposts\"><\/script>"); </script> <div class='clear'/> </div> <div id='next_button'/> </div>  <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol'/> <div id='crosscol1-wrapper'> <b:section class='crosscol1' id='crosscol1' preferred='yes'> <b:widget id='HTML13' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable>
</b:widget> </b:section> </div> <div id='crosscol2-wrapper'> <b:section class='crosscol2' id='crosscol2' preferred='yes'> <b:widget id='HTML3' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </div> <div id='main-wrapper'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType == "index"'> <div class='newsfea'> Latest Post </div> </b:if></b:if> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe rPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde rPageTitle'><data:olderPageTitle/></a> </span> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> <div class='clear'/> </b:includable>
<b:includable id='shareButtons' var='post'> <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' ex pr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-linktext'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThi sButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post. sharePostUrl + "&target=blog"' expr:onclick='"window.open(thi s.href, \"_blank\", \"height=270,width=475\"); return false; "' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-but ton-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.sho wTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href=' data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.s hareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top .shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'>< a class='goog-inline-block share-button sb-facebook' expr:href='data:post.shareP ostUrl + "&target=facebook"' expr:onclick='"window.open(this. href, \"_blank\", \"height=430,width=640\"); return false;&q uot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='shar e-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond=' data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' exp r:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data :top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data :top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div cla ss='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments ' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canon icalUrl'> </span> <b:else/> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numCommen ts' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.can onicalUrl'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick=' data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:if> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; // <![CDATA[ var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; }
var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + entry.content.$t + '</span>'; } } } return entry.content.$t; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-resul
ts=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]> </script> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title /></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd>
<dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink .author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:ba cklink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:wi dget.instanceId + "_backlinks-create-link"' target='_blank'><data:post .createLinkLabel/></a> </p> </b:includable> <b:includable id='mobile-main' var='top'>  <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == "index"'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='post' var='post'> <div class='post hentry'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div style='padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; bo rder-bottom:4px double #ccc;'> <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.thumbnailUrl'> <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a> <b:else/> <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/ s1600/no+image.jpg'/></a>
</b:if></b:if> </b:if> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span>Written By <data:post.author/> on <data: post.dateHeader/> | <data:post.timestamp/></span></h2> </b:if> <b:if cond='data:blog.pageType == "item"'> <div style='float:left;width:100%;padding:0;margin:10px 0 5px 0'> <div class='fb-like' data-send='true' data-show-faces='false' data-width='450'/> </div> </b:if> <div class='post-body entry-content' expr:id='"post-body-" + data: post.id'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div class='post-snippet' expr:data-snippet='data:post.snippet'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> </b:if> </b:if> <div style='clear: both;'/>  </div> <b:if cond='data:blog.pageType == "item"'> <div style='border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;he ight:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;paddin g:10px 0 5px'> <div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;colo r:#666'> <strong>Share this article</strong> : </div> <div class='addthis_toolbox addthis_default_style '> <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/> <a class='addthis_button_google_plusone' g:plusone:size='medium'/> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236f b4dee' type='text/javascript'/> </div> </b:if>  <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + " ?alt=json-in-script&callback=related_results_labels&max-results=8"' type='text/javascript'/></b:loop> <script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div> </b:if> <div class='post-footer'><span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if> </span> </div> </div> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <b:include data='post' name='iframe_comments'/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> <b:else/> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:else/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </b:if> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'>
<div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <h4>Speak up your mind</h4> <p><strong>Tell us what you're thinking... !</strong></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comm ent-from-post' frameborder='0' height='250' id='comment-editor' name='comment-ed itor' src='' width='600px'/> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p ost.communityId/>'); </script> </div> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4><data:post.commentLabelFull/>:</h4> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' na me='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs g'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe rPageTitle'><data:newerPageTitle/></a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde rPageTitle'><data:olderPageTitle/></a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/ ></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope ' itemtype='http://schema.org/BlogPosting'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/>
<b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/>  </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn'> <a expr:href='data:post.authorProfileUrl' itemprop='author ' rel='author' title='author profile'> <data:post.author/> </a> </span> <b:else/> <span class='fn'><data:post.author/></span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' itemprop ='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title= 'data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></ab br></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl ' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a>
</b:if> </b:if> </b:if> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-sha re-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyT ag/></div> </b:if> </div> </div> </div> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://img2.blogblog.co m/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='main' var='top'> <b:if cond='data:top.showDummy'> <script expr:src='data:top.dummyUrl'/> </b:if> <b:if cond='data:mobileindex'>  <div class='blog-posts hfeed'> <b:loop values='data:posts' var='post'>
<b:if cond='data:post.isFirstPost == "false"'> </div> </b:if> <div class="mobile-date-outer date-outer"> <div expr:onclick='data:post.indexOnclick'> <b:include data='post' name='mobile-index-post'/> </div> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div> </b:if> </div> <b:else/>  <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:defaultAdStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == "false"'> </div></div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if>
<b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <b:if cond='data:mobile == "false"'> <div class='inline-ad'> <data:adCode/> </div> </b:if> <data:adStart/> </b:if> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div> </b:if>  <b:if cond='data:mobile'> <b:include name='mobile-nextprev'/> <b:else/> <b:include name='nextprev'/>  <b:include name='feedLinks'/> </b:if> <b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1", {"locale": & quot;<data:top.languageCode/>"}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='d ata:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable>
<b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'>  <b:if cond='data:feedLinks'> <div class='blog-feeds'> </div> </b:if> <b:else/>  <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p ost.communityId/>'); </script> </div> </b:includable> <b:includable id='mobile-index-post' var='post'> <b:if cond='data:post.dateHeader'> <div class='mobile-index-date'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </div> </b:if> <div class='mobile-post-outer'> <div class='mobile-index-title-outer'> <h3 class='mobile-index-title entry-title'> <a href='javascript:void(0)'><data:post.title/></a> </h3> </div>
<div> <div class='mobile-index-arrow'> <a href='javascript:void(0)'>&rsaquo;</a> </div> <div class='mobile-post-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </div> <div class='mobile-index-comment'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:o nclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 < data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelP lural/></b:if></a> </b:if> </b:if> </b:if> </b:if> </div> </div> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder'/> <b:if cond='data:post.embedCommentForm == "false"'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentO nclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/>
<data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLink Url'><data:post.oldestLinkText/></a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU rl'><data:post.olderLinkText/></a> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU rl'><data:post.newerLinkText/></a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink Url'><data:post.newestLinkText/></a> </span> </b:if> <div expr:id='data:widget.instanceId + "_comments-block-wrapper" '> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorCla ss' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin -bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comme nt.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comm ent.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/>
</span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLink Url'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU rl'> <data:post.olderLinkText/> </a> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU rl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink Url'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCo mmentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' na me='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div>
</div> </div> </b:includable> </b:widget> </b:section> </div> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div id='midle-wrapper'> <div id='slide-wrapper'> <b:section class='slide' id='slide' preferred='yes'> <b:widget id='HTML1' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <b:section class='midle' id='midle' preferred='yes'> <b:widget id='HTML78' locked='false' title='Berita Video' type='HTML'> <b:includable id='main'> <div id='maskolis'> <script> document.write('<h1><a href="/search/label/<data:content/>?max -results=8"><data:title/></a></h1>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/ >?max-results="+numposts2+"&orderby=published&alt=json-in-scri pt&callback=showrecentposts2\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section>  <script type='text/javascript'> var pageCount=10; var displayPageNum=5; var upPageWord ='Previous Page'; var downPageWord ='Next Page'; </script> <script type='text/javascript'> //<![CDATA[ function showpageCount(n){var h=home_page_url;var f=new Array();var m=1;var c=1; var q=0;var s=0;var d=0;var e="";var a="";var o="";for(var l=0,k;k=n.feed.entry[ l];l++){var r=k.published.$t.substring(0,19)+k.published.$t.substring(23,29);tim estamp=encodeURIComponent(r);var t=k.title.$t;if(t!=""){if(q==0||(q%pageCount==( pageCount-1))){if(h.indexOf(timestamp)!=-1){m=c}if(t!=""){c++}f[f.length]="/sear ch?updated-max="+timestamp+"&max-results="+pageCount}}q++}for(var g=0;g<f.length ;g++){if(g>=(m-displayPageNum-1)&&g<(m+displayPageNum)){if(s==0&&g==m-2){if(m==2 ){a='<span class="showpage"><a href="/">'+upPageWord+"</a></span>"}else{a='<span class="showpage"><a href="'+f[g]+'">'+upPageWord+"</a></span>"}s++}if(g==(m-1)) {e+='<span class="showpagePoint">'+m+"</span>"}else{if(g==0){e+='<span class="sh
owpageNum"><a href="/">1</a></span>'}else{e+='<span class="showpageNum"><a href= "'+f[g]+'">'+(g+1)+"</a></span>"}}if(d==0&&g==m){o='<span class="showpage"> <a h ref="'+f[g]+'">'+downPageWord+"</a></span>";d++}}}if(m>1){e=""+a+" "+e+" "}e='<d iv class="showpageArea"><span style="display:none;COLOR: #f2f2f2;font-weight:nor mal;text-transform:none;border:1px solid #000;background:#253991;" class="showpa geOf">Total Pages ('+(c-1)+")</span>"+e;if(m<(c-1)){e+=o}if(c==1){c++}e+="</div> ";var b=document.getElementsByName("pageArea");var j=document.getElementById("bl og-pager");if(c<=2){e=""}for(var g=0;g<b.length;g++){b[g].innerHTML=e}if(b&&b.le ngth>0){e=""}if(j){j.innerHTML=e}}function showpageCount2(r){var l=home_page_url ;var k=new Array();var g=l.indexOf("/search/label/")!=-1;var d=g?l.substr(l.inde xOf("/search/label/")+14,l.length):"";d=d.indexOf("?")!=-1?d.substr(0,d.indexOf( "?")):d;var q=1;var e=1;var t=0;var v=0;var f=0;var h="";var a="";var s="";var c ='<span class="showpageNum"><a href="/search/label/'+d+"?&max-results="+pageCoun t+'">';var l=home_page_url;for(var o=0,n;n=r.feed.entry[o];o++){var u=n.publishe d.$t.substring(0,19)+n.published.$t.substring(23,29);timestamp=encodeURIComponen t(u);var w=n.title.$t;if(w!=""){if(t==0||(t%pageCount==(pageCount-1))){if(l.inde xOf(timestamp)!=-1){q=e}if(w!=""){e++}k[k.length]="/search/label/"+d+"?updated-m ax="+timestamp+"&max-results="+pageCount}}t++}for(var j=0;j<k.length;j++){if(j>= (q-displayPageNum-1)&&j<(q+displayPageNum)){if(v==0&&j==q-2){if(q==2){a=c+upPage Word+"</a></span>"}else{a='<span class="showpage"><a href="'+k[j]+'">'+upPageWor d+"</a></span>"}v++}if(j==(q-1)){h+='<span class="showpagePoint">'+q+"</span>"}e lse{if(j==0){h=c+"1</a></span>"}else{h+='<span class="showpageNum"><a href="'+k[ j]+'">'+(j+1)+"</a></span>"}}if(f==0&&j==q){s='<span class="showpage"> <a href=" '+k[j]+'">'+downPageWord+"</a></span>";f++}}}if(q>1){if(!g){h=""+a+" "+h+" "}els e{h=""+a+" "+h+" "}}h='<div class="showpageArea"><span style="COLOR: #000;" clas s="showpageOf">Pages ('+(e-1)+")</span>"+h;if(q<(e-1)){h+=s}if(e==1){e++}h+="</d iv>";var b=document.getElementsByName("pageArea");var m=document.getElementById( "blog-pager");if(e<=2){h=""}for(var j=0;j<b.length;j++){b[j].innerHTML=h}if(b&&b .length>0){h=""}if(m){m.innerHTML=h}}var home_page_url=location.href;var thisUrl =home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?up dated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/" )+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUr l.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(t hisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.wr ite('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=s howpageCount&max-results=99999" ><\/script>')}else{document.write('<script src=" '+home_page+"feeds/posts/full/-/"+lblname1+'?alt=json-in-script&callback=showpag eCount2&max-results=99999" ><\/script>')}}; //]]> </script>  </div> </b:if></b:if> <div id='ads-wrapper'> <b:section class='ads' id='ads' preferred='yes'> <b:widget id='HTML9' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML5' locked='false' title='' type='HTML'> <b:includable id='main'>
 <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML6' locked='false' title='Recent Post' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularP osts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == "false"'> <b:if cond='data:showSnippets == "false"'>  <a expr:href='data:post.href'><data:post.title/></a> <b:else/>  <div class='item-title'><a expr:href='data:post.href'><data:post.tit le/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == "false"'>  <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr :src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.t itle/></a></div>
</div> <div style='clear: both;'/> <b:else/>  <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr :src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.t itle/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='HTML7' locked='false' title='Comments' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML12' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML2' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'>
<data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <b:if cond='data:blog.url == data:blog.homepageUrl'> <div id='ads1-wrapper'> <b:section class='ads1' id='ads1' preferred='yes'> <b:widget id='HTML10' locked='false' title='Tokoh Kita Hari Ini' type='HTML'> <b:includable id='main'> <div class='bottomBox'> <script> document.write('<span class="index"><a href="/search /label/<data:content/>">See all post</a></span>'); document.write('<h1><a href="/search/label/<data:content/>?max -results=10"><data:title/></a></h1>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/ >?max-results="+numposts6+"&orderby=published&alt=json-in-scri pt&callback=showrecentposts7\"><\/script>"); </script> </div> </b:includable> </b:widget> <b:widget id='HTML11' locked='false' title='Alam dan Jagad Raya' type='HTML'> <b:includable id='main'> <div class='bottomBox'> <script> document.write('<span class="index"><a href="/search /label/<data:content/>">See all post</a></span>'); document.write('<h1><a href="/search/label/<data:content/>?max -results=10"><data:title/></a></h1>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/ >?max-results="+numposts6+"&orderby=published&alt=json-in-scri pt&callback=showrecentposts7\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <div id='sidebar4-wrapper'> <b:section class='sidebar4' id='sidebar4' preferred='yes'> <b:widget id='HTML26' locked='false' title='Renungan' type='HTML'> <b:includable id='main'> <div class='catbox-even'> <script> document.write('<h1 class="catbox-title"><a href="/s earch/label/<data:content/>?max-results=10"><data:title/></a></ h1>'); </script> <ul> <script> document.write("<script src=\"/feeds/posts/default/-/<data:content/ >?max-results="+numposts4+"&orderby=published&alt=json-in-scri
pt&callback=showrecentposts5\"><\/script>"); </script> </ul> </div> </b:includable> </b:widget> <b:widget id='HTML28' locked='false' title='Seputar Mitos' type='HTML'> <b:includable id='main'> <div class='catbox-even'> <script> document.write('<h1 class="catbox-title"><a href="/s earch/label/<data:content/>?max-results=10"><data:title/></a></ h1>'); </script> <ul> <script> document.write("<script src=\"/feeds/posts/default/-/<data:content/ >?max-results="+numposts4+"&orderby=published&alt=json-in-scri pt&callback=showrecentposts5\"><\/script>"); </script> </ul> </div> </b:includable> </b:widget> </b:section> </div> <div id='sidebar5-wrapper'> <b:section class='sidebar5' id='sidebar5' preferred='yes'> <b:widget id='HTML27' locked='false' title='Berita Aneh' type='HTML'> <b:includable id='main'> <div class='catbox-even'> <script> document.write('<h1 class="catbox-title"><a href="/s earch/label/<data:content/>?max-results=10"><data:title/></a></ h1>'); </script> <ul> <script> document.write("<script src=\"/feeds/posts/default/-/<data:content/ >?max-results="+numposts4+"&orderby=published&alt=json-in-scri pt&callback=showrecentposts5\"><\/script>"); </script> </ul> </div> </b:includable> </b:widget> <b:widget id='HTML29' locked='false' title='Kesehatan' type='HTML'> <b:includable id='main'> <div class='catbox-even'> <script> document.write('<h1 class="catbox-title"><a href="/s earch/label/<data:content/>?max-results=10"><data:title/></a></ h1>'); </script> <ul> <script> document.write("<script src=\"/feeds/posts/default/-/<data:content/ >?max-results="+numposts4+"&orderby=published&alt=json-in-scri pt&callback=showrecentposts5\"><\/script>"); </script>
</ul> </div> </b:includable> </b:widget> </b:section> </div></div> </b:if>  <div class='clear'> </div> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div class='main-footer'> <div id='crosscol3-wrapper' style='text-align:center'> <b:section class='crossco3' id='crossco3'/> <div id='crosscol4-wrapper'> <b:section class='crosscol4' id='crosscol4' preferred='yes'> <b:widget id='HTML17' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div id='crosscol5-wrapper'> <b:section class='crosscol5' id='crosscol5' preferred='yes'> <b:widget id='HTML16' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </div> <div id='footer-wrapper'> <b:section class='footer' id='footer' preferred='yes'/> <div id='footer1-wrapper'> <b:section class='footer' id='footer1' preferred='yes'> <b:widget id='HTML14' locked='false' title='Teknologi' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2>
</b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div id='footer2-wrapper'> <b:section class='footer' id='footer2' preferred='yes'> <b:widget id='HTML15' locked='false' title='Wisata' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div id='footer3-wrapper'> <b:section class='footer' id='footer3' preferred='yes'> <b:widget id='HTML4' locked='false' title='Berita Luar Negeri' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div style='clear:both;'/> </div> </div> </b:if></b:if> <div class='botwrapper'> <div class='bot'> <ul> <li><a href='/'>Home</a></li> <li><a href='#'>About Us</a></li> <li><a href='#?max-results=10'>Contact Us</a></li> <li><a href='#?max-results=10'>New Single</a></li> <li><a href='#?max-results=10'>Music News</a></li> <li><a href='#?max-results=10'>Full Album</a></li> </ul>
</div> </div> <div class='credit-wrapper'> <div class='credit'> <div style='float:left;text-align:left;padding-top:10px'> <strong>Support :</strong> <a href='http://www.maskolis.com/'>Creating Website</a> | <a href='http://johnyt emplate.blogspot.com/'>Johny Template</a> | <a href='http://www.mastemplate.com/ '>Mas Template</a><br/> <b>Proudly powered by <a href='http://www.blogger.com'>Blogger</a></b><br/> Copyright © 2011. <a class='sitename' expr:href='data:blog.homepageUrl' exp r:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved </div> <div style='float:right;text-align:right;padding-right:10px'> <a href='http://mas-template.blogspot.com/' target='_tab' title='Mas Template'>< img border='0' src='http://2.bp.blogspot.com/-61j3fzq22hE/T_CDlMGfcmI/AAAAAAAABn 4/X_sYT6rwMuo/s1600/Untitled-2.png'/></a> </div> </div> </div> <div class='bawah-wrapper'> <div class='bawahtext'> Original Design by <a href='http://www.maskolis.com/'>Creating Website</a> Modif ied by Adiknya </div></div> </div>  </div></div>  <script type='text/javascript'> (function($) { $(document).ready(function(){ $("#carousel .container").jCarouselLite({ auto:4000, scroll: 2, speed: 800, visible: 4, start: 0, circular: true, btnPrev: "#previous_button", btnNext: "#next_button" }); })})(jQuery) </script> </body> </html>

Maskolis Template

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Maskolis Template

Uploaded by

Copyright:

Available Formats

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.

You might also like