Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?xml version="1.0" encoding="UTF-8" ?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/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/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
- <head>
- <link href='http://static.graddit.com/css/graddit.css' rel='stylesheet' type='text/css'/>
- <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='stylesheet' type='text/css'/>
- <b:include data='blog' name='all-head-content'/>
- <b:if cond='data:blog.pageType == "index"'>
- <title><data:blog.pageTitle/></title>
- <b:else/>
- <title><data:blog.pageName/> - <data:blog.title/></title>
- </b:if>
- <meta content='Your Blog Description here!' name='description'/>
- <meta content='Your Keywords here!' name='keywords'/>
- <meta content='Author Name here!' name='Author'/>
- <meta content='Author Email Address here!' name='Email'/>
- <meta content='document' name='resource-type'/>
- <meta content='all' name='audience'/>
- <meta content='general' name='rating'/>
- <meta content='all' name='robots'/>
- <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:skin><![CDATA[
- /* -----------------------------------------------
- Blogger Template Style
- Name : Johny Crottube
- Author : Maskolis
- Url : http://creatingwebsite-maskolis.blogspot.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="#444" value="#444444">
- <Variable name="linkcolor" description="Link Color"
- type="color" default="#58a" value="#f7441a">
- <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="#111111">
- <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="#f7441a">
- <Variable name="bodyfont" description="Text Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal 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,Sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
- <Variable name="pagetitlefont" description="Blog Title Font"
- type="font"
- default="normal normal 200% Georgia, Serif" value="normal normal 26px Georgia, Serif">
- <Variable name="descriptionfont" description="Blog Description Font"
- type="font"
- default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif">
- <Variable name="postfooterfont" description="Post Footer Font"
- type="font"
- default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
- <Variable name="startSide" description="Side where text starts in blog language"
- type="automatic" default="left" value="left">
- <Variable name="endSide" description="Side where text ends in blog language"
- type="automatic" default="right" value="right">
- */
- body{background:url(http://3.bp.blogspot.com/-KSFSoZbUyyA/T-OYyR7Tp-I/AAAAAAAAG-A/6cQNNelsdV0/s1600/body-back.gif);color:$textcolor;font:x-small Trebuchet MS;font-size:small;text-align:left;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/-lWVtT273JDo/T-OZdXNonjI/AAAAAAAAG-I/4VazQayimfI/s1600/header.jpg) top;width:970px;height:110px;border:0 solid $bordercolor;margin:0 auto}
- #header-inner{background-position:center;margin-left:auto;margin-right:auto}
- #header{float:left;width:450px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0}
- .header .widget{margin:0 auto;padding:10px 0}
- #header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font:bold 30px Oswald;margin:0 auto;padding:5px 5px .15em;color:#333;}
- #header a{text-decoration:none}
- #header a:hover{color:$pagetitlecolor}
- #header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px}
- #header img{margin-startside:auto;margin-endside:auto}
- #navbar-iframe{height:0;visibility:hidden;display:none}
- #nav-wrapper{height:30px;font-family:"Tahoma",Palatino,serif;overflow:hidden;}
- #nav{float:right;margin:0 auto;width:520px;height:30px;padding:0}
- #nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:none}
- #nav ul li{float:left;height:30px}
- #nav ul li a,#nav ul li a:visited{float:left;height:30px;padding:7px 10px;color:#999;font:bold 12px Tahoma;text-transform:none;}
- #nav ul li a:hover,#nav .selected{background:#f7441a;color:#fff;text-decoration:none;}
- #main-wrapper{background:#fff url(http://1.bp.blogspot.com/-YLR0ecFMGcU/T94oo4nsVQI/AAAAAAAAG6w/yu9ZK1o-n98/s1600/bg_content.gif) repeat-x top;width:720px;float:$startSide;word-wrap:break-word;overflow:hidden;border-top:1px solid #fff;}
- #sidebar-wrapper{width:250px;float:$endSide;word-wrap:break-word;overflow:hidden}
- h2.date-header{margin:1.5em 0 .5em}
- .post{margin:.5em 0 .1em;padding:15px}
- .post .jump-link{display:none}
- .post h3{font:20px Oswald;line-height:1.2em;color:#333;margin:.25em 0 0;padding:0 0 4px;text-shadow:1px 1px 1px #ccc;}
- .post h3 a,.post h3 a:visited,.post h3 strong{color:$titlecolor}
- .post h3 strong,.post h3 a:hover{color:#444444}
- .post-body{border-top:2px solid #bbb;font:14px PT Sans Narrow;padding-top:10px;line-height:1.3em;margin:1em 0 .75em;}
- .post-body blockquote{line-height:1.3em}
- .post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfooterfont;line-height:1.4em;margin:.75em 0}
- .comment-link{margin-startside:.6em}
- .post img,table.tr-caption-container{overflow:hidden;margin-top:5px;padding:0}
- .tr-caption-container img{border:none;padding:0}
- .post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #333;background: #eee;border-left: 20px solid #ccc}
- .post blockquote p{margin:.75em 0}
- table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#444;margin:10px 0}
- table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
- table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
- table td{border:1px solid #999}
- table tr.even td{border:none}
- .comments{padding:0 15px}
- #comments h4{font-size:16px;font-weight:400;margin:20px 0}
- .cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
- .cm_head{width:60px;float:left;margin:0}
- .cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(http://4.bp.blogspot.com/-POy-pvgzudE/Tz0SPxJXQnI/AAAAAAAAFUI/SlCAfDMFIhg/s1600/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
- .cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
- .cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px}
- .cm_reply a:hover{text-decoration:none!important;background:#aaa}
- .cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
- .cm_arrow{display:block;width:9px;height:18px;background:url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px}
- .cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
- .cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
- .cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left}
- .cm_name_a{font:bold 13px Arial;color:#333!important;text-decoration:none;float:left}
- .cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
- .cm_date_a{font:normal 10px Arial;color:#333;text-decoration:none;float:right;padding-top:5px}
- .cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
- .cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
- .cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
- .comment-body-author{font-family:Arial;font-weight:300}
- .cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:13px;color:#333;word-wrap:break-word;padding:5px}
- .cm_reply{padding-top:5px}
- #blog-pager{position:relative;top:10px;width:auto;clear:both;font:12px Arial;color:#222;margin:15px 0;padding:5px 10px}
- #blog-pager a{color:#222}
- .feed-links{clear:both;line-height:2.5em}
- .sidebar h2{background:#ccc url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top;font:13px Oswald;color:#444;text-transform:uppercase;margin:0;padding:6px 0 7px 10px;border-bottom:1px solid #bababa;border-top:1px solid #bababa}
- .sidebar{text-shadow: white 1px 1px 1px;color:#666666;line-height:1.3em;border:0px solid #c3c3c3;border-top:none}
- .sidebar li{background:url(http://3.bp.blogspot.com/-Qe4UP5Cn9LQ/T3sGU5DTb0I/AAAAAAAAAL8/xJUZ31qQ8B4/s1600/batas.gif) repeat-x scroll bottom;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
- .sidebar .widget{border:0 solid #dcd9d9;margin:0 0 5px}
- .sidebar .widget-content{margin:0 auto;padding:0px 0px}
- .sidebar a:link,.sidebar a:visited{font:12px Oswald;color:#555;text-decoration:none}
- .sidebar li a:hover{color:#1159b3}
- .sidebar ul{list-style:none;margin:0;padding:5px 10px}
- .showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
- .showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
- .showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #4a1b04;background:#e95710;color:#fff;margin:2px;padding:3px 6px}
- .switch{height:20px;background:#ccc url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top;color:#444;margin:0;padding:5px 9px;;border-bottom:1px solid #c3c3c3;border-top:1px solid #c3c3c3;text-transform:uppercase;}
- .switch-left{width:360px;float:left;margin:0 auto;padding:0 auto;font:14px Oswald;text-shadow:1px 1px 1px #fff}
- .switch-right{width:120px;float:right;margin:0 auto;padding-top:2px}
- .switch a{border:1px solid #999;font:11px Arial;padding:3px 8px 3px 25px;text-transform:none;color:#000}
- a.bar_view{background:url(http://2.bp.blogspot.com/-7BeF7FZiHo0/T6vZzVSzTzI/AAAAAAAABJs/FlrWN7ZRxmk/s1600/drid.gif) no-repeat 3px center}
- a.dat_view{background:url(http://1.bp.blogspot.com/-43EW3Gjakwc/T6vZz6K4N_I/AAAAAAAABJ0/hi2LK0zc4JQ/s1600/listed.gif) no-repeat 3px center}
- .switch a.active{background-color:#eee;border:1px solid #666;color:#333;cursor:default}
- #outer-wrapper{background:url(http://1.bp.blogspot.com/-cydjTUmm9Bg/T8y2rWHrMKI/AAAAAAAAGmU/EFEdYGPreTU/s1600/body-bg1.png);;width:970px;text-align:$startSide;font:$bodyfont;margin:15px auto;padding:0px;-moz-box-shadow:0 0 40px #000;-webkit-box-shadow:0 0 5px #000;-goog-ms-box-shadow:0 0 10px #000;box-shadow:0 0 40px #000}
- .index{background:url(http://2.bp.blogspot.com/-3m9ZaGhFRqM/T-OcKK0I31I/AAAAAAAAG-U/0U2O4f5HYIw/s1600/video.png) no-repeat center left!important;float:right;font:14px Oswald;color:#444;display:block;margin:8px 0 0;padding:0 10px 0 20px;text-shadow:1px 1px 1px #fff}
- .index a,.index a:visited{color:#444;text-transform:none}
- .index a:hover{color:#000;text-transform:none}
- .footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:14px Oswald;padding-bottom:5px;margin-bottom:15px;line-height:1.3em;text-transform:uppercase;color:#ddd}
- .footer{color:#aaa;line-height:1.3em;font:normal 12px Arial}
- .footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
- .footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
- .footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
- .footer li a:hover{color:#fff}
- .footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 2px #000}
- .footer .widget-content{padding:0 auto}
- .picfooter{background-color:#222;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%); background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#444 0,#222 100%); background-image: linear-gradient(to bottom,#444 0,#222 100%);border-bottom:1px solid #000;border-top:4px solid #111;width:970px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif}
- #footer-wrapper{width:950px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px}
- #footer1-wrapper{width:310px;float:$startSide;word-wrap:break-word;overflow:hidden}
- #footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
- #footer3-wrapper{width:300px;float:$endSide;word-wrap:break-word;overflow:hidden}
- .creditwrap{background:#333;width:970px;border-top:1px solid #666;margin:0 auto;padding:0 auto}
- .credit{width:950px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#aaa;overflow:hidden;clear:both;margin:0 auto;padding:10px 0}
- .credit a:link,.credit a:visited{color:#aaa;text-decoration:none}
- .credit a:hover{color:#FFF;text-decoration:none}
- #featured{background:#202020;width:710px;height:320px;position:relative;margin:0;padding:0 10px 10px}
- #featured ul.ui-tabs-nav{position:absolute;top:0;right:0;list-style:none;width:210px;height:320px;margin:0;padding:0 10px 10px 0}
- #featured ul.ui-tabs-nav li{position:relative;line-height:1.3em;padding:0}
- #featured ul.ui-tabs-nav li span{font:bold 12px Arial;line-height:1.3em;color:#ddd;margin:0;padding:0}
- #featured .ui-tabs-panel{width:500px;height:320px;background:#ddd;position:relative;overflow:hidden}
- #featured .ui-tabs-panel img{width:500px;height:320px}
- #featured .ui-tabs-hide{display:none}
- #featured li.ui-tabs-nav-item a{display:block;width:175px;height:76px;color:#000;overflow:hidden;background:#333;border-left:10px solid #111;line-height:1.4em;outline:none;border-top:1px solid #444;border-bottom:1px solid #000;padding:1px 10px 1px 5px}
- #featured li.ui-tabs-nav-item a:hover{border-left:10px solid #555;background:#de3007 url(http://4.bp.blogspot.com/-tpWMipVT9-U/T9354pT2otI/AAAAAAAAG4s/hSgnH2izZZ4/s1600/hover.png) repeat-x top}
- #featured li.ui-tabs-selected{position:absolute}
- #featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#de3007 url(http://4.bp.blogspot.com/-tpWMipVT9-U/T9354pT2otI/AAAAAAAAG4s/hSgnH2izZZ4/s1600/hover.png) repeat-x top;display:block;border-left:10px solid #444}
- #featured ul.ui-tabs-nav li img{width:100px;height:69px;float:left;background:#333;border:none;margin:4px 7px 4px 0;padding:0}
- #featured .ui-tabs-panel .info{position:absolute;background:url(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png);width:160px;height:320px;top:0;left:0;padding:8px}
- #featured .info a{text-decoration:none;color:#fc6e2c}
- #featured .info a:hover{color:#fff;text-decoration:none}
- #featured .info h2{font-size:20px;font-family:Tahoma, serif;color:#f54218;overflow:hidden;margin:0;padding:5px}
- #featured .info p{font:14px PT Sans Narrow;line-height:15px;color:#fff;margin:0 5px}
- #featured a.button{background:url(http://4.bp.blogspot.com/-tpWMipVT9-U/T9354pT2otI/AAAAAAAAG4s/hSgnH2izZZ4/s1600/hover.png) repeat-x top left;margin-top:20px;padding:3px 6px;font:bold 16px Arial;display:block;float:right;color:#fff;}
- #featured a.button:hover{ color:#000;}
- .menuku{height:68px;background:url(http://3.bp.blogspot.com/-NCR6Fmb4Z5Q/T94F8TObQjI/AAAAAAAAG5c/S0GIm1c8Pmw/s1600/menuku.png) repeat-x top;font:normal 15px Tahoma;line-height:normal;width:970px;text-transform:none;color:#f1f1f1;text-decoration:none;margin:0;padding:0}
- .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto}
- .menuku ul{margin:0;padding:0}
- .menuku li{list-style:none;color:#b69786;float:left;display:inline;position:relative;margin:0;padding:0}
- .menuku li a{display:block;background:url(http://3.bp.blogspot.com/-oR9bahNle8c/T94HMMN1rvI/AAAAAAAAG5k/1XqqPGdPxjg/s1600/headerlinks_sep.png) no-repeat center right;text-decoration:none;font-weight:700;color:#b6b6b6;text-shadow:1px 1px 2px #000;outline:none;margin:0;padding:19px 16px}
- .menuku li a:hover{background:url(http://3.bp.blogspot.com/-yH6foVcX4YM/T94HMu-9XSI/AAAAAAAAG5s/eh8H1eCd5e8/s1600/hover+menuku.png) repeat-x top}
- .menuku li ul{position:absolute;z-index:10;left:0;top:100%;height:30px;width:170px;display:none;margin:0;padding:0}
- .menuku li ul a{font:12px Arial;background:#252525;border-left:none;border-right:none;border-top:1px solid #0e0c0b;border-bottom:1px solid #313131;display:block;padding:7px 10px}
- .menuku li ul a:hover{background:#383838}
- .menuku li ul li{float:none;display:block;width:auto}
- .menuku li ul ul{top:0;left:100%}
- .menuku li a:focus{background-color:#666;border-left-color:#777;border-right-color:#555}
- .menuku ul li a:focus{background-color:#666;border-top-color:#777;border-bottom-color:#555}
- .menuku li a:hover,.menuku ul li a:hover{color:#ccc}
- #Label1 h2{background:url(http://4.bp.blogspot.com/-ERYo-pJrDtc/T-RFal3VVmI/AAAAAAAAG-8/WTfmwcQ_rOY/s1600/sidebar4.png) no-repeat top;color:#999;border-bottom:1px solid #000;border-top:1px solid #444}
- #Label1{font:14px Oswald;padding:0;margin:0;text-shadow:none;}
- #Label1 li{background:#333;position:relative;border-bottom:1px solid #000;border-top:1px solid #444;padding:0}
- #Label1 ul{list-style:none;padding:0;margin:0}
- #Label1 li a{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 5px 11px;display:block;min-height:28px;line-height:28px;margin:0;padding:0 5px 0 20px;text-decoration:none;color:#aaa;font-size:14px;border-right:4px solid #111;cursor:pointer;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
- #Label1 li a:hover{border-right-color:#444;text-decoration:none;color:#ddd;background:#000 url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 5px 11px;}
- .readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;text-shadow:1px 1px 1px #ccc;}
- .readmorecontent a{padding:0;color:#000;text-decoration:none;font-weight:bold;}
- .readmorecontent a:hover{color:#009df2;text-decoration:none;}
- #maskolis h1{background:#ccc url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top;font:13px Oswald;margin:0px;padding:7px 10px;border-bottom:1px solid #c3c3c3;border-top:1px solid #c3c3c3;text-transform:uppercase;text-shadow:1px 1px 1px #fff}
- #maskolis h1 a,#maskolis h1 a:visited{color:#444}
- #maskolis h1 a:hover{color:#f7441a}
- #maskolis {width:100%;overflow:hidden;margin-bottom:10px}
- #maskolis .col_maskolis {width:161px;height:150px;float:left;padding:2px 3px 5px 3px;border:1px solid #ccc;margin:10px 0 0 9px;text-align:center;}
- #maskolis .col_maskolis:hover{border:1px solid #999}
- #maskolis .col_maskolis .play-button{background:url(http://4.bp.blogspot.com/-x8ViCPVZDpU/T836BIU9p_I/AAAAAAAAGnY/Sp2WhbkRQ-s/s1600/play.png) no-repeat 55px 40px;cursor:pointer;}
- #maskolis .maskolis_img {margin:10px 3px;width:155px;height:110px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
- #maskolis .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
- #maskolis .posttitle {height:20px;border:0 none;line-height:8px;margin:0 5px 5px;padding:2px}
- #maskolis .posttitle a{color:#111;font:14px PT Sans Narrow;line-height:16px}
- #maskolis .posttitle a:hover {color:#f7441a}
- .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
- word-wrap: break-word; overflow: hidden;}
- .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
- .slide .widget {margin:0px 0px 0px 0px;}
- .PopularPosts .item-thumbnail img{width:90px;height:60px}
- .PopularPosts .item-thumbnail img:hover{opacity:.6;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6}
- .PopularPosts .play-button{background:url(http://2.bp.blogspot.com/-ovjJPkHzdEw/T-Oi6Z8TzkI/AAAAAAAAG-o/Sga_faBvPTs/s1600/play.png) no-repeat 30px 15px;cursor:pointer;}
- #related-posts{float:left;width:auto;}
- #related-posts h1{background:none;color:#333;font:20px Oswald;padding:3px}
- #related-posts .maskolis_img {padding:3px 5px;width:150px;height:100px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
- #related-posts .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
- #related-posts .play-button{background:url(http://4.bp.blogspot.com/-x8ViCPVZDpU/T836BIU9p_I/AAAAAAAAGnY/Sp2WhbkRQ-s/s1600/play.png) no-repeat 55px 35px;cursor:pointer;}
- ]]></b:skin>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- <style>
- #main-wrapper{border-top:none;float:right}
- #sidebar-wrapper{float:left}
- .post{margin:.5em 0 .1em;padding:15px 15px 0}
- .post h3{font:16px Oswald;line-height:1em;margin:0 0 8px;padding:0}
- .post img{transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;}
- .post img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
- .post-footer{display:none}
- .bar{border:1px solid #ccc;list-style:none;width:161px;margin:10px 0 0 9px;text-align:center;height:150px;display:inline;float:left;overflow:hidden;position:relative;padding:2px 3px 5px 3px}
- .bar:hover{border:1px solid #999}
- .bar h3{height:20px;border:0 none;line-height:8px;margin:0 5px 5px;padding:2px}
- .bar h3 a{font:14px PT Sans Narrow;text-align:center;text-shadow:none;line-height:16px}
- .bar h3 a:hover{color:#f7441a}
- .bar .post-body{border-top:none;height:160px;overflow:hidden;width:170px;padding:0px;margin:0 0 .3cm;}
- .bar img{margin:10px 3px}
- .play-button{background:url(http://4.bp.blogspot.com/-x8ViCPVZDpU/T836BIU9p_I/AAAAAAAAGnY/Sp2WhbkRQ-s/s1600/play.png) no-repeat 55px 40px;cursor:pointer;position:relative}
- </style>
- </b:if></b:if>
- <script type='text/javascript'>
- //<![CDATA[
- function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var 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)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...'}function masSummaryAndThumb(mas1,mas2){var div=document.getElementById(mas1);var imgtag="";var img=div.getElementsByTagName("img");var summ=600;if(img.length>=1){imgtag='<a href="'+mas2+'"><span class="play-button" style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="155px" height="110px"/></span></a>';summ=400}var summary=imgtag+'<div class="entry">'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}
- //]]>
- </script>
- <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
- <script src='https://masolis-javascript.googlecode.com/svn/trunk/switch-display.js' type='text/javascript'/>
- <script type='text/javascript'>
- jQuery(document).ready(function(){var $box=jQuery('.post'),$bar=jQuery('a.bar_view');$dat=jQuery('a.dat_view');$dat.click(function(){$box.removeClass("bar");jQuery(this).addClass('active');$bar.removeClass('active');jQuery.cookie('dat_style',0);return false});$bar.click(function(){$box.addClass("bar");jQuery(this).addClass('active');$dat.removeClass('active');jQuery.cookie('dat_style',1);return false});if(jQuery.cookie('dat_style')==0){$box.removeClass("bar");$dat.addClass('active')}else{$box.addClass("bar");$bar.addClass('active')}});
- </script>
- <script src='https://masolis-javascript.googlecode.com/svn/trunk/jquery-ui.min.js' type='text/javascript'/>
- <script type='text/javascript'>
- //<![CDATA[
- imgr=new Array();imgr[0]="http://1.bp.blogspot.com/-QjSndGbF0No/T-Nt3HgKsDI/AAAAAAAAG9o/cN6_Oy306rc/s1600/no-video.gif";showRandomImg=true;aBold=true;summaryPost=200;summaryTitle=20;numposts1=4;numposts2=8;function removeHtmlTag(strx,chop){var 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,chop-1);return s}function showrecentposts4(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;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.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 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=["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 trtd='<div class="ui-tabs-panel ui-tabs-hide" id="post-'+i+'"><a href="'+posturl+'"><img width="500" height="320" src="'+img[i]+'"/></a><div class="info"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a class="button" href="'+posturl+'">Watch Now ! </a></div></div>';document.write(trtd);j++}}function showrecentposts5(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;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.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 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=["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 trtd='<li id="nav-post-'+i+'" class="ui-tabs-nav-item"><a href="#post-'+i+'"><img width="100" height="69" src="'+img[i]+'"/><span>'+posttitle+'</span></a></li>';document.write(trtd);j++}}
- function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.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.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 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=["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="'+posturl+'">'+posttitle+'</a></h2><div class="play-button"><a href="'+posturl+'"><img class="maskolis_img" src="'+img[i]+'"/></a></div><div class="clear"></div></div>';document.write(trtd);j++}}
- var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;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!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://1.bp.blogspot.com/-QjSndGbF0No/T-Nt3HgKsDI/AAAAAAAAG9o/cN6_Oy306rc/s1600/no-video.gif'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h1>'+relatedpoststitle+'</h1>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 10px 10px 0;float:left;border:solid 1px #ccc;');if(i!=0)document.write('border:solid 1px #ccc;"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><div class="play-button"><img class="maskolis_img" src="'+thumburl[r]+'"/><br/></div><div style="width:150px;padding:0 5px;color:#222;height:35px;text-align:center;margin:0px 0px; font:14px PT Sans Narrow; line-height:16px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
- //]]>
- </script>
- </head>
- <body>
- <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
- <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
- <b:includable id='main'><script type="text/javascript">
- function setAttributeOnload(object, attribute, val) {
- if(window.addEventListener) {
- window.addEventListener('load',
- function(){ object[attribute] = val; }, false);
- } else {
- window.attachEvent('onload', function(){ object[attribute] = val; });
- }
- }
- </script>
- <div id="navbar-iframe-container"></div>
- <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
- <script type="text/javascript">
- gapi.load("iframes-styles-bubble", function() {
- if (window.iframes && iframes.open) {
- iframes.open(
- '//www.blogger.com/navbar.g?targetBlogID\0755019400612935723359\46blogName\75Testing+widgets+-+2\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://ffbs-widgets-2.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://ffbs-widgets-2.blogspot.com/\46vt\075539544588788478270',
- {
- container: "navbar-iframe-container",
- id: "navbar-iframe"
- },
- {
- });
- }
- });
- </script><script type="text/javascript">
- (function() {
- var script = document.createElement('script');
- script.type = 'text/javascript';
- script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
- var head = document.getElementsByTagName('head')[0];
- if (head) {
- head.appendChild(script);
- }})();
- </script>
- </b:includable>
- </b:widget>
- </b:section>
- <div id='outer-wrapper'><div id='wrap2'>
- <div id='header-wrapper'>
- <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
- <b:widget id='Header1' locked='true' title='Testing widgets - 2 (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: 0px'>
- <b:include name='title'/>
- </h1>
- </div>
- <b:include name='description'/>
- </div>
- <b:else/>
- <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-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: 0px'>
- <b:include name='title'/>
- </h1>
- </div>
- <b:include name='description'/>
- </div>
- </b:if>
- <b:else/>
- <!--Show the image only-->
- <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:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
- </a>
- <!--Show the description-->
- <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
- <b:include name='description'/>
- </b:if>
- </div>
- </b:if>
- <b:else/>
- <!--No header image -->
- <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>
- <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><!-- end header-wrapper -->
- <div class='menuku'>
- <ul>
- <li><a href='/'>Home</a></li>
- <li><a href='#'>Drop menu</a>
- <ul>
- <li><a href='#'>Menu 1</a></li>
- <li><a href='#'>Menu 2</a></li>
- <li><a href='#'>Menu 3</a></li>
- <li><a href='#'>Menu 4</a></li>
- <li><a href='#'>Menu 5</a></li>
- </ul>
- </li>
- <li><a href='#'>Drop menu 2</a>
- <ul>
- <li><a href='#'>Menu 1</a></li>
- <li><a href='#'>Menu 2</a></li>
- <li><a href='#'>Menu 3</a>
- <ul>
- <li><a href='#'>Menu 3.1</a></li>
- <li><a href='#'>Menu 3.2</a></li>
- <li><a href='#'>Menu 3.3</a></li>
- <li><a href='#'>Menu 3.4</a></li>
- </ul>
- </li>
- <li><a href='#'>Menu 4</a></li>
- <li><a href='#'>Menu 5</a></li>
- </ul>
- </li>
- <li><a href='#'>Drop menu 3</a>
- <ul>
- <li><a href='#'>Menu 1</a></li>
- <li><a href='#'>Menu 2</a></li>
- <li><a href='#'>Menu 3</a></li>
- <li><a href='#'>Menu 4</a></li>
- <li><a href='#'>Menu 5</a></li>
- </ul>
- </li>
- <li><a href='http://creatingwebsite-maskolis.blogspot.com/2012/06/johny-crottube-template-iseng-sambil.html'><blink>Instruction to use</blink></a></li>
- </ul>
- <div class='menusearch'>
- <div style='float:right;padding:12px 8px 0 0;'>
- <form action='http://www.google.com/search' method='get' target='_blank'>
- <input name='sitesearch' style='display:none;' value='http://johny-kenthir.blogspot.com'/>
- <input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' style='width:170px;border:none;padding:10px 10px; margin-right:5px; font:italic 12px Georgia;color:#b5b5b5; background:url(http://3.bp.blogspot.com/-q3Q6hWjYZUo/T94HN6VdhHI/AAAAAAAAG58/P-A9JP3CDY4/s1600/search_form.png) no-repeat;' type='text' value='Find your video...'/><input align='top' id='search-btn' src='http://2.bp.blogspot.com/-BmpnVNvHgs0/T94HNdsyt8I/AAAAAAAAG50/Jn2uw4OJOUk/s1600/search_btn.png' type='image' value='Search'/>
- </form>
- </div>
- </div>
- </div>
- <!-- skip links for text browsers -->
- <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='main-wrapper'>
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <div id='featured'>
- <ul class='ui-tabs-nav'>
- <script>
- document.write("<script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
- </script>
- </ul>
- <script>
- document.write("<script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
- </script>
- </div>
- <div class='switch'>
- <div class='switch-left'>
- New Videos from Youtube
- </div>
- <div class='switch-right'>
- <a class='bar_view' href='#'>Grid</a>
- <a class='dat_view' href='#'>List</a>
- </div>
- </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='data:widget.instanceId + "_blog-pager-newer-link"' title='Previous Product'>« Prev Video</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='data:widget.instanceId + "_blog-pager-older-link"' title='Next Product'>Next Video »</a>
- </span>
- </b:if>
- <span id='home-link'>
- <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
- </span>
- <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"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' 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.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=620\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-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' expr: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 class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
- </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:backlink.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:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
- </p>
- </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-results=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='mobile-main' var='top'>
- <!-- posts -->
- <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 bar hentry'>
- <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'>
- <a expr:href='data:post.url'><data:post.title/></a>
- <b:else/>
- <data:post.title/>
- </b:if>
- </b:if>
- </h3>
- </b:if>
- <div class='post-header-line-1'/>
- <div class='post-body entry-content'>
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <div expr:id='"summary" + data:post.id'><data:post.body/></div>
- <script type='text/javascript'>
- masSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");
- </script>
- <div class='readmorecontent'><a expr:href='data:post.url'>Read more »</a></div></b:if>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div> Rate this posting: <div expr:id='data:post.id' style='padding-left: 3px; padding-right: 3px; display: inline; visibility: hidden;'>{[['<img src="http://img.graddit.com/img/star.png"/>']]}</div><div class='ffbs_stats' expr:id='"ffbs_stats_" + data:post.id'/><script expr:src='"http://graddit.com/rate/eng/5/" + data:post.id + "?stats=ffbs_stats_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&id=" + data:post.id + "&url=" + data:post.url + "&labels=labels_" + data:post.id + "&amp;average=yes&amp;domain=ffbs-widgets-2.blogspot.com"' type='text/javascript'/>
- </b:if>
- <data:post.body/></b:if>
- <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
- <div style='clear: both;'/> <!-- clear for photos floats -->
- </div>
- <b:if cond='data:blog.pageType == "item"'>
- <div style='border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
- <div style='float:left;padding:1px 0;margin-right:15px;font:14px PT Sans Narrow;color:#555'>
- <strong>Share this video</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-4f57432236fb4dee' 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'>
- <b:if cond='data:label.isLast != "true"'>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8"' type='text/javascript'/></b:if></b:loop>
- <script type='text/javascript'>
- var currentposturl="<data:post.url/>";
- var maxresults=4;
- var relatedpoststitle="<b>Related Video :</b>";
- removeRelatedDuplicates_thumbs();
- printRelatedLabels_thumbs();
- </script>
- </div><div class='clear'/>
- </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.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: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 id='comment-post-message'><data:postCommentMsg/></h4>
- <p><data:blogCommentMessage/></p>
- <data:blogTeamBlogMessage/>
- <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
- <data:post.friendConnectJs/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.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' name='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.deleteBacklinkMsg'>
- <img src='http://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='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</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='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</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 bar hentry uncustomized-post-template'>
- <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;'/> <!-- clear for photos floats -->
- </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/></abbr></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'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></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-share-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.dummyTag/></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://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
- </a>
- </span>
- </b:if>
- </b:includable>
- <b:includable id='main' var='top'>
- <!-- posts -->
- <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.dateHeader'>
- </b:if>
- <b:include data='post' name='post'/>
- <b:if cond='data:blog.pageType == "static_page"'>
- <b:include data='post' name='comments'/>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <b:include data='post' name='comments'/>
- </b:if>
- <b:if cond='data:post.includeAd'>
- <b:if cond='data:post.isFirstPost'>
- <data:defaultAdEnd/>
- <b:else/>
- <data:adEnd/>
- </b:if>
- <div class='inline-ad'>
- <data:adCode/>
- </div>
- <data:adStart/>
- </b:if>
- <b:if cond='data:post.trackLatency'>
- <data:post.latencyJs/>
- </b:if>
- </b:loop>
- <data:adEnd/>
- </div>
- <!-- navigation -->
- <b:include name='nextprev'/>
- <!-- feed links -->
- <b:include name='feedLinks'/>
- <b:if cond='data:top.showStars'>
- <script src='http://www.google.com/jsapi' type='text/javascript'/>
- <script type='text/javascript'>
- google.load("annotations", "1", {"locale": "<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'>
- <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
- <img src='http://www.blogger.com/img/icon_delete13.gif'/>
- </a>
- </span>
- </b:includable>
- <b:includable id='feedLinks'>
- <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
- <b:if cond='data:feedLinks'>
- <div class='blog-feeds'>
- <b:include data='feedLinks' name='feedLinksBody'/>
- </div>
- </b:if>
- <b:else/> <!--Post feed links -->
- <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-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' 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-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
- </b:if>
- <data:post.friendConnectJs/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
- </script>
- </div>
- </b:includable>
- <b:includable id='comment-form-js' var='post'>
- <data:post.friendConnectJs/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
- </script>
- </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:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
- </b:if>
- </b:if>
- </b:if>
- </b:if>
- </div>
- </div>
- </b:includable>
- <b:includable id='iframe_comments' var='post'>
- <script expr:src='data:post.commentSrc' type='text/javascript'/>
- <script type='text/javascript'>
- (function() {
- var url = '<data:post.canonicalUrl/>';
- // <![CDATA[
- gapi.comments.render('cmt_iframe_holder', {
- 'href': url,
- 'view_type': 'UNFILTERED'
- });
- })();
- // ]]>
- </script>
- <div id='cmt_iframe_holder'/>
- </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 > 0'>
- <a href='#comment-form' style='float:right; margin-right:5px;'>+ <data:commentLabelPlural/> +</a>
- <b:if cond='data:post.numComments == 1'>
- <span id='cm_total'>1</span> <data:commentLabelPlural/>
- <b:else/>
- <span id='cm_total'><data:post.numComments/></span> <data:commentLabelPlural/>
- </b:if>
- </b:if>
- </h4>
- <div id='cm_reply_css'/>
- <div class='cm_pagenavi' id='cm_page'/>
- <div id='cm_block'>
- <b:loop values='data:post.comments' var='comment'>
- <b:if cond='data:comment.isDeleted'>
- <b:else/>
- <div expr:id='data:comment.anchorName'>
- <div class='cm_wrap'>
- <a expr:name='data:comment.anchorName'/>
- <div class='cm_head'>
- <div class='cm_avatar'>
- <b:if cond='data:blog.enabledCommentProfileImages'>
- <data:comment.authorAvatarImage/>
- </b:if>
- </div>
- <div class='cm_reply'>
- <a expr:href='"https://www.blogger.com/comment.g?blogID=1128587339572285487&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
- </div>
- </div>
- <b:if cond='data:comment.author == data:post.author'>
- <dd class='cm_entry'>
- <span class='cm_arrow'/>
- <div class='cm_info_a'>
- <div class='cm_name_a'>
- <b:if cond='data:comment.authorUrl'>
- <img height='20px' src='http://3.bp.blogspot.com/-6Gojb1HMD_E/T6Z2eASl_jI/AAAAAAAABBQ/gtG7c-vY6j0/s1600/admin.png' title='Admin' width='20px'/>
- <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
- <data:comment.author/>
- </a>
- <b:else/>
- <b><data:comment.author/></b>
- </b:if>
- </div>
- <div class='cm_date_a'>
- <data:comment.timestamp/>
- <b:include data='comment' name='commentDeleteIcon'/>
- </div>
- <div class='clear'/>
- </div>
- <div class='comment-body-author'>
- <p><data:comment.body/></p>
- </div>
- </dd>
- <b:else/>
- <dd class='cm_entry'>
- <span class='cm_arrow'/>
- <div class='cm_info'>
- <div class='cm_name'>
- <b:if cond='data:comment.authorUrl'>
- <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
- <data:comment.author/>
- </a>
- <b:else/>
- <b><data:comment.author/></b>
- </b:if>
- </div>
- <div class='cm_date'>
- <data:comment.timestamp/>
- <b:include data='comment' name='commentDeleteIcon'/>
- </div>
- <div class='clear'/>
- </div>
- <p><data:comment.body/></p>
- </dd>
- </b:if>
- </div>
- </div>
- </b:if>
- </b:loop>
- </div>
- <div class='cm_pagenavi' id='cm_page_copy'/>
- <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.addCommentOnclick'><data:postCommentMsg/></a>
- </b:if>
- </b:if>
- </b:if>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- <b:if cond='data:blog.url == data:blog.homepageUrl'>
- <!--Page Navigation Starts-->
- <script type='text/javascript'>
- var pageCount=8;
- var displayPageNum=6;
- var upPageWord ='Previous';
- var downPageWord ='Next';
- </script>
- <script src='https://masolis-javascript.googlecode.com/svn/trunk/pagination.js' type='text/javascript'/>
- <!--Page Navigation Ends -->
- <div id='slide-wrapper'>
- <b:section class='slide' id='slide' preferred='yes'>
- <b:widget id='HTML4' locked='false' title='Video Category 1' type='HTML'>
- <b:includable id='main'>
- <div id='maskolis'>
- <script>
- document.write('<span class="index"><a href="/search/label/<data:content/>">See all videos</a></span>');
- 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-script&callback=showrecentposts1\"><\/script>");
- </script>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='HTML14' locked='false' title='Video Category 2' type='HTML'>
- <b:includable id='main'>
- <div id='maskolis'>
- <script>
- document.write('<span class="index"><a href="/search/label/<data:content/>">See all videos</a></span>');
- 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-script&callback=showrecentposts1\"><\/script>");
- </script>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- </b:if>
- </div>
- <div id='sidebar-wrapper'>
- <b:section class='sidebar' id='sidebar' preferred='yes'>
- <b:widget id='Label1' locked='false' title='Labels' type='Label'>
- <b:includable id='main'>
- <b:if cond='data:title'>
- <h2><data:title/></h2>
- </b:if>
- <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
- <b:if cond='data:display == "list"'>
- <ul>
- <b:loop values='data:labels' var='label'>
- <li>
- <b:if cond='data:blog.url == data:label.url'>
- <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
- <b:else/>
- <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
- </b:if>
- <b:if cond='data:showFreqNumbers'>
- <span dir='ltr'>(<data:label.count/>)</span>
- </b:if>
- </li>
- </b:loop>
- </ul>
- <b:else/>
- <b:loop values='data:labels' var='label'>
- <span expr:class='"label-size label-size-" + data:label.cssSize'>
- <b:if cond='data:blog.url == data:label.url'>
- <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
- <b:else/>
- <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
- </b:if>
- <b:if cond='data:showFreqNumbers'>
- <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
- </b:if>
- </span>
- </b:loop>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='PopularPosts1' locked='false' title='Most View Videos' type='PopularPosts'>
- <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"'>
- <!-- (1) No snippet/thumbnail -->
- <a expr:href='data:post.href'><data:post.title/></a>
- <b:else/>
- <!-- (2) Show only snippets -->
- <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
- <div class='item-snippet'><data:post.snippet/></div>
- </b:if>
- <b:else/>
- <b:if cond='data:showSnippets == "false"'>
- <!-- (3) Show only thumbnails -->
- <div class='item-content'>
- <b:if cond='data:post.thumbnail'>
- <div class='item-thumbnail'>
- <a expr:href='data:post.href' target='_blank'>
- <div class='play-button'><img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></div>
- </a>
- </div>
- </b:if>
- <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
- </div>
- <div style='clear: both;'/>
- <b:else/>
- <!-- (4) Show snippets and thumbnails -->
- <div class='item-content'>
- <b:if cond='data:post.thumbnail'>
- <div class='item-thumbnail'>
- <a expr:href='data:post.href' target='_blank'>
- <div class='play-button'><img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></div>
- </a>
- </div>
- </b:if>
- <div class='item-title'><a expr:href='data:post.href'><data:post.title/></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:section>
- </div>
- <!-- spacer for skins that want sidebar and main to be the same height-->
- <div class='clear'> </div>
- </div> <!-- end content-wrapper -->
- <b:if cond='data:blog.pageType != "item"'>
- <div class='picfooter'>
- <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='HTML5' locked='false' title='Template Information' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <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='HTML6' locked='false' title='Template Information' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <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='HTML7' locked='false' title='Test Footer 2' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <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>
- <div class='creditwrap'>
- <div class='credit'>
- <div style='float:left;text-align:left;'>
- <strong>Support :</strong>
- <a href='http://creatingwebsite-maskolis.blogspot.com/'>Creating Website</a> | <a href='http://johnytemplate.blogspot.com/'>Johny Template</a> | <a href='http://mas-template.blogspot.com/'>Mas Template</a><br/>
- Copyright © 2011. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved
- </div>
- <div style='float:right;text-align:right;'>
- Template Created by <a href='http://creatingwebsite-maskolis.blogspot.com/'>Creating Website</a> Published by <a href='http://mas-template.blogspot.com/'>Mas Template</a><br/>
- Proudly powered by <a href='http://www.blogger.com'>Blogger</a>
- </div>
- </div>
- </div>
- </div></div> <!-- end outer-wrapper -->
- <script src='https://masolis-javascript.googlecode.com/svn/trunk/comment.js' type='text/javascript'/>
- <script type='text/javascript'>
- $(document).ready(function(){
- $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 4000, true);
- });
- </script>
- <script type='text/javascript'>
- $(function() {
- $('.menuku li').hover(function() {
- $(this).children('ul').filter(':not(:animated)').show(200);
- }, function() {
- $(this).children('ul').hide(400);
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement