Latest Archive :
Welcome
Ferryxz
Daftar Isi
My Blog
Support
Contact Us
Goggle +
Contact on Facebook
Contact on Twitter
Dokumen
Tulisan
Blogger
Tips_Trik
Hiburan
Games
OS
Windows
Win XP
Win 7
Win 8
Downloads
Hasil
Code Warna
Color
Lain-Lain
Suka-Suka
Topics :
Choose Categories
AKM (2)
Android (1)
Blogger (32)
Dokumen (15)
Facebook (4)
Home (1)
Kampus TGS (2)
Khusus (3)
Office Excel (2)
Pemrograman (1)
RPP SMPLB (2)
Software (6)
Tips N Trik (30)
Windows 8 (2)
skip to main
|
skip to sidebar
Home
»
Blogger
,
Khusus
» HTML
HTML
Written By Ferryxz on Jumat, 13 Juli 2012 | 21.04
HTML ku yang sekarang
Expand Template Widget
<?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> <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 : Ferryxz Author : Ferryxz Edit Url : http://ferryxzyamato.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="#333" value="#aeaeae"> <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="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"> */ #navbar-iframe{height:0;visibility:hidden;display:none} body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji5vMb3edyKu9ZOfFZmlAVvSXZ5n7JFQj54vKX-MtDMQRloc0U1jL0rD6I18M_ToPUOTyFtqipP9sd5hU19irTB1QGqvTerFPHWkuihZ0PjQEMXl_35eOEfLd3XpZJ6hxxBZ9SQ8K-ulaS/s1600/hd_wall_9822.jpg) ;color:$textcolor;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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_xU0G7RiToAJiGfigtI8P_p-sfGMPMAD4jkQTWExFFq0JHwLUZZCgXc7vv0PD96HbSsK7yYHsBYEzHwAVM9R7os12QFT0CISWq9hRVoUh8vsCNkr62vbN_dSIResnutFq3kRyfRsOT56G/s1600/wooden-background_facebook_timeline_cover.jpg)repeat-x bottom;width:1000px;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:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px} #header img{margin-startside:auto;margin-endside:auto} #outer-header{background:transparant;width:1000px;text-align:$startSide;font:$bodyfont;margin:0 auto;padding:0 auto} #blog-outer{background:#050505 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr-G20ufqk7bTa1NzhkdGUiZBKHcGECEMkI-WE80lBpFRorJoI0Vb3Y7WoCkGIhyphenhyphens13aHJPGTTBpgwo1wl6Vlbjs0DfbyVZhY5m2BkA8Z0z8YT6mDOrqngqJzFHJZqfcc2DjoGJNOVab8/s1600/bg-outer.png) repeat-x top;width:971px;text-align:$startSide;font:$bodyfont;margin:0 auto;padding:0 10px 0 0} #main-wrapper{padding-left:20px;width:630px;float:$startSide;word-wrap:break-word;overflow:hidden} #midle-wrapper{padding-left:10px;width:233px;float:$startSide;word-wrap:break-word;overflow:hidden} h2{font:$headerfont;line-height:1.4em;text-transform:uppercase;letter-spacing:.01em;color:$sidebarcolor;margin:.5em 0 .25em} h2.date-header{text-transform:none;font:normal 12px Arial;color:#fff;line-height:1.2em;margin:.1em 0} .post{background:#111;border:1px solid #6A6968;margin:.1em 0 .5em;padding:10px 15px} .post h3{font-family:Georgia, Times, Serif;font-size:180%;font-weight:700;line-height:1.2em;color:#2482d6;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{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Q9qlRhXyDsPf5Okb9-ojsk-Ettfv59dcsHxco-I6dTUV78_FD37tsL8Oaf2Vd8-OOGzJDimvLPvadI3O-pI1X_y8WouxYSERWMqmDlt4F3JLiM4kQ2yOJewiA8EqURbqwIpwd2WwR4Ux/s1600/batas.gif) repeat-x scroll top;font:14px Arial;padding-top:6px;line-height:1.4em;margin:3.3em 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-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:#fff;letter-spacing:.001em;line-height:1em;float:left;margin:15px;padding:0 auto} .post blockquote p{margin:.75em 0} #comments h4{color:#aeaeae;font-size:16px;font-family:Tahoma, Arial, Verdana;font-weight:400;margin:0 0 5px;padding:0} #comments{background:#111;border:1px solid #232323;margin:0 0 10px;padding:15px 10px 10px} .deleted-comment{font-style:italic;color:gray} #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:92px;height:26px;text-align:center;display:inline-block;color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifD_s0zQ7VR4alSt2icZxXlExXJY26597X5qY1PXZUrlEuUrIP3BchC7MKvlURw4eMuRyNpEcjcRWw2kEZh0R6uPgXOni4ocTcRI3Y3U7KOG5SeAqRF3qJEtp1CFAy_0cXu7_pnuhN9yU/s1600/pager-bg.png) no-repeat;font-size:11px;text-transform:lowercase;padding-top:8px;margin:0 10px} #blog-pager{clear:both;text-align:center;margin:20px 0;padding:10px 0} .feed-links{clear:both;line-height:2.5em} #bottom-header{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn564wcB7wrgpB-XjyCLuEhSdN4C2RloUhrIA5C0uGBkLyUTn10IzL3LNMLmBJssSLtWkaKj3sk4mVV886AAnOzynSjc0HaoXoRe8D_QGvYJNQvLnKjplMMi9g6R9gMzGNnR9g1UlyuRk/s1600/bottomhead.png) no-repeat top;height:27px;width:1000px} .ads h2,.sidebar h2{font:bold 13px Arial;text-transform:none;color:#eee;line-height:1.2em;letter-spacing:.01em;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-cRMwr6e6vT-CsBSgSRHmdjDrYLBLDoa3osS7_Sym78H9gWNFhCvl6paVUirAzbeXOOj3hr5-Yk4hVKcYLrEtMAcR3yyYLcOKnUXwgi1538aH_UJNJwiNKXw-CAmv9iO3pspQ9yaeFc/s1600/sidebar-bg.png) repeat-x top;margin:0 auto;padding:10px 10px 9px} .ads .widget{background:#212121;margin:0 0 8px;padding:0 auto} .sidebar .widget{margin:0 0 8px;padding:0 auto} .sidebar a:link,.sidebar a:visited{font:12px Arial;color:#ddd;text-decoration:none} .sidebar a:hover{color:#3c96e4} .sidebar .widget-content{margin:0 auto;padding:0} .sidebar{font:normal 12px Arial;color:#b5b5b5;line-height:1.4em} .sidebar li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjny0ucKr_hy8HVjMe1n1GeOgi6WW6ppWmNSJWGa1JeyTK8oH-dSZruaj3BFGiWXVgOLPWPdJVXLVjy957j5_SGXYZsalOXXyBF220IhHdEKRbUlbF4-jd-4QTS4axMZPPSu8pBmyOHwWY/s1600/batas.gif) repeat-x scroll bottom;text-indent:0;line-height:1.4em;margin:0;padding:3px 0 4px} .sidebar ul{background:#212121;border:1px solid #353535;list-style:none;margin:0;padding:3px 8px} .main .widget{border-bottom:1px dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em} .main .Blog{border-bottom-width:0} .footer h2{font:bold 13px Arial;line-height:1.3em;text-transform:uppercase;letter-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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm_bf1dOlaqHUxxIm8-cOXp1ZB0mbdObDJtJcWwvBwLgEQKD30Hok_GTFiWVIEr7v2l8ycqJs1EfkacidPcz1_O4BU-MxH2kLAlrRMcOApB_6Qc92dmykEuNV-cwnojKr387jwoG2ugjc/s1600/bg-bg.GIF) no-repeat 1px 6px;font:normal 11px Arial;text-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} .profile-img{float:$startSide;margin-top:0;margin-endside:10px;margin-bottom:5px;margin-startside:0;border:1px solid $bordercolor;padding:4px} .profile-data{text-transform:uppercase;letter-spacing:.01em;font:bold 13px Arial;color:$sidebarcolor;line-height:1.3em;margin:0} .profile-textblock{line-height:1.3em;margin:.5em 0} .profile-link{font:$postfooterfont;text-transform:none;letter-spacing:.01em} .main-footer{background:#06359b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidLAnOErdolpoQebG6nyIPSoo5lBtWkrI4FjCmBfordXwGVeUxiqeoNWTvYcqm2auQsmooZhFlrPmTcbWmO4mkIryVS1n8RxbvkvIoswHxJEcvMC7H9vdwWRe0HBHtQG2dHmqoKBjNBD0/s1600/footer.png) repeat-x bottom;width:981px;border-bottom:1px solid #000;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:hidden} #footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px} .credit-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWSokXLcdhU7Fh3Cz9R9be8zfDn3UcMGBz3LRj9-9AE1KbxBJYBt7gKlu0U_zI40ox3vwKf2BflOsxDvCOzuwMnd3KKNpJ4f14u1K0EQCmYUwf6FmS4V_RETIArl4r9WyxdFKxNeooaiNc/s1600/sidebar-bg.png) repeat-x top;width:981px;margin:0 auto;padding:0 auto} .credit{width:960px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:10px 0 10px 10px} .credit a:link,.credit a:visited{color:#cecdcd;text-decoration:none} #top-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8AClFlR94nCQXqLMFpvFUQ7SzBpQANWyBkEYZaRW31bwoY4gVpO77rDYDy_JUceLnO82uZ2ztX0PnPeDqh9rHetZOZ8kzS9Oo9SvUM8-f7uR0gP7F7zV_FJ0PuyLV_zNehJMmFbErD8VQ/s1600/sidebar-bg.png) repeat-x top;width:1000px;border-top:1px solid #001332;border-bottom:1px solid #001332;margin:0 auto;padding:0 auto} #topbar{width:1000px;height:27px;margin:0 auto} #top{width:100%} #top,#top ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #top a{display:block;text-decoration:none;font:normal 11px Arial;text-transform:none;color:#668dce;padding:7px 10px} #top a.arrow{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVWNIWvQLOK-C79TW-C5Eu014B-1VhbBkY3Lhlf1OyxWcKOhNpEfDHifc7qE61yF-KmdHV4bfX2t9iXKxOzcOPIbc8mxu9OP4qRqyp1Kk8TrvMhUVJsiZnCnhmr4PMK0nRI15eq1b55i4/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:7px 24px 7px 10px} #top li{float:left;position:static;width:auto} #top li ul,#top ul li{width:170px} #top ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #top li ul{z-index:100;position:absolute;display:none;background:#999;padding-bottom:0;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #top li:hover a,#top a:active,#top a:focus,#top li.hvr a{background-color:#999;color:#111} #top li:hover ul a,#top li.hvr ul a{color:#111;background-color:transparent;text-decoration:none} #top li ul li.hr{border-bottom:1px solid #aaa;border-top:1px solid #666;display:block;font-size:1px;height:0;line-height:0;margin:0} #top ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none} #top a span,#top a.arrow span{font:bold 12px Arial;color:#ddd;display:block;line-height:16px;text-transform:uppercase} .headline-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheKiwcGPKL-bH5H5GURZ2s1Z7diI-Sgpe4LhQmMtgnlWIUcOODbfMk1sGTEMG5a7BK7jsvZcpj9uyfmtZZRF47xPZyldwrEOJgRyA9PxSulknPlaajduSaxzvRz-G92EIIy72i3dxbTnQ/s1600/headline.png) repeat-x bottom;border-bottom:0 solid #444;width:1000px;height:22px;margin:0 auto;padding:0 auto} .headline{width:1000px;line-height:1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:0 auto} .headline a:hover{color:#eace12;text-decoration:underline} #searchbar{width:980px;height:40px;font-size:12px;font-family:Arial, Tahoma, Verdana;color:#ddd;font-weight:700;margin-bottom:8px;padding:0} #searchbarleft{width:290px;float:left;margin:0;padding:4px 0 0 10px} #searchbarmiddle{width:280px;float:left;margin:0;padding:3px 0 0} #searchbarright{width:180px;float:right;margin:0;padding:5px 0 0} #searchbarright1{width:190px;float:left;margin:0;padding:0} #searchbarform{display:inline;overflow:hidden;margin:10px 0 0} #searchbarformheader{margin:0} #cat{background:#eee;width:220px;color:#333;font-family:Arial, Tahoma, Verdana;display:inline;margin:1px;padding:2px} #subscribe{overflow:hidden;margin:0;padding:0 0 5px} #subbox{background:#444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUIE0IC4HUc4g5Codw8eyyj6ki09umoeLych1v-CUpLEjunn0Kc_megV0r6Q7B-GOfdodqqHYW1PwQCGnzr6NVXfUGmbXak9-2XlyGBatGxxeHA2Yp0Ln3HucToaycbEK_82D2BMFfkY/s1600/email.png) no-repeat scroll 4px center;font:bold 11px Sans-Serif;color:#ddd;text-decoration:none;border:1px solid #666;height:14px;width:170px;margin:0;padding:5px 0 4px 34px} #subbutton{background:#444;color:#ddd;font:11px Arial;font-weight:700;text-decoration: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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiD5GPIqNOUO4qAjN_E8l94UKfVkoS0DGJNiKK7X_8jWOwq_rzxyMfmi3ccZpd82m3lrE6Xy9C1Xw-7bi3gKkiR29RjkUp1C0tKsoVwc4v3OvcPuzMiJi47Elokhs5APQ2IyNcJPoYhQA/s1600/social+letter.png);background-position: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{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizVs5LDHcPQjpQ6V9yJt10Kc4Czqu30wtu7GYbVgP0JzeiH2Q4-rr_6GBDKXpGLVPoRXCcRwX3paeFzE0CsC-ySlL0bkwDBv1CJeoj8YLCasSdYssmr5Mn-tuAiwxRq5b0xDtilTL8RAo/s1600/navpage.png) repeat-x top;border:color:#fff;margin:2px;padding:3px 6px} .showpageNum a,.showpage a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizVs5LDHcPQjpQ6V9yJt10Kc4Czqu30wtu7GYbVgP0JzeiH2Q4-rr_6GBDKXpGLVPoRXCcRwX3paeFzE0CsC-ySlL0bkwDBv1CJeoj8YLCasSdYssmr5Mn-tuAiwxRq5b0xDtilTL8RAo/s1600/navpage.png) repeat-x top;color:#fff;text-decoration:none;margin:2px;padding:3px 6px} .showpageNum a:hover,.showpage a:hover,.showpagePoint{background:#555;color:#fff;margin:2px;padding:3px 6px} .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;overflow:hidden} .ads1 .widget{margin:0;padding:0 0 5px} #ads-wrapper,#sidebar-wrapper,#footer3-wrapper{width:300px;float:$endSide;word-wrap:break-word;overflow:hidden} #comments-block .comment-author,.profile-datablock{margin:.5em 0} .widget-wrapper2{padding:10px} .widget-tab{background:#525252;font-family:Arial,Helvetica,sans-serif;padding:5px!important} .widget-tab ul{margin:0;padding:0 5px} .widget-tab ul li{list-style:none;padding-top:4px;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;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;left:4px;top:0} .tab-content ul li a:hover{color:#eee} .tab-content ul li a:hover small{color:#baae8e} .active-tab{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikup1f9-KifkrVFmbqrqOMEz50cCj-tHgk3FbgZIWkio6jVIaK5zC6tR8Kv57Ky9cGhN6QIQN58DcAv9mLJW8YsPLgE86WL-CkiuzirdtkLc5PdFPJqoRfsvFHBKvDKbJ2lyfqZrJdl4E/s1600/sidebar-bg4.png) repeat-x scroll left bottom!important;color:#000!important} ul.tab-wrapper{margin:5px 0 4px;padding:0} ul.tab-wrapper li{border-bottom:none;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2jQk2GKPW6uIBQGJuIuqHEduAsDkP_UiCYU8KpA68akvqxWv58-sOAV48q5t0TH3QBEWiS140koCkqzIvcD2RBaTuCXJJ2doh0NDvivBzt_a6FoGCMenR6erDQ0clRLDstbZxbr4ZRU/s1600/tabber.png) repeat-x top;color:#FFF;cursor:pointer;display:inline;font-family:Arial;font-size:10px;line-height:2em;list-style-image:none!important;list-style-position:outside!important;list-style-type:none!important;margin-right:1px;text-align:center;text-decoration:none;text-transform:uppercase;padding:8px 12px} #related-posts{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Q9qlRhXyDsPf5Okb9-ojsk-Ettfv59dcsHxco-I6dTUV78_FD37tsL8Oaf2Vd8-OOGzJDimvLPvadI3O-pI1X_y8WouxYSERWMqmDlt4F3JLiM4kQ2yOJewiA8EqURbqwIpwd2WwR4Ux/s1600/batas.gif) repeat-x scroll bottom;float:left;width:100%;margin:5px 0 10px;padding:15px 0 10px} #related-posts .widget h2,#related-posts h2{font-family:Arial,sans-serif;font-weight:nomal;font-size:16px;color:#aeaeae;text-transform:none;margin:0 0 10px;padding:0} #related-posts a{color:#aeaeae;font-family:Arial,sans-serif;font-weight:400;font-size:13px} #related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie6vBez1k4Gdiu1yuQDX_thLDSpc4FvX50ob_nHVzQTuivugngXSzPmPD8ih3Xo35DwvoaKmcOkHxp6XDXs9UnQQr15nAewltdoqMCpFN6bC9iCaTck1lkNYPJZ8a5r02kP9lxIQ5NnCw/s1600/arrow.gif) no-repeat 0 6px;line-height:1.6em;margin:0;padding:2px 0 2px 11px} #related-posts a:hover{color:#2482d6;text-decoration:none} #featuredContent{float:left;width:407px;margin-right:10px;display:inline} #featured-slider{position:relative;overflow:hidden;width:407px;height:245px} #featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:407px;min-height:30px;height:auto!important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7yrph9O_4ECeRnGeTCB4zHiDMiJz3332XDJay_FZRL2x8rZ9Pr1dvczBAeB-sAtONLlMSBSoYXVpWv4Xx1U26LusrWJygFZeWzmN2obOEIdyCdyAhBcBDr9pXyVzSM-toPdsZGG5lADoO/s1600/transparant.png)} #featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding:0 5px} #featured-slider .sliderPostInfo h2{color:#FFF;font:bold 14px Tahoma;text-transform:none;padding:0 5px} #featured-slider .contentdiv{visibility:hidden;position:absolute;left:0;top:0;z-index:1} #paginate-featured-slider{display:block;background-color:#050505;margin-bottom:0;padding:0 0 5px} #paginate-featured-slider ul{width:415px;padding-bottom:0;list-style:none} #paginate-featured-slider ul li{display:inline;width:75px;float:left;margin-left:0;margin-right:8px;margin-bottom:3px} #paginate-featured-slider img{padding-top:5px;background:#050505} #paginate-featured-slider a img{border-top:4px solid #050505} #paginate-featured-slider a:hover img,#paginate-featured-slider a.selected img{border-top:4px solid #2685d7} .postbox{width:233px;padding-bottom:10px} .postbox h1{font:bold 12px Arial;text-transform:none;line-height:1.2em;letter-spacing:.01em;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh995vEC5Vn7i1FRA-8bwb7v7WQGgMNcNnm9qJZivqR51Ei4grFBo0LkaEFcR5m3soKJgPg1c3f2KbfYLU2vUpq1ru9vU879JWcABkXlUCGHsQRs9HTkGIh3QAs8aUyqQqDo2QnrGy8gJI/s1600/postbox.png) repeat-x bottom;margin:0 auto;padding:11px 10px} .postbox h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEI2c6FxHNBPx5RiUhLzD4XipnbN_CWca6CmPKen1g7ht85etpdwhzl0iT0bNV3dZoqxE9doFxUa7c6Wd608Zr1o79sLvMaa5I-ingHEvJqvOiw8WVGQuvDkZFeo-HQoQh8PazQxWOeug/s1600/transparant.png);position:absolute;width:211px;font-size:1em;font-weight:700;line-height:16px;text-transform:none;margin:78px 0 0;padding:5px} .postbox ul li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghES2mkRiwBcK8xgZE8_VfuRqwVYdLDzic5x_BmvCPKDvo7DtdYmFMG7qiz8tQEZAwkDeO_z3sWUxjU3be_XzxnJVQnqlpCZieS-jTWfASW28lpSPJ4jOZ62a3n46rHq4OQHVXKD-iFI8/s1600/arrowList_2.gif) no-repeat 0 0;font-size:1em;line-height:15px;padding:0 0 6px 12px} .boxcontent{background:#0a1e32 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX6nEWao1VvNq5VXjvf7qYv_K7QoEVshLkkVgt_6ZF2ehdLRFN4VKDCH7QYmyscBO4amN56nrUlv9WQ-jq-ubiptOgjPteagBDz8BVTC3BnifDw0K_9p1u1Tjo_klN_nJ4Lg61sxMQzYk/s1600/postboxk.png) repeat-x top;padding:5px 6px 0} .boxcontent h5{color:#eee;margin:0;padding:0} .postbox h1 a,.postbox h1 a:visited,.postbox ul li a,.postbox ul li a:visited{color:#aeaeae} .more{font-weight:700;margin:5px 0} #top li:hover ul,#top li.hvr ul,.catbox-even .entry-excerpt,.bottomBox_wide img{display:block} #top li:hover a span,#top li:hover a.arrow span,.postbox h2 a,.postbox h2 a:visited{color:#fff} .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:$startSide;word-wrap:break-word;overflow:hidden} .ads1 ul,.slide ul,.midle ul,.sidebar4 ul,.sidebar5 ul,#related-posts ul{list-style:none;margin:0;padding:0} .postbox h1 a:hover,.postbox h2 a:hover,.catbox-even h2 a:hover,.bottomBox h2 a:hover,.index a:hover{color:#256ead;text-decoration:none} .postbox ul li a:hover,#carousel ul li a.slider_title:hover,.catbox-even h1 a:hover,.catbox-even ul li a:hover,.bottomBox h1 a:hover,.bottomBox ul li a:hover{color:#256ead} .postbox ul,.catbox-even ul,.bottomBox ul{list-style:none;padding:0} .catbox-even h1 a,.catbox-even h1 a:visited,.bottomBox h1 a,.bottomBox h1 a:visited,.bottomBox ul li a,.bottomBox ul li a:visited{color:#ddd} .catbox-even h2 a,.catbox-even h2 a:visited,.catbox-even ul li a,.catbox-even ul li a:visited,.bottomBox h2 a,.bottomBox h2 a:visited{color:#eee;text-transform:none} ]]></b:skin> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'> #main-wrapper {width: 407px;padding-left:10px;} h2.date-header, .post-timestamp, .post-body, .post-footer, .feed-links {display:none} .post h3 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghES2mkRiwBcK8xgZE8_VfuRqwVYdLDzic5x_BmvCPKDvo7DtdYmFMG7qiz8tQEZAwkDeO_z3sWUxjU3be_XzxnJVQnqlpCZieS-jTWfASW28lpSPJ4jOZ62a3n46rHq4OQHVXKD-iFI8/s1600/arrowList_2.gif) no-repeat 0px 4px;font:normal 12px Arial;margin:0 0 0 5px;padding:4px 6px 4px 15px;line-height:1.3em;position:relative;} .post h3 a, .post h3 a:visited, .post h3 strong {color:#aeaeae;font-weight:normal} .post h3 strong, .post h3 a:hover {color:#256ead;} .post {background:none;border:none} .post {border-bottom:1px solid #222;margin:0px;padding:0px;} #blog-pager {font:normal 11px Arial;text-align:left;margin:6px 0 1px 0;padding:7px 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=new 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.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-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]+'">'+relatedTitles[c]+"</a></li> ");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul> ");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)}; //]]> </script> <script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-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=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"> </div> ');this.feedcontainer=document.getElementById(c);this.itemcontainer=" <li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<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.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.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.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(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_array=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].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==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].publishedDate,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;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div> ";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;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+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,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._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(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:bold 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' type='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> ";for(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(starttab).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).addClass("widget-tab");j++}i++});$jtab1("#"+sidebarname+" .tab").click(function(){$jtab1("#"+sidebarname+" .widget-tab").slideUp();$jtab1("#widg"+$jtab1(this).attr("id")).slideDown();$jtab1("#"+sidebarname+" .tab").removeClass("active-tab");$jtab1(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:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});return this.each(function(){var running=false,animCss=o.vertical?"top":"left",sizeCss=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).clone()).append(tLi.slice(0,v).clone());o.start+=v}var li=$(".car",ul),itemLength=li.size(),curr=o.start;div.css("visibility","visible");li.css({overflow:"hidden",float:o.vertical?"none":"left"});ul.css({padding:"0",position:"relative","list-style-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,-(curr*liSize));div.css(sizeCss,divSize+"px");if(o.btnPrev)$(o.btnPrev).click(function(){return go(curr-o.scroll)});if(o.btnNext)$(o.btnNext).click(function(){return go(curr+o.scroll)});if(o.btnGo)$.each(o.btnGo,function(i,val){$(val).click(function(){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)});if(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.beforeStart)o.beforeStart.call(this,vis());if(o.circular){if(to<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*liSize)+"px");curr=to==o.start-v-1?itemLength-(v*2)-1:itemLength-(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>itemLength-v)return;else curr=to}running=true;ul.animate(animCss=="left"?{left:-(curr*liSize)}:{top:-(curr*liSize)},o.speed,o.easing,function(){if(o.afterEnd)o.afterEnd.call(this,vis());running=false});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled")}}return false}})};function css(el,prop){return parseInt($.css(el[0],prop))||0};function width(el){return el[0].offsetWidth+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" /> Fetching 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 first (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.responseText this.buildpaginate(setting) } }, buildcontentdivs:function(setting){ var alldivs=document.getElementById(setting.id).getElementsByTagName("div") for (var i=0; i<alldivs.length; i++){ if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv" setting.contentdivs.push(alldivs[i]) alldivs[i].style.display="none" //collapse all content 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=="string"? 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">'+nextprev[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 this toc link is out of range (user defined more toc links then there are contents) pdivlinks[i].style.display="none" //hide this toc link continue } pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc link pdivlinks[i][setting.revealtype]=function(){ featuredcontentslider.turnpage(setting, this.getAttribute("rel")) return false } setting.toclinks.push(pdivlinks[i]) } else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next" pdivlinks[i].onclick=function(){ featuredcontentslider.turnpage(setting, this.className) return false } } } this.turnpage(setting, setting.currentpage, true) if (setting.autorotate[0]){ //if auto rotate enabled pdiv[setting.revealtype]=function(){ featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id]) } sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked on featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id]) } setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[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 index, 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(thepage))? currentpage+1 : parseInt(thepage) turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjust if (turntopage==setting.currentpage && typeof autocall=="undefined") //if 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" //collapse 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 link exists (may not if manually defined via "markup", and user omitted) this.css(setting.toclinks[setting.prevpage-1], "selected", "remove") if (turntopage<=setting.toclinks.length) //make sure pagination link exists (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 Mozilla syntax targetobject.style.MozOpacity=value else if (typeof targetobject.style.opacity!="undefined") //Standard opacity 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(){featuredcontentslider.fadeup(setting)}, 50) } else{ //when fade is complete if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run) setting.contentdivs[setting.cacheprevpage-1].style.display="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 content isn't the same as the current shown div setting.contentdivs[setting.cacheprevpage-1].style.display="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.turnpage(setting, "next")}, setting.autorotate[1]) }, getCookie:function(Name){ var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value 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 index 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)? persistedpage : 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]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEKV0e_oTBaV9ohiRiDV0_dLKqjGiKClLObrupvKcVgE0KzYlzehPNO2wJL4t_VASLo_eoAwg-wJxkjzSkxN1SMOer9M59zJAlWIcDqC4-Nc0jnGElVFbLtsNmsKr9v1ct5LfyDztR2Q/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=100;summaryPost1=140;summaryTitle=25;numposts1=15;numposts2=4;numposts3=5;numposts4=5;numposts5=10;numposts6=5;numposts7=4;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 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 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;var trtd=' <li class="car"><div class="thumb"> <a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div> <p> <a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p> </li> ';document.write(trtd);j++}document.write('</ul> ')}function showrecentposts2(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts2;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=["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];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;if(i==0){var trtd='<div class="boxcontent"> <div class="thumb"> <h2> <a href="'+posturl+'">'+posttitle+'</a></h2> <a href="'+posturl+'"><img width="221" height="120" src="'+img[i]+'"/></a></div> <h5> '+daystr+'</h5> <div class="more"> More </div> <ul>';document.write(trtd)}if((i>0)&&(i<numposts2)){var trtd=' <li><a href="'+posturl+'">'+posttitle+'</a></li> ';document.write(trtd)}j++}document.write('</ul> </div> ')}function showrecentposts3(json){j=(showRandomImg)?Math.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 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;var trtd='<div class="contentdiv"> <a href="'+posturl+'"><img width="407" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"> <h2 class="featuredTitle"> <a href="'+posturl+'">'+posttitle+'</a></h2> <p> '+removeHtmlTag(postcontent,summaryPost)+'...</p> </div> </div> ';document.write(trtd);j++}}function showrecentposts4(json){j=(showRandomImg)?Math.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 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;var trtd=' <li><a class="toc" href="#"><img width="75" height="50" class="alignnone" src="'+img[i]+'"/></a></li> ';document.write(trtd);j++}}function showrecentposts5(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts4<=json.feed.entry.length){maxpost=numposts4}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=["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];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>';if(i==0){var trtd=' <li class="first"><div class="entry-thumb"> <a href="'+posturl+'"><img width="110" height="80" src="'+img[i]+'"/> </a></div> <h2 class="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> ';document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd=' <li class="catlist"><a href="'+posturl+'">'+posttitle+'</a></li> ';document.write(trtd)}j++}}function showrecentposts6(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.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;var trtd=' <li><a href="'+posturl+'">'+posttitle+' </a></li> ';document.write(trtd);j++}}function showrecentposts7(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts6<=json.feed.entry.length){maxpost=numposts6}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=["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];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>';if(i==0){var trtd='<div class="bottomBox_wide left"> <div class="thumb"> <a href="'+posturl+'"><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="'+posturl+'">Read More �</a></p> <div class="clear"> </div> </div> </div> <ul><div class="bottomBox_narrow right"> ';document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd=' <li><a href="'+posturl+'">'+posttitle+' </a></li> ';document.write(trtd)}j++}document.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='outer-header'> <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;'> Latest Archive : </div> <div style='float:left;width:800px;padding:2px 0; position:relative; overflow:hidden;'> <script type='text/javascript'> var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new") cssfeed.addFeed("Headline News", "http://ferryxzyamato.blogspot.com/feeds/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='Ferryxz Yamato II (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='description'> <div class='descriptionwrapper'> <p class='description'> <span><data:description/></span></p> </div> </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:widget> </b:section> <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/> <div style='clear:both;'/> </div> <!-- end header-wrapper --> <div id='top-wrapper'> <div id='topbar'> <ul id='top'> <li><a href='/'><span>Welcome</span>Ferryxz</a></li> <li><a href='http://goo.gl/0jqApC'><span>Daftar Isi</span>My Blog</a></li> <li><a class='arrow' href='##'><span>Support</span>Contact Us</a> <ul> <li><a href='https://plus.google.com/u/0/101848765714861062713'>Goggle +</a></li> <li class='hr'/> <li><a href='https://www.facebook.com/ferryxz'>Contact on Facebook</a></li> <li class='hr'/> <li><a href='https://twitter.com/FerryxzRixz'>Contact on Twitter</a></li> </ul> </li> <li><a href='http://goo.gl/EP6ND4'><span>Dokumen</span>Tulisan</a></li> <li><a href='http://goo.gl/GWjVhm'><span>Blogger</span>Tips_Trik</a></li> <li><a href='##'><span>Hiburan</span>Games</a></li> <li><a class='arrow' href='##'><span>OS</span>Windows</a> <ul> <li><a href='##'>Win XP</a></li> <li class='hr'/> <li><a href='##'>Win 7</a></li> <li class='hr'/> <li><a href='http://goo.gl/3ikjgy'>Win 8</a></li> </ul> </li> <li><a href='http://goo.gl/DNlGkf'><span>Downloads</span>Hasil</a></li> <li><a href='http://goo.gl/0sAEaA'><span>Code Warna</span>Color</a></li> <li><a href='##'><span>Lain-Lain</span>Suka-Suka</a></li> </ul> <br class='clearit'/> </div> <div style='clear:both;'/> </div> <div id='bottom-header'/> </div> <div id='blog-outer'> <div id='wrap2'> <div id='searchbar'> <div id='searchbarleft'> <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?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 email address...';}' onfocus='if (this.value == 'Enter your email address...') {this.value = '';}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></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.options[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://johny-storage.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:120px;border:none;padding:3px 7px; font:12px Arial;color:#ddd; background:#444;border:1px solid #666;' type='text' value='Search ...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8IUSjbSmqsYntRAiztKqdwCUpzp3Iml-DhLrh3D1VhRMwvFgUHieYoKvNjLwgLooFEmBexVJBAh0CTF224-3zQFIuqXR0ZJLn2kaR25HyU0OMM4Pynt7rECFm0CZWrPCP8E-RFq9YE3s/s1600/search.jpg' style='padding:0px 3px;' type='image' value='Search'/> </form> </div> <div id='searchbarright1'> <ul class='isocial'> <li><a class='rss' href='http://ferryxzyamato.blogspot.com/feeds/comments/default' target='_blank' title='Subscribe via RSS'/></li> <li><a class='facebook' href='https://www.facebook.com/ferryxz' target='_blank' title='Become a Fan'/></li> <li><a class='twitter' href='https://twitter.com/FerryxzRixz' target='_blank' title='Follow Us'/></li> <li><a class='google' href='https://plus.google.com/u/0/101848765714861062713' target='_blank' title='Google Plus Profile'/></li> <li><a class='youtube' href='www.youtube.com' target='_blank' title='Watch The Video'/></li> </ul> </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 != "static_page"'> <b:if cond='data:blog.pageType == "index"'> <div id='slide-wrapper'> <b:section class='slide' id='slide' preferred='yes'> <b:widget id='HTML6' locked='false' title='' 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:widget id='Navbar1' locked='false' 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\0756698572892851090521\46blogName\75Ferryxz+Yamato+II\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLACK\46layoutType\75LAYOUTS\46searchRoot\75http://ferryxzyamato.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://ferryxzyamato.blogspot.com/\46blogFollowUrl\75https://plus.google.com/101848765714861062713\46vt\75-4077241782552724433', { 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> <h2 style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOWhI0VVKxY5-rxE9NaHZ3GHUv3VwDpIZrImQW4fu64Jn2_PpdIIjZApbSeL2htn8bk7bZVKRGT7Ubda1O_ZsYh960CYXjB006CFOq9LE9cLXdBxHP4Jwg3YIDJTsksK07ficKTW5LZXM/s1600/home.gif) no-repeat 3px 10px;margin:0;letter-spacing:-.001em; padding:8px 0 8px 25px; font:bold 13px Arial;color:#aaa; text-transform:uppercase;overflow:hidden;'> Latest Post</h2> </b:if></b:if> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'> <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'> <!-- mobile index --> <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/> <!-- 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.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> <!-- navigation --> <b:if cond='data:mobile'> <b:include name='mobile-nextprev'/> <b:else/> <b:include name='nextprev'/> <!-- feed links --> <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": "<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='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </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='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <img src='http://3.bp.blogspot.com/--xW4OujM2JE/UAq8w-MIvwI/AAAAAAAAEVo/dVZSRSV46UE/s1600/PostAComment.png'/> <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-comment-from-post' frameborder='0' height='250' id='comment-editor' name='comment-editor' src='' width='600px'/> <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='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='data:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </b:if> </span> </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.canonicalUrl'> </span> <b:else/> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'> </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='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='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.oldestLinkUrl'><data:post.oldestLinkText/></a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><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.authorClass' 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:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.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.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <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.addCommentOnclick'><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' 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='feedLinks'> <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> </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='feedLinksBody' var='links'> </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.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </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)'>›</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='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='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'><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='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><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'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </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'> <meta expr:content='data:post.url' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.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'> <b:include data='post' name='comment_count_picker'/> </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:include data='post' name='comment_picker'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comment_picker'/> </b:if> </div> </div> </div> </b:includable> <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"' expr:title='data:newerPageTitle'><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='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><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='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='background:#222; border:1px solid #000; border-bottom:1px solid #444; border-right:1px solid #444;padding:4px 8px;margin:4px 0px;line-height:1.4em;'> <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> <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' colorscheme='dark' 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 != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'><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='background:#222; border:1px solid #000; border-bottom:1px solid #444; border-right:1px solid #444;padding:8px 0;margin:12px 0px;width:100%;float:left;height:20px'> <div style='float:right;padding-right:10px;'> <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=4rifin' type='text/javascript'/></div> <div style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#eceaea;text-shadow: 1px 1px 1px #000'> <strong>Share this article</strong> : </div> </div> </b:if> <!-- Related Posts--> <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> <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <span class='fn'><data:post.author/></span> </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' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><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> <span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> <div class='post-share-buttons'> <b:if cond='data:post.sharePostUrl'> <b:include data='post' name='shareButtons'/> </b:if> </div> </div> <div class='post-footer-line post-footer-line-2'> <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 class='post-footer-line post-footer-line-3'> <span class='post-location'> <b:if cond='data:top.showLocation'> <b:if cond='data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if> </b:if> </span> </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.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </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=640\"); 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='status-message'> <b:if cond='data:navMessage'> <div style='clear: both;'/> </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='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='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:widget> </b:section> </div> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div id='midle-wrapper'> <b:section class='midle' id='midle' preferred='yes'> <b:widget id='HTML3' locked='false' title='' 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:widget id='HTML4' locked='false' title='Jam' 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:widget id='Stats1' locked='false' title='' type='Stats'> <b:includable id='main'> <b:if cond='data:title'><h2> <data:title/></h2> </b:if> <div class='widget-content'> <!-- Content is going to be visible when data will be fetched from server. --> <div expr:id='data:widget.instanceId + "_content"' style='display: none;'> <!-- Counter and image will be injected later via AJAX call. --> <b:if cond='data:showSparkline'> <img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' width='75'/> </b:if> <b:if cond='data:showGraphicalCounter'> <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/> <b:else/> <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/> </b:if> <b:include name='quickedit'/> </div> </div> </b:includable> </b:widget> </b:section> <!--Page Navigation Starts--> <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);timestamp=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]="/search?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="showpageNum"><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 href="'+f[g]+'">'+downPageWord+"</a></span>";d++}}}if(m>1){e=""+a+" "+e+" "}e='<div class="showpageArea"> <span style="display:none;COLOR: #f2f2f2;font-weight:normal;text-transform:none;border:1px solid #000;background:#253991;" class="showpageOf">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("blog-pager");if(c<=2){e=""}for(var g=0;g<b.length;g++){b[g].innerHTML=e}if(b&&b.length>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.indexOf("/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="+pageCount+'">';var l=home_page_url;for(var o=0,n;n=r.feed.entry[o];o++){var u=n.published.$t.substring(0,19)+n.published.$t.substring(23,29);timestamp=encodeURIComponent(u);var w=n.title.$t;if(w!=""){if(t==0||(t%pageCount==(pageCount-1))){if(l.indexOf(timestamp)!=-1){q=e}if(w!=""){e++}k[k.length]="/search/label/"+d+"?updated-max="+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+upPageWord+"</a></span>"}else{a='<span class="showpage"><a href="'+k[j]+'">'+upPageWord+"</a></span>"}v++}if(j==(q-1)){h+='<span class="showpagePoint">'+q+"</span>"}else{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+" "}else{h=""+a+" "+h+" "}}h='<div class="showpageArea"> <span style="COLOR: #000;" class="showpageOf">Pages ('+(e-1)+")</span>"+h;if(q<(e-1)){h+=s}if(e==1){e++}h+="</div> ";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("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+"feeds/posts/full/-/"+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}; //]]> </script> <!--Page Navigation Ends --> </div> </b:if></b:if> <div id='ads-wrapper'> <b:section class='ads' id='ads' preferred='yes'> <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'> <b:includable id='main'> <b:if cond='data:title'> <h2> <data:title/></h2> </b:if> <div class='widget-content'> <div style='overflow:auto; width:ancho;height:300px;'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div> </div> </div> <b:include name='quickedit'/> </div> </b:includable> <b:includable id='flat' var='data'> <ul class='flat'> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id='interval' var='intervalData'> <b:loop values='data:intervalData' var='i'> <ul class='hierarchy'> <li expr:class='"archivedate " + data:i.expclass'> <b:include data='i' name='toggle'/> <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a> <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span> <b:if cond='data:i.data'> <b:include data='i.data' name='interval'/> </b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name='posts'/> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id='menu' var='data'> <select expr:id='data:widget.instanceId + "_ArchiveMenu"'> <option value=''><data:title/></option> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option> </b:loop> </select> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='i'> <li><a expr:href='data:i.url'><data:i.title/></a></li> </b:loop> </ul> </b:includable> <b:includable id='toggle' var='interval'> <b:if cond='data:interval.toggleId'> <b:if cond='data:interval.expclass == "expanded"'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'>▼ </span> </a> <b:else/> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> <b:if cond='data:blog.languageDirection == "rtl"'> ◄ <b:else/> ► </b:if> </span> </a> </b:if> </b:if> </b:includable> </b:widget> </b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML7' locked='false' title='Share' 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:widget id='HTML1' locked='false' title='Ukuran Huruf' 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:widget id='HTML2' locked='false' title='Tukar Link' 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> <b:if cond='data:blog.url == data:blog.homepageUrl'> <div id='ads1-wrapper'> <b:section class='ads1' id='ads1' preferred='yes'/> </div> </b:if> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> (function($) { $(document).ready(function(){ $("#carousel .container").jCarouselLite({ auto:4000, scroll: 1, speed: 800, visible: 5, start: 0, circular: true, btnPrev: "#previous_button", btnNext: "#next_button" }); })})(jQuery) </script> <div id='footer-wrapper'> <b:section class='footer' id='footer' preferred='yes'> <b:widget id='HTML5' locked='false' title='' 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 id='footer1-wrapper'> <b:section class='footer' id='footer1' preferred='yes'> <b:widget id='Followers1' locked='false' title='Silakan Ikuti' type='Followers'> <b:includable id='main'> <b:if cond='data:title != ""'> <b:if cond='data:codeSnippet != ""'> <h2 class='title'> <data:title/></h2> <b:else/> <b:if cond='data:totalFollowerCount != ""'> <h2 class='title'> <data:title/> (<data:totalFollowerCount/>)</h2> </b:if> </b:if> </b:if> <div class='widget-content'> <div expr:id='data:widget.instanceId + "-wrapper"'> <b:if cond='data:codeSnippet != ""'> <div style='margin-right:2px;'> <data:codeSnippet/> </div> <b:else/> <b:if cond='data:totalFollowerCount == ""'> <span class='item-control following-not-admin'> <b><data:failureSnippet/></b> </span> <span class='item-control blog-admin'> <b><data:adminFailureSnippet/></b> </span> <b:else/> <b:if cond='data:followingLinkPresent'> <div class='follow-this profile-link item-control following-follow-this'> <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'> <data:followThisMessage/> </a> </div> <div class='follow-this profile-link item-control following-stop-following-this'> <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'> <data:stopFollowingMessage/> </a> </div> </b:if> <div class='followers-grid'> <b:if cond='data:totalFollowerCount == 0'> <div class='profile-link item-control following-follow-this'> <data:emptyFollowersMessage/> </div> </b:if> <!-- Relies on the js written out in navbar.gxp --> <b:loop values='data:followers' var='follower'> <div class='follower'> <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'> <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/> </a> </div> </b:loop> <div class='clear'/> </div> <div class='followers-canvas profile-link'> <data:followersFooterMessage/> <span class='item-control following-not-admin'> <a expr:href='data:followersUri'> <data:viewAllMessage/> </a> </span> <span class='item-control blog-admin'> <a expr:href='data:manageFollowersUri'> <data:manageFollowersMessage/> </a> </span> </div> </b:if> </b:if> </div> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> <div id='footer2-wrapper'> <b:section class='footer' id='footer2' preferred='yes'> <b:widget id='HTML9' locked='false' title='' 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='HTML8' locked='false' title='Klik Link' 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> </b:if></b:if> <div class='credit-wrapper'> <div class='credit'> <div style='float:left;text-align:left;'> Copyright © 2013. <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='##/'>Creating Website</a> Published by <a href='##'>Mas Template</a><br/> Proudly powered by <a href='http://www.blogger.com'>Blogger</a> </div> </div> </div> </div> <!-- end content-wrapper --> </div> </div> <!-- end blog-outer --> </body> </html>
Share this article
:
Related articles
Spoiler 2
Slide Widget Untuk Blog
Membuat Tab View atau Tab Switch
Klik Bisnis Online
Sitemap atau Daftar Isi Menarik 2
Sitemap atau Daftar Isi Menarik 1
0 komentar:
Tell us what you're thinking... !
Posting Lebih Baru
Posting Lama
Beranda
Arsip Blog
▼
2012
(51)
►
April
(1)
►
Juni
(8)
▼
Juli
(20)
HTML
Cara Membuat Footer Menjadi 3 Kolom
Membuat Link Yang Aktif Menjadi Bergerak
Memberi Efek Bertaburan Salju Pada Blog
Mengganti Link Read More Dengan Gambar
Cara Membuat Daftar Isi Blog Sederhana
Update Status FB Dgn Gambar
Mengembalikan Tampilan FB Menjadi Lama
Cara Membuat Widget Kaleng Tersembunyi Di Atas Blo...
Belajar Mengetahiu HTML melalui Aplikasi Internet
Cara Agar Blog Dapat Terindentivikasi Di Google
Cara Membuat Daun Berjatuhan Di Blog
Cara Membuat Hujan Love
Membuat Daftar Isi Otomatis 2
Membuat Widget Search Box Di Blog
Cara Membuat Twitter Burung Terbang Di Blog
Iseng - Iseng
Cara Membuat Tombol Share Sendiri
Cara Menambahkan Scroll Pada Archive
Link Utility
►
Agustus
(2)
►
September
(11)
►
Oktober
(3)
►
November
(6)
►
2013
(9)
►
Januari
(2)
►
Maret
(1)
►
April
(1)
►
Agustus
(4)
►
September
(1)
►
2015
(2)
►
Juni
(2)
►
2016
(2)
►
Mei
(2)
►
2018
(1)
►
Juli
(1)
►
2019
(1)
►
Desember
(1)
►
2021
(2)
►
April
(2)
►
2024
(1)
►
November
(1)
Share
Ukuran Huruf
Tukar Link
Share
Follow me on Twitter
Find me on Facebook
Find me on Google+
Subscribe via RSS
Ukuran Huruf
Ganti warna tulisan
black
Red
Orange
yellow
green
blue
gray
Ganti ukuran tulisan
10
12
14
16
20
24
30
Tukar Link
Copyright © 2013.
Ferryxz Yamato II
- All Rights Reserved
Template Created by
Creating Website
Published by
Mas Template
Proudly powered by
Blogger
0 komentar:
Tell us what you're thinking... !