template blog bfj

57
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml ' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2 005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <script src='http://goo.gl/2ejf7' type='text/javascript'/> <head> <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700' re l='stylesheet' type='text/css'/> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* ----------------------------------------------- <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta name="description" content="Fan Base JKT48 Indonesia" /> <meta name="keywords" content="48 Family" /> </b:if> ----------------------------------------------- */ /* GENERAL */ *{ margin: 0; padding: 0; } #navbar, #navbar-iframe, #PageList98 h2, #LinkList99 h2{ display: none;} body, .body-fauxcolumn-outer { background: url(http://2.bp.blogspot.com/-MklO0y0ogjg/T9VVFzDPGaI/AAAAAAAAD0A/au apQjQ8TBg/s1600/bg.png); font-family: Helvetica, arial, sans-serif; font-size: 13px; color: #454545; } #background { background: url(http://1.bp.blogspot.com/-2zTL1HWXzIg/T9VVFUZkDZI/AAAAAAAADzo/IB RyfJIa1tU/s1600/bgheader.jpg) no-repeat center top; } a:link, a:visited{ color: #ec2121; text-decoration: none; } a:hover { text-decoration: none; color: #7a0404; } hr { border: none 0; border-bottom: 1px solid #E0E0E0; height: 1px; margin: 10px 0; } strong { font-weight: 700; } blockquote { font-style: italic; background: url(http://3.bp.blogspot.com/-lKhBT5o130I/TsxYH5Hhd8I/AAAAAAAACo4/Gu 42FJdjC1A/s1600/quotes.gif) no-repeat top left;

Upload: alvin-noxious-freedom

Post on 24-Apr-2017

217 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Template Blog BFJ

<?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'><script src='http://goo.gl/2ejf7' type='text/javascript'/> <head>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700' rel='stylesheet' type='text/css'/>

<b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/*-----------------------------------------------<b:if cond='data:blog.url == data:blog.homepageUrl'><meta name="description" content="Fan Base JKT48 Indonesia" /><meta name="keywords" content="48 Family" /></b:if>----------------------------------------------- *//* GENERAL */*{margin: 0;padding: 0;}#navbar, #navbar-iframe, #PageList98 h2, #LinkList99 h2{display: none;}body, .body-fauxcolumn-outer {background: url(http://2.bp.blogspot.com/-MklO0y0ogjg/T9VVFzDPGaI/AAAAAAAAD0A/auapQjQ8TBg/s1600/bg.png);font-family: Helvetica, arial, sans-serif;font-size: 13px;color: #454545;}#background {background: url(http://1.bp.blogspot.com/-2zTL1HWXzIg/T9VVFUZkDZI/AAAAAAAADzo/IBRyfJIa1tU/s1600/bgheader.jpg) no-repeat center top;}a:link, a:visited{color: #ec2121;text-decoration: none;}a:hover {text-decoration: none;color: #7a0404;}hr {border: none 0;border-bottom: 1px solid #E0E0E0;height: 1px;margin: 10px 0;}strong {font-weight: 700;}blockquote {font-style: italic;background: url(http://3.bp.blogspot.com/-lKhBT5o130I/TsxYH5Hhd8I/AAAAAAAACo4/Gu42FJdjC1A/s1600/quotes.gif) no-repeat top left;

Page 2: Template Blog BFJ

background-position: 12px 12px;color: #595959;margin: 5px 0;padding: 8px 15px 8px 60px;}a img {border-width:0;}/* HEADER */#header-wrapper{background: url(http://4.bp.blogspot.com/-Ja_cef7IpfE/T9VVFkZG7OI/AAAAAAAADzw/-39YLt9JJzE/s1600/menu.png) repeat-x;width:100%;height: 230px;margin-bottom: 0px;}#header-container{margin: 0 auto;width: 980px;height: 191px;}#header {float: left;width: 400px;height: 130px;}/* MENU */#menu-container {margin: 0 auto;width: 950px;height:40px;}#menu{float: left;margin-left: 5px;width: 790px;}#menu ul {list-style-type: none;list-style-image: none;}#menu li {;float: left;position: relative;padding: 0px 10px 0px 10px;}#menu li a{display: block;position: relative;color: #FFF;text-transform: uppercase;font-size:17px;font-weight: 400;padding: .5em 1em;text-decoration:none;font-family: 'Yanone Kaffeesatz', Helvetica, arial, serif;color: #FFF;border-top: 3px solid #000;}#menu li:hover {

Page 3: Template Blog BFJ

}#menu li:hover a, #menu li a:hover{color: #cf6d68;}#menu li.selected {}#menu li.selected a {color: #FFF;border-top: 3px solid #c40f05;}#header a {color: #FFF;outline: none;text-decoration:none;}#header h1 {line-height:60px;color: #FFF;font-size: 60px;font-family: 'Yanone Kaffeesatz', Helvetica, arial, serif;letter-spacing: -1px;font-weight: 700;padding-top:50px;margin-left: 30px;text-transform: uppercase;}#header a:hover {color: #FFF;text-decoration: none;}#header .description {font-family: 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;font-size: 18px;color: #ffb395;margin-top: 10px;margin-left: 30px;max-width:410px;}#header-inner {position: relative;background-position: left;margin-left: auto;margin-right: auto;}#header img{margin-left: 0px;padding-top: 48px;}#social {width: 110px;height: 40px;margin: 3px 0 0 0;float: right;}#advertise {float: right;width: 468px;height: 70px;margin-top: 60px;margin-right: 20px;

Page 4: Template Blog BFJ

}/* Secondary Menu */#second-menu-container {width: 930px;padding-bottom: 25px;margin: 0 auto;}#second-menu {margin-top: 59px;width: 930px;height: 40px;float: left;}#second-menu ul {list-style-type: none;list-style-image: none;}#second-menu li {background: url(http://2.bp.blogspot.com/-lOysO6FBll4/Tz9HtbpjfeI/AAAAAAAAC64/LvuGWAxACp8/s1600/menusep.png) repeat-y top right;float: left;padding: 10px 23px 11px 21px;}#second-menu li a{font-family: 'Yanone Kaffeesatz', Helvetica, arial, serif;color: #6f6f6e;text-transform: uppercase;font-size:17px;text-align: center;text-shadow:1px 1px 0px #ffffff;}#second-menu li:hover {background: #000 url(http://2.bp.blogspot.com/-lOysO6FBll4/Tz9HtbpjfeI/AAAAAAAAC64/LvuGWAxACp8/s1600/menusep.png) no-repeat top right;color: #FFF;text-shadow: 1px 1px 0px #000;}#second-menu li:hover a{color: #FFF;text-shadow: 1px 1px 0px #000;}/* CONTAINERS */#outer-wrapper {background: #FFF;width: 940px;margin:80px auto 0 auto;text-align: left;padding: 0px 10px;}#content-wrapper {width: 940px;margin:0px auto;text-align: left;}#main-wrapper {margin-left: 10px;margin-right: 0px;width: 580px;float: left;word-wrap: break-word;

Page 5: Template Blog BFJ

overflow: hidden;}#sidebar-wrapper {float: left;margin-right: 10px;word-wrap: break-word;overflow: hidden;}#searchform {height: 40px;margin-top: 15px;margin-right: 0px;}#search {height: 30px;width: 158px;float: right;border: 1px solid #000;background: #FFF;}#s{color: #969696;background: #FFF;font-size: 0.9em;margin: 0px 0px 0 0px;width: 100px;padding: 0 10px;border: none;float: left;height: 30px;outline: none;border: none;}#searchsubmit {background: #000;border: none;width: 36px;height: 30px;margin: 0px 0px 0 0px;outline: none;float: right;color: #FFF;font-weight:bold;font-size:10px;text-transform: uppercase;}/* HEADINGS*/h1,h2, h3, h4 {color: #000line-height: 1.4em;}h1 {font-size:30px;}h3 {font-size:24px;}h3 {font-size:20px;}

Page 6: Template Blog BFJ

h4 {font-size:18px;}/* POSTS */.post h3 {font-family: 'Yanone Kaffeesatz', Helvetica, arial, sans-serif;margin:0;font-size:280%;font-weight:400;line-height:40px;padding-bottom: 5px;color: #000;display:block;letter-spacing: -1px;}.post h3 a, .post h3 a:visited, .post h3 strong {text-decoration:none;color: #000;}.post h3 strong, .post h3 a:hover {color: #828280;text-decoration: none;}.post-body {padding-top: 10px;line-height:1.6em;font-size: 14px;text-align: justify;}.post-body blockquote {line-height:1.3em;background: url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/TR_9lKQ5uQI/AAAAAAAAB_M/QLLog2ZMPwI/s1600/blockquote.png) no-repeat top left;padding: 0 0 0 40px;font-style: italic;}.post-body p {margin-bottom: 15px;}.post ul li {list-style: url(http://4.bp.blogspot.com/-M9UFvIxcMA4/T9WKLm5Gh1I/AAAAAAAAD3k/5HjD0Qu_TE8/s1600/bullet.gif) inside;}.post-body ol li {list-style-type: upper-roman;list-style-position: inside;}.post-header, .post-labels {margin: 0;color: #122B15;line-height: 1.4em;font-size: 11px;text-transform: uppercase;}.post-header {}.post-footer-line-1 {margin-top: 10px;}.post-footer-line-2 {

Page 7: Template Blog BFJ

margin-bottom: 10px;}.post-body img{padding:4px;background: #FFF;border: 1px solid #CCC;}.post-body table{border-collapse:collapse;text-align: center;margin: 0 1px;}.post-body table,th, td{border: 1px solid #ccc;}.post-body th {padding: 0 5px;background: #F1F1F1;}.post-body blockquote {margin:1em 20px;}.post-body blockquote p {margin:.75em 0;}.post-footer {color: #666666;margin-left: 2px;}.comment-link {background: url(http://1.bp.blogspot.com/-BE512U276mY/TsxhVvaU_kI/AAAAAAAACpE/wB51-tvJ7D0/s1600/comment.png) no-repeat center left;padding-left: 20px;height: 20px;font-size: 11px;text-transform: uppercase;bottom: 0px;}.post-author{display: inline;color: #ec2121;padding:3px 10px;text-transform: uppercase;font-size: 11px;}.category {color: #FFF;background: #C40F05;padding:3px 10px;text-transform: uppercase;font-size: 11px;}.category a {color: #FFF;}.category a:hover {color: #FFF;text-decoration: none;}.category:hover {

Page 8: Template Blog BFJ

background: #a20c04;}.post-author {background: url(http://3.bp.blogspot.com/-fAGwpWVuj98/T9WKu_7U4zI/AAAAAAAAD3w/8bDUDb_PL_8/s1600/user.png) no-repeat left center;padding-left: 20px;margin-left: 2px;}/* COMMENTS */#comments{background: #FFF;clear:both;float:left;width: 550px;margin-left: 0px;padding:5px 0;}#comments h4 {font-weight: 400;line-height: 1.4em;color: #000;font-size:180%;font-family: 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;margin-bottom: 20px;}.comment-block {background: #f5f6f8;border: 1px solid #e4e4e4;padding: 10px;}.datetime {font-size: 10px;text-transform: uppercase;}.comment-replies{background: #fdfbee;}.comment-actions {margin-top: 10px;}.comment-actions a{margin-right: 10px;-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');background-color:#ededed;border:1px solid #dcdcdc;display:inline-block;color:#777777;font-family:arial;font-size:10px;font-weight:bold;padding:3px 6px;text-decoration:none;text-shadow:1px 1px 0px #ffffff;

Page 9: Template Blog BFJ

}.comment-actions a:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background-color:#dfdfdf;text-decoration: none !important;}.comment-form{width:578px !important;max-width:578px !important;}#blog-pager-newer-link {float: left;}#blog-pager-older-link {float: right;}#blog-pager-newer-link, #blog-pager-older-link {-moz-box-shadow:inset 0px 1px 0px 0px #ff7e5e;-webkit-box-shadow:inset 0px 1px 0px 0px #ff7e5e;box-shadow:inset 0px 1px 0px 0px #ff7e5e;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc6860), color-stop(1, #c40f05) );background:-moz-linear-gradient( center top, #fc6860 5%, #c40f05 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc6860', endColorstr='#c40f05');background-color:#fc6860;border:1px solid #e30c2f;display:inline-block;color:#ffffff;font-family:arial;font-size:12px;font-weight:bold;padding:5px 12px;text-decoration:none;text-shadow:1px 1px 0px #750909;}#blog-pager-older-link {float: right;}#blog-pager-older-link:hover, #blog-pager-newer-link:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c40f05), color-stop(1, #fc6860) );background:-moz-linear-gradient( center top, #c40f05 5%, #fc6860 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c40f05', endColorstr='#fc6860');background-color:#c40f05;}#blog-pager-older-link:hover a, #blog-pager-newer-link:hover a{color: #FFF;}#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover{color: #FFF;text-decoration: none;}#blog-pager-older-link:hover a, #blog-pager-newer-link:hover a{color: #FFF;

Page 10: Template Blog BFJ

text-decoration: none;}#blog-pager {padding: 15px 0;width: 550px;text-align: center;clear: both;font-size: 12px;color: #FFF;}#blog-pager a, #blog-pager a:visited {color: #FFF;}.feed-links {display: none;clear: both;line-height: 2.5em;}/* SIDEBAR CONTENT */.sidebar {line-height: 1.5em;font-family: Helvetica;}.sidebar h2{background: url(http://1.bp.blogspot.com/-yn2IRik_CIA/T9VzLmLzv0I/AAAAAAAAD2I/7FKTCOqw4GE/s1600/sidebarbg.png) no-repeat;padding: 6px 2px 12px 16px;font-weight: 400;margin-top: 0;margin-bottom: 0px;color: #FFF;font-size: 17px;text-transform: uppercase;font-family: 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;}.sidebar a, .sidebar p {color: #666;}.sidebar a:hover{text-decoration: none;color: #ec2121;}.sidebar ul {list-style:none;margin: 0 5px;padding:0 0 0;}.sidebar li {background: url(http://4.bp.blogspot.com/-qVlNh3DswD0/T9WJkCZEy6I/AAAAAAAAD3Y/ud8Ipp78ssg/s1600/sidebullet.gif) no-repeat center left;display: block;padding: 5px 0 5px 20px;line-height:2.2em;border-bottom: 1px solid #EAE8DB;}.sidebar li:hover {}.sidebar .widget {width: 160px;margin-bottom: 30px;

Page 11: Template Blog BFJ

padding: 0px 0;}#sidebar-l {float: left;width: 160px;border-top: 0;margin-bottom: 20px;margin-right: 20px;}#sidebar-r {float: right;width: 160px;border-top: 0;margin-bottom: 20px;margin-right: 0;}.main .Blog {border-bottom-width: 0;}#PopularPosts1 li{padding: 5px 10px 5px 20px;line-height: 1.6em;}#PopularPosts1 img{padding:4px;border: 1px solid #CCC;background: #FFF;}#PopularPosts1 .item-title a{color: #000;font-weight: bold;}#PopularPosts1 .item-title a:hover{color: #DC002C;text-decoration: none;}/* PROFILE */.profile-img {float: left;margin-top: 0;margin-right: 5px;margin-bottom: 5px;margin-left: 0;padding: 4px;border: 1px solid #CCC;}.profile-data {margin:0;font-weight: bold;line-height: 1.6em;}.profile-datablock {margin:.5em 0 .5em;}.profile-textblock {margin: 0.5em 0;line-height: 1.6em;}.profile-link {}

Page 12: Template Blog BFJ

#credit-wrapper{background: #000;width: 960px;margin: 0 auto 0px auto;height: 20px;padding: 10px 0;}#credit {width: 940px;margin: 0 auto;color: #FFF;text-align: center;font-size: 12px;}#credit a, #credit a:visited {color: #FFF;}.clear {clear: both;}.clear {clear: both;}/* SLIDER STYLES */.fp-slider{background: #000;margin:0 0 15px 0;padding:0px;width:550px;height:332px;overflow:hidden;position:relative;margin-bottom: 35px;}.fp-slides-container{}.fp-slides,.fp-thumbnail,.fp-prev-next,.fp-nav{width:550px;}.fp-slides,.fp-thumbnail{height:300px;overflow:hidden;position:relative;}.fp-title{color:#fff;font:bold 24px 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;padding:0 0 2px 0;margin:0;}.fp-title a,.fp-title a:hover{color:#fff;text-decoration:none;}.fp-content{position:absolute;bottom:0;left:0;right:0;background:#111;opacity:0.7;filter:alpha(opacity = 70);

Page 13: Template Blog BFJ

padding:10px 15px;overflow:hidden;}.fp-content p{color:#fff;padding:0;margin:0;line-height:18px;}.fp-more,.fp-more:hover{color:#fff;font-weight:bold;}.fp-nav{height:12px;text-align:center;padding:10px 0;background:#272626;}.fp-pager a{background-image:url(http://3.bp.blogspot.com/-iJHMAIyIpio/T0NUhunvStI/AAAAAAAAAZo/uOYLdKAQV5c/s000/featured-pager.png);cursor:pointer;margin:0 8px 0 0;padding:0;display:inline-block;width:12px;height:12px;overflow:hidden;text-indent:-999px;background-position:0 0;float:none;line-height:1;opacity:0.7;filter:alpha(opacity = 70);}.fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -112px;opacity:1.0;filter:alpha(opacity = 100);}.fp-prev-next-wrap{position:relative;z-index:200;}.fp-prev-next{position:absolute;bottom:130px;left:0;right:0;height:37px;}.fp-prev{margin-top:-180px;float:left;margin-left:14px;width:37px;height:37px;background:url(http://1.bp.blogspot.com/-lRhssWEj6Fc/T0NUh-slqcI/AAAAAAAAAZw/mUPsNriJ8D4/s000/featured-prev.png) left top no-repeat;

Page 14: Template Blog BFJ

opacity:0.6;filter:alpha(opacity = 60);}.fp-prev:hover{opacity:0.8;filter:alpha(opacity = 80);}.fp-next{margin-top:-180px;float:right;width:36px;height:37px;margin-right:14px;background:url(http://2.bp.blogspot.com/-4zKZaYfkXSY/T0NUiL6oaKI/AAAAAAAAAZ4/VH8XQ_CixjE/s000/featured-next.png) right top no-repeat;opacity:0.6;filter:alpha(opacity = 60);}.fp-next:hover{opacity:0.8;filter:alpha(opacity = 80);}.jump-link{float: right;-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');background-color:#ededed;border:1px solid #dcdcdc;display:inline-block;color:#777777;font-family:arial;font-size:12px;font-weight:bold;padding:1px 8px;text-decoration:none;text-shadow:1px 1px 0px #ffffff;margin-top: 10px;}.jump-link a {color:#777777;}.jump-link:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background-color:#dfdfdf;}]]></b:skin>

<b:if cond='data:blog.pageType == &quot;index&quot;'><style type='text/css'>

Page 15: Template Blog BFJ

.post {float: left;background: #FFF;width: 260px;height: 520px;margin-right: 30px;margin-bottom: 25px;line-height:1.6em;color:#454545;overflow: hidden;}

.post h3 {font-size: 250%;margin-top: 10px;}

.post-author{display: none;}

.post-body {padding-top: 0px;line-height:1.6em;font-size: 14px;text-align: justify;}

.post-share-buttons, .post-footer-buttons {display: none;}

</style></b:if>

<b:if cond='data:blog.pageType != &quot;index&quot;'><style type='text/css'>

.post{float: left;background: #FFF;width: 550px;padding: 0;margin-left: 0px;margin-bottom: 30px;line-height:1.6em;color:#454545;overflow: hidden;}

.post h3 {font-size: 340%;margin-top: 10px;}

</style></b:if>

Page 16: Template Blog BFJ

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><style type='text/css'>

.post-author, .post-labels, .post-footer-line-1, .post-footer-line-2, .post-footer-line-3, #blog-pager, #comments, .post-footer-buttons {display: none;}

</style></b:if>

<script type='text/javascript'>summary_noimg = 400;summary_img = 250;img_thumb_height = 140;img_thumb_width = 250; </script><script type='text/javascript'>//<![CDATA[

function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1){

var s = strx.split("<"); for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].l

ength); }

} strx = s.join("");

}chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...';

}

function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;}

//]]></script>

</head>

Page 17: Template Blog BFJ

<SCRIPT type='text/javascript'>if (typeof document.onselectstart!=&quot;undefined&quot;) {document.onselectstart=new Function (&quot;return false&quot;);}else{document.onmousedown=new Function (&quot;return false&quot;);document.onmouseup=new Function (&quot;return true&quot;);}</SCRIPT>

<body><!-- SCM Music Player http://scmplayer.net --><script data-config='{&apos;skin&apos;:&apos;skins/scmGreen/skin.css&apos;,&apos;volume&apos;:88,&apos;autoplay&apos;:true,&apos;shuffle&apos;:true,&apos;repeat&apos;:1,&apos;placement&apos;:&apos;top&apos;,&apos;showplaylist&apos;:false,&apos;playlist&apos;:[{&apos;title&apos;:&apos;AKB48 - Aozora Yo Sabishikunaika&apos;,&apos;url&apos;:&apos;https://soundcloud.com/kaito48/akb48-aozora-yo-sabishikunaika&apos;},{&apos;title&apos;:&apos;AKB48 - BINGO !&apos;,&apos;url&apos;:&apos;https://soundcloud.com/melodyjkt48fans/akb48-bingo&apos;},{&apos;title&apos;:&apos;AKB48 - Beginner&apos;,&apos;url&apos;:&apos;https://soundcloud.com/artz-seichiro/01-akb48-beginner-001&apos;},{&apos;title&apos;:&apos;AKB48 - Chuu Shiyouze!&apos;,&apos;url&apos;:&apos;https://soundcloud.com/kaito48/akb48-chuu-shiyouze&apos;},{&apos;title&apos;:&apos;AKB48 Team Surprise - Jyuuryoku Sympathy&apos;,&apos;url&apos;:&apos;https://soundcloud.com/kaito48/akb48-team-surprise-jyuuryoku&apos;},{&apos;title&apos;:&apos;HKT48 - Hatsukoi Butterfly&apos;,&apos;url&apos;:&apos;https://soundcloud.com/cakra-adi-pratama/hkt48-hatsukoi-butterfly&apos;},{&apos;title&apos;:&apos;HKT48 - Onegai Valentine&apos;,&apos;url&apos;:&apos;https://soundcloud.com/kiyoshi90/hkt48-onegai-valentine&apos;},{&apos;title&apos;:&apos;HKT48 - Seifuku No Bambi&apos;,&apos;url&apos;:&apos;https://soundcloud.com/user770280453/hkt48-seifuku-no-bambi&apos;},{&apos;title&apos;:&apos;JKT48 - 1!2!3!4! Yoroshiku!&apos;,&apos;url&apos;:&apos;https://soundcloud.com/anggalatte/jkt48-1-2-3-4-yoroshiku&apos;},{&apos;title&apos;:&apos;JKT48 - Kimi ni Autabi Koi wa Suru&apos;,&apos;url&apos;:&apos;https://soundcloud.com/journalist-jkt48/jkt48-kimi-ni-autabi-koi-wa&apos;},{&apos;title&apos;:&apos;JKT48 - River &apos;,&apos;url&apos;:&apos;https://soundcloud.com/journalist-jkt48/jkt48-river-cd-rip-clean&apos;},{&apos;title&apos;:&apos;JKT48 - Sakura no Shiori&apos;,&apos;url&apos;:&apos;https://soundcloud.com/nlabs/sakura-no-shiori-jkt48-nlabs&apos;},{&apos;title&apos;:&apos;JKT48 - Yuuhi Wo Miteiruka ?&apos;,&apos;url&apos;:&apos;https://soundcloud.com/korabum48/jkt48-yuuhi-wo-miteiruka-1&apos;},{&apos;title&apos;:&apos;NMB48 - Akagumi Yaban na Soft Cream&apos;,&apos;url&apos;:&apos;https://soundcloud.com/wirawarawiri/nmb48-akagumi-yaban-na-soft&apos;},{&apos;title&apos;:&apos;NMB48 - Kitagawa Kenji&apos;,&apos;url&apos;:&apos;https://soundcloud.com/bilmanda/kitagawa-kenji&apos;},{&apos;title&apos;:&apos;NMB48 - NMB48&apos;,&apos;url&apos;:&apos;https://soundcloud.com/rico-pratama/nmb48&apos;},{&apos;title&apos;:&apos;SKE48 - Utsukushii Inazuma&apos;,&apos;url&apos;:&apos;https://soundcloud.com/mimineoshiyuko/ske48-utsukushii-inazuma&apos;},{&apos;title&apos;:&apos;SKE48 - Aozora Kataomoi&apos;,&apos;url&apos;:&apos;https://soundcloud.com/ferisa-ramadhan/ske48-aozora-kataomoi&apos;},{&apos;title&apos;:&apos;SKE48 - %u30C1%u30E3%u30A4%u30E0%u306FLOVE SONG&apos;,&apos;url&apos;:&apos;https://soundcloud.com/namelessfrombirth/ske48-love-song&apos;},{&apos;title&apos;:&apos;SNH48 - Heavy Rotation&apos;,&apos;url&apos;:&apos;https://soundcloud.com/muhammadaqil-1/snh48-heavy-rotation&apos;},{&apos;title&apos;:&apos;SNH48 - Sakura no Ki Ni Narou&apos;,&apos;url&apos;:&apos;https://soundcloud.com/ippand-tuha/snh48-sakura-no-ki-ni-narou&apos;},{&apos;title&apos;:&apos;Sakura no Hanabiratachi Acchan Solo ver.&apos;,&apos;url&apos;:&apos;https://soundcloud.com/takashi24/sakura-no-hanabiratachi-acchan&apos;}]}' src='http://scmplayer.net/script.js' type='text/javascript'/><!-- SCM Music Player script end -->

Page 18: Template Blog BFJ

<div id='background'>

<div id='header-wrapper'><div id='header-container'>

<div id='menu-container'><b:section class='menu' id='menu' showaddelement='no'> <b:widget id='PageList98' locked='false' title='Page List' type='PageList'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'> <b:if cond='data:mobile'> <select expr:id='data:widget.instanceId + &quot;_select&quot;'> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <option expr:value='data:link.href' selected='selected'><data:link.title/></option> <b:else/> <option expr:value='data:link.href'><data:link.title/></option> </b:if> </b:loop> </select> <span class='pagelist-arrow'>&amp;#9660;</span>

<b:else/> <ul> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li> <b:else/> <li><a expr:href='data:link.href'><data:link.title/></a></li> </b:if> </b:loop> </ul> </b:if> <b:include name='quickedit'/> </div></b:includable> </b:widget></b:section>

<div id='social'><a href='https://twitter.com/BigFamily_JKT48'><img alt='Twitter' src='http://3.bp.blogspot.com/-x2flgWRkaFc/T9WHo0xI6jI/AAAAAAAAD2o/twIwHAECUQo/s1600/twitter.png' title='Twitter'/></a><a href='https://www.facebook.com/Lampard8ElNino9Chelsea'><img alt='Facebook' src='http://1.bp.blogspot.com/-Jo1kcRSd580/T9WHpbw4hiI/AAAAAAAAD3A/aedZdo_cw5U/s1600/facebook.png' title='Facebook'/></a></div>

<div style='clear:both'/></div>

<div id='header'><b:section class='header' id='header1' maxwidgets='1' showaddelement='no'>

Page 19: Template Blog BFJ

<b:widget id='Header1' locked='true' title='Big Family JKT48 (Header)' type='Header'> <b:includable id='main'>

<b:if cond='data:useImage'> <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'> <!-- 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='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' 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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> <!--Show the description--> <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'> <b:include name='description'/> </b:if> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'>

Page 20: Template Blog BFJ

<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></div><b:section class='advertise' id='advertise' maxwidgets='1' showaddelement='no'> <b:widget id='HTML99' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div>

<b:include name='quickedit'/></b:includable> </b:widget></b:section><div style='clear:both'/></div>

<div id='second-menu-container'><b:section class='second-menu' id='second-menu' showaddelement='no'> <b:widget id='LinkList99' locked='false' title='' type='LinkList'> <b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target'><data:link.name/></a></li> </b:loop> </ul> <b:include name='quickedit'/> </div></b:includable> </b:widget></b:section></div><div style='clear: both'/>

</div><!--END HEADER-WRAPPER-->

Page 21: Template Blog BFJ

<div id='outer-wrapper'><div id='main-outer'>

<!-- 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'>

<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='fp-slider clearfix'><div class='fp-slides-container clearfix'>

<div class='fp-slides'>

<!-- Slide 1 Code Start --><div class='fp-slides-items'><div class='fp-thumbnail'><a href='http://s8.postimg.org/c1cvp0zz9/rsz_1175253_609457519085221_1997573094_n.png'><img src='http://s8.postimg.org/c1cvp0zz9/rsz_1175253_609457519085221_1997573094_n.png'/></a></div><div class='fp-content-wrap'><div class='fp-content'><h3 class='fp-title'><a href='#'/></h3><p></p></div><div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/></div></div></div><!-- Slide 1 Code End -->

<!-- Slide 2 Code Start --><div class='fp-slides-items'><div class='fp-thumbnail'><a href='http://1.bp.blogspot.com/-1MdOeghBjhI/UdWNDbbloMI/AAAAAAAAEAM/9vEvokpCvVY/s600/7.jpg'><img src='http://1.bp.blogspot.com/-1MdOeghBjhI/UdWNDbbloMI/AAAAAAAAEAM/9vEvokpCvVY/s600/7.jpg'/></a></div><div class='fp-content-wrap'><div class='fp-content'><h3 class='fp-title'><a href='#'/></h3>

Page 22: Template Blog BFJ

<p></p></div><div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/></div></div></div><!-- Slide 2 Code End -->

<!-- Slide 3 Code Start --><div class='fp-slides-items'><div class='fp-thumbnail'><a href='http://hanatasnim.files.wordpress.com/2013/05/jkt4.jpg?w=625'><img src='http://hanatasnim.files.wordpress.com/2013/05/jkt4.jpg?w=625'/></a></div><div class='fp-content-wrap'><div class='fp-content'><h3 class='fp-title'><a href='#'/></h3><p></p></div><div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/></div></div></div><!-- Slide 3 Code End -->

<!-- Slide 4 Code Start --><div class='fp-slides-items'><div class='fp-thumbnail'><a href='http://www.jpnn.com/picture/watermark/20130712_001314/001314_471530_jkt48_4.jpg'><img src='http://www.jpnn.com/picture/watermark/20130712_001314/001314_471530_jkt48_4.jpg'/></a></div><div class='fp-content-wrap'><div class='fp-content'><h3 class='fp-title'><a href='#'/></h3><p></p></div><div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/></div></div></div><!-- Slide 4 Code End -->

<!-- Slide 5 Code Start --><div class='fp-slides-items'><div class='fp-thumbnail'><a href='http://img15.hostingpics.net/pics/441521bannerhome8.jpg'><img src='http

Page 23: Template Blog BFJ

://img15.hostingpics.net/pics/441521bannerhome8.jpg'/></a></div><div class='fp-content-wrap'><div class='fp-content'><h3 class='fp-title'><a href='#'/></h3><p></p></div><div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/></div></div></div><!-- Slide 5 Code End -->

</div>

<div class='fp-nav'> <span class='fp-pager'/></div> </div></div><div style='clear:both;'/>

</b:if></b:if>

<!-- Featured Content Slider -->

<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:mobile == &quot;false&quot;'>

<!-- 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 == &quot;false&quot;'> &lt;/div&gt;&lt;/div&gt; </b:if> </b:if> <b:if cond='data:post.isDateStart'> &lt;div class=&quot;date-outer&quot;&gt; </b:if> <b:if cond='data:post.dateHeader'> </b:if> <b:if cond='data:post.isDateStart'> &lt;div class=&quot;date-posts&quot;&gt; </b:if>

Page 24: Template Blog BFJ

<div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <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 == &quot;item&quot;'> <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> <div class='inline-ad'> <data:adCode/> </div> <data:adStart/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> &lt;/div&gt;&lt;/div&gt; </b:if> <data:adEnd/> </div>

<!-- navigation --> <b:include name='nextprev'/>

<!-- feed links --> <b:include name='feedLinks'/>

<b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if>

<b:else/> <b:include name='mobile-main'/> </b:if>

<b:if cond='data:top.showDummy'>

Page 25: Template Blog BFJ

<data:top.dummyBootstrap/> </b:if>

</b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='&quot;item-control &quot; + 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'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a> </p></b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/>

Page 26: Template Blog BFJ

<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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> </div></b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='&quot;item-control &quot; + 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.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' 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:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:else/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if></b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4><data:post.commentLabelFull/>:</h4>

<b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'>

Page 27: Template Blog BFJ

<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> &#160; </b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </b:if> </span> </b:if>

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='&quot;comment-author &quot; + 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>

Page 28: Template Blog BFJ

</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> &#160; <data:post.commentRangeText/> &#160; <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 + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div>

Page 29: Template Blog BFJ

</div></b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if>

<b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if></b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div></b:includable> <b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == &quot;false&quot;'> <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'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if>

<div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/> </h3>

<div class='mobile-index-arrow'>&amp;rsaquo;</div>

Page 30: Template Blog BFJ

<div class='mobile-index-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;'/> </a>

<div class='mobile-index-comment'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <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'> <data:post.commentLabelFull/>: </a> </b:if> </b:if> </b:if> </div> </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 == &quot;index&quot;'> <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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a> </div> </b:if>

Page 31: Template Blog BFJ

<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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a> </div> </b:if>

<div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div>

<div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div>

</div> <div class='clear'/></b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> </b:if> <div class='date-posts'> <div class='post-outer'>

<div class='post hentry uncustomized-post-template'> <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>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div>

<div class='post-footer'>

Page 32: Template Blog BFJ

<div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn'> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <data:post.author/> </a> </span> <b:else/> <span class='fn'><data:post.author/></span> </b:if> </b:if> </span>

<span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span>

<b:if cond='data:post.dateHeader'><script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script><data:post.dateHeader/><b:else/><script>document.write(ultimaFecha);</script></b:if>

</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 == &quot;static_page&quot;'> <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>

Page 33: Template Blog BFJ

<b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> </div> </div></b:includable> <b:includable id='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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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'>

<span class='category'> <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 != &quot;true&quot;'>,</b:if> </b:loop> </b:if> </span>

<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'>

Page 34: Template Blog BFJ

<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 style='clear: both'/>

<div class='post-header'> <div class='post-header-line-1'/> </div>

<div class='post-body entry-content'><p><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><div class='jump-link'><a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></div></b:if></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p> <div style='clear: both;'/> <!-- clear for photos floats --> </div>

<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if>

<span class='post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </span>

<div class='post-footer'>

Page 35: Template Blog BFJ

<span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <span class='fn'><data:post.author/></span> </b:if>

&#9679; <b:if cond='data:post.dateHeader'><script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script><data:post.dateHeader/><b:else/><script>document.write(ultimaFecha);</script></b:if></span>

<div class='post-footer-line post-footer-line-1'>

<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 goog-inline-block'> <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'> </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='&quot;item-control &quot; + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://img2.blogblog.co

Page 36: Template Blog BFJ

m/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 + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=orkut&quot;' 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 class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if></b:includable> <b:includable id='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-co

Page 37: Template Blog BFJ

mment-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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> </div></b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' 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) {

Page 38: Template Blog BFJ

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; } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') { comment.displayTime = 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) {

Page 39: Template Blog BFJ

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');

Page 40: Template Blog BFJ

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 + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div></b:includable> </b:widget> </b:section>

Page 41: Template Blog BFJ

</div>

<div class='sidebar' id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar-l' preferred='yes'> <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == &quot;false&quot;'> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> </div> <div style='clear: both;'/> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li>

Page 42: Template Blog BFJ

</b:loop> </ul> <b:include name='quickedit'/> </div></b:includable> </b:widget> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'> <b:if cond='data:style == &quot;HIERARCHY&quot;'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == &quot;FLAT&quot;'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == &quot;MENU&quot;'> <b:include data='data' name='menu'/> </b:if> </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='&quot;archivedate &quot; + 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 + &quot;_ArchiveMenu&quot;'> <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/>)</opt

Page 43: Template Blog BFJ

ion> </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 == &quot;expanded&quot;'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'>&#9660;&#160;</span> </a> <b:else/> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'> &#9668;&#160; <b:else/> &#9658;&#160; </b:if> </span> </a> </b:if> </b:if></b:includable> </b:widget> </b:section>

<b:section class='sidebar' id='sidebar-r' preferred='yes'> <b:widget id='PlusOne1' locked='false' title='+1 Button' type='PlusOne'> <b:includable id='main'>

<div class='widget-content'> <g:plusone expr:annotation='data:annotation' expr:href='data:blog.canonicalHomepageUrl' expr:size='data:size' source='blogger:blog:plusone' width='250'/>

<script type='text/javascript'> window.___gcfg = {&quot;lang&quot;: &quot;<data:language/>&quot;}; </script> </div>

</b:includable> </b:widget> <b:widget id='Label6' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> <b:if cond='data:display == &quot;list&quot;'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'>

Page 44: Template Blog BFJ

<span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div></b:includable> </b:widget> </b:section> </div>

<!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'>&#160;</div>

</div> <!-- end content-wrapper -->

</div></div> <!-- end outer-wrapper -->

<div id='credit-wrapper'><div id='credit'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#169; 2013 | Designed by <a href='http://wearefansjkt48.blogspot.com/' title='Plantillas Blogger'>Admin BFJ</a></div></div>

<!-- THIS THEME IS FREE TO USE AS LONG AS YOU KEEP INTACT FOOTER CREDITS. THESE ARE FAMILY FRIENDLY LINKS AND WON'T DAMAGE YOUR SITE -->

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

Page 45: Template Blog BFJ

<script type='text/javascript'>//<![CDATA[

(function($){/* hoverIntent by Brian Cherne */$.fn.hoverIntent = function(f,g) {

// default configuration optionsvar cfg = {

sensitivity: 7,interval: 100,timeout: 0

};// override configuration options with user supplied objectcfg = $.extend(cfg, g ? { over: f, out: g } : f );

// instantiate variables// cX, cY = current X and Y position of mouse, updated by mousem

ove event// pX, pY = previous X and Y position of mouse, set by mouseover

and polling intervalvar cX, cY, pX, pY;

// A private function for getting mouse positionvar track = function(ev) {

cX = ev.pageX;cY = ev.pageY;

};

// A private function for comparing current and previous mouse position

var compare = function(ev,ob) {ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);// compare mouse positions to see if they've crossed the

thresholdif ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensiti

vity ) {$(ob).unbind("mousemove",track);// set hoverIntent state to true (so mouseOut ca

n be called)ob.hoverIntent_s = 1;return cfg.over.apply(ob,[ev]);

} else {// set previous coordinates for next timepX = cX; pY = cY;// use self-calling timeout, guarantees interval

s are spaced out properly (avoids JavaScript timer bugs)ob.hoverIntent_t = setTimeout( function(){compar

e(ev, ob);} , cfg.interval );}

};

// A private function for delaying the mouseOut functionvar delay = function(ev,ob) {

ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s = 0;return cfg.out.apply(ob,[ev]);

};

Page 46: Template Blog BFJ

// A private function for handling mouse 'hovering'var handleHover = function(e) {

// next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut

var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;

while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } }

if ( p == this ) { return false; }

// copy objects to be passed into t (required for event object to be passed in IE)

var ev = jQuery.extend({},e);var ob = this;

// cancel hoverIntent timer if it existsif (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(

ob.hoverIntent_t); }

// else e.type == "onmouseover"if (e.type == "mouseover") {

// set "previous" X and Y position based on initial entry point

pX = ev.pageX; pY = ev.pageY;// update "current" X and Y position based on mo

usemove$(ob).bind("mousemove",track);// start polling interval (self-calling timeout)

to compare mouse coordinates over timeif (ob.hoverIntent_s != 1) { ob.hoverIntent_t =

setTimeout( function(){compare(ev,ob);} , cfg.interval );}

// else e.type == "onmouseout"} else {

// unbind expensive mousemove event$(ob).unbind("mousemove",track);// if hoverIntent state is true, then call the m

ouseOut function after the specified delayif (ob.hoverIntent_s == 1) { ob.hoverIntent_t =

setTimeout( function(){delay(ev,ob);} , cfg.timeout );}}

};

// bind the function to the two event listenersreturn this.mouseover(handleHover).mouseout(handleHover);

};

})(jQuery);

//]]></script>

<script type='text/javascript'>//<![CDATA[

/* * Superfish v1.4.8 - jQuery menu widget * Copyright (c) 2008 Joel Birch * * Dual licensed under the MIT and GPL licenses:

Page 47: Template Blog BFJ

* http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt */

;(function($){$.fn.superfish = function(op){

var sf = $.fn.superfish,c = sf.c,$arrow = $(['<span class="',c.arrowClass,'"> &#187;</spa

n>'].join('')),over = function(){

var $$ = $(this), menu = getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl(

);},out = function(){

var $$ = $(this), menu = getMenu($$), o = sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){

o.retainPath=($.inArray($$[0],o.$path)>-1);

$$.hideSuperfishUl();if (o.$path.length && $$.parents(['li.',

o.hoverClass].join('')).length<1){over.call(o.$path);}},o.delay);

},getMenu = function($menu){

var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];

sf.op = sf.o[menu.serial];return menu;

},addArrow = function($a){ $a.addClass(c.anchorClass).appe

nd($arrow.clone()); };

return this.each(function() {var s = this.serial = sf.o.length;var o = $.extend({},sf.defaults,op);o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels

).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join('

')).filter('li:has(ul)').removeClass(o.path

Class);});sf.o[s] = sf.op = o;

$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {

if (o.autoArrows) addArrow( $('>a:first-child',this) );

}).not('.'+c.bcClass)

.hideSuperfishUl();

var $a = $('a',this);

Page 48: Template Blog BFJ

$a.each(function(i){var $li = $a.eq(i).parents('li');$a.eq(i).focus(function(){over.call($li);}).blur

(function(){out.call($li);});});o.onInit.call(this);

}).each(function() {var menuClasses = [c.menuClass];if (sf.op.dropShadows && !($.browser.msie && $.browser.

version < 7)) menuClasses.push(c.shadowClass);$(this).addClass(menuClasses.join(' '));

});};

var sf = $.fn.superfish;sf.o = [];sf.op = {};sf.IE7fix = function(){

var o = sf.op;if ($.browser.msie && $.browser.version > 6 && o.dropShadows &&

o.animation.opacity!=undefined)this.toggleClass(sf.c.shadowClass+'-off');

};sf.c = {

bcClass : 'sf-breadcrumb',menuClass : 'sf-js-enabled',anchorClass : 'sf-with-ul',arrowClass : 'sf-sub-indicator',shadowClass : 'sf-shadow'

};sf.defaults = {

hoverClass : 'sfHover',pathClass : 'overideThisToUse',pathLevels : 1,delay : 800,animation : {opacity:'show'},speed : 'normal',autoArrows : true,dropShadows : true,disableHI : false, // true disables hoverIn

tent detectiononInit : function(){}, // callback functionsonBeforeShow: function(){},onShow : function(){},onHide : function(){}

};$.fn.extend({

hideSuperfishUl : function(){var o = sf.op,

not = (o.retainPath===true) ? o.$path : '';o.retainPath = false;var $ul = $(['li.',o.hoverClass].join(''),this).add(this

).not(not).removeClass(o.hoverClass).find('>ul').hide().css('visibility','hi

dden');o.onHide.call($ul);return this;

},showSuperfishUl : function(){

Page 49: Template Blog BFJ

var o = sf.op,sh = sf.c.shadowClass+'-off',$ul = this.addClass(o.hoverClass)

.find('>ul:hidden').css('visibility','visible');

sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.ca

ll($ul); o.onShow.call($ul); });return this;

}});

})(jQuery);

//]]></script>

<script type='text/javascript'>//<![CDATA[

/* * jQuery Cycle Plugin (with Transition Definitions) * Examples and documentation at: http://jquery.malsup.com/cycle/ * Copyright (c) 2007-2010 M. Alsup * Version: 2.88 (08-JUN-2010) * Dual licensed under the MIT and GPL licenses. * http://jquery.malsup.com/license.html * Requires: jQuery v1.2.6 or later */(function($){var ver="2.88";if($.support==undefined){$.support={opacity:!($.browser.msie)};}function debug(s){if($.fn.cycle.debug){log(s);}}function log(){if(window.console&&window.console.log){window.console.log("[cycle] "+Array.prototype.join.call(arguments," "));}}$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this;}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return;}opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clearTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.length<2){log("terminating; too few slides: "+els.length);return;}var opts2=buildOptions($cont,$slides,els,opts,o);if(opts2===false){return;}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!opts2.rev);if(startTime){startTime+=(opts2.delay||0);if(startTime<10){startTime=10;}debug("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,(!opts2.rev&&!opts.backwards));},startTime);}});};function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined){cont.cycleStop=0;}if(options===undefined||options===null){options={};}if(options.constructor==String){switch(options){case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return false;}cont.cycleStop++;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);}cont.cycleTimeout=0;$(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts);}return false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cyclePause,arg2,cont);return false;case"pause":cont.cyclePause=1;return false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next"

Page 50: Template Blog BFJ

ignored');return false;}$.fn.cycle[options](opts);return false;default:options={fx:options};}return options;}else{if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false;}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false;}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}if(typeof arg2=="string"){options.oneTimeFx=arg2;}go(options.elements,options,1,num>=options.currSlide);return false;}}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false;}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}go(options.elements,options,1,(!opts.rev&&!opts.backwards));}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter){try{el.style.removeAttribute("filter");}catch(smother){}}}function destroy(opts){if(opts.next){$(opts.next).unbind(opts.prevNextEvent);}if(opts.prev){$(opts.prev).unbind(opts.prevNextEvent);}if(opts.pager||opts.pagerAnchorBuilder){$.each(opts.pagerAnchors||[],function(){this.unbind().remove();});}opts.pagerAnchors=null;if(opts.destroy){opts.destroy(opts);}}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});if(opts.autostop){opts.countdown=opts.autostopCount||els.length;}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.after]:[];opts.after.unshift(function(){opts.busy=0;});if(!$.support.opacity&&opts.cleartype){opts.after.push(function(){removeFilter(this,opts);});}if(opts.continuous){opts.after.push(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));});}saveOriginalOpts(opts);if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($slides);}if($cont.css("position")=="static"){$cont.css("position","relative");}if(opts.width){$cont.width(opts.width);}if(opts.height&&opts.height!="auto"){$cont.height(opts.height);}if(opts.startingSlide){opts.startingSlide=parseInt(opts.startingSlide);}else{if(opts.backwards){opts.startingSlide=els.length-1;}}if(opts.random){opts.randomMap=[];for(var i=0;i<els.length;i++){opts.randomMap.push(i);}opts.randomMap.sort(function(a,b){return Math.random()-0.5;});opts.randomIndex=1;opts.startingSlide=opts.randomMap[1];}else{if(opts.startingSlide>=els.length){opts.startingSlide=0;}}opts.currSlide=opts.startingSlide||0;var first=opts.startingSlide;$slides.css({position:"absolute",top:0,left:0}).hide().each(function(i){var z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-i;}else{z=first?i>=first?els.length-(i-first):first-i:els.length-i;}$(this).css("z-index",z);});$(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opts.width){$slides.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var $e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight();if(!w){w=e.offsetWidth||e.width||$e.attr("width");}if(!h){h=e.offsetHeight||e.height||$e.attr("height");}maxw=w>maxw?w:maxw;maxh=h>maxh?h:maxh;}if(maxw>0&&maxh>0){$cont.css({width:maxw+"px",height:maxh+"px"});}}if(opts.pause){$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;});}if(supportMultiTransitions(opts)===false){return false;}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.cycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options);},opts.requeueTimeout);requeue=true;return false;}else{log("could not determine si

Page 51: Template Blog BFJ

ze of image: "+this.src,this.cycleW,this.cycleH);}}}return true;});if(requeue){return false;}opts.cssBefore=opts.cssBefore||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);if(opts.cssFirst){$($slides[first]).css(opts.cssFirst);}if(opts.timeout){opts.timeout=parseInt(opts.timeout);if(opts.speed.constructor==String){opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed);}if(!opts.sync){opts.speed=opts.speed/2;}var buffer=opts.fx=="shuffle"?500:250;while((opts.timeout-opts.speed)<buffer){opts.timeout+=opts.speed;}}if(opts.easing){opts.easeIn=opts.easeOut=opts.easing;}if(!opts.speedIn){opts.speedIn=opts.speed;}if(!opts.speedOut){opts.speedOut=opts.speed;}opts.slideCount=els.length;opts.currSlide=opts.lastSlide=first;if(opts.random){if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.backwards){opts.nextSlide=opts.startingSlide==0?(els.length-1):opts.startingSlide-1;}else{opts.nextSlide=opts.startingSlide>=(els.length-1)?0:opts.startingSlide+1;}}if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,$slides,opts);}else{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false;}}}var e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,[e0,e0,opts,true]);}if(opts.after.length>1){opts.after[1].apply(e0,[e0,e0,opts,true]);}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1);});}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1);});}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,opts);}exposeAddSlide(opts,els);return opts;}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before,function(){opts.original.before.push(this);});$.each(opts.after,function(){opts.original.after.push(this);});}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/\s*/g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discarding unknown transition: ",fx);opts.fxs.splice(i,1);i--;}}if(!opts.fxs.length){log("No valid transitions named; slideshow terminating.");return false;}}else{if(opts.fx=="all"){opts.multiFx=true;opts.fxs=[];for(p in txs){tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx)){opts.fxs.push(p);}}}}if(opts.multiFx&&opts.randomizeEffects){var r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)[0]);}debug("randomized fx sequence: ",opts.fxs);}return true;}function exposeAddSlide(opts,els){opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!opts.autostopCount){opts.countdown++;}els[prepend?"unshift":"push"](s);if(opts.els){opts.els[prepend?"unshift":"push"](s);}opts.slideCount=els.length;$s.css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.$cont);if(prepend){opts.currSlide++;opts.nextSlide++;}if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($s);}if(opts.fit&&opts.width){$s.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}s.cycleH=(opts.fit&&opts.height)?opts.height:$s.height();s.cycleW=(opts.fit&&opts.width)?opts.width:$s.width();$s.css(opts.cssBefore);if(opts.pager||opts.pagerAnchorBuilder){$.fn.cycle.createPagerAnchor(els.length-1,s,$(opts.pager),els,opts);}if($.isFunction(opts.onAddSlide)){opts.onAddSlide($s);}else{$s.hide();}};}$.fn.cycle.resetState=function(opts,fx){fx=fx||opts.fx;opts.before=[];opts.after=[];opts.cssBefore=$.extend({},opts.original.cssBefore);opts.cssAfter=$.extend({},opts.original.cssAfter);opts.animIn=$.extend({},opts.original.animIn);opts.animOut=$.extend({},opts.original.animOut);opts.fxFn=null;$.each(opts.original.before,function(){opts.before.push(this);});$.each(opts.original.after,function(){opts.after.push(this);});var init=$.fn.cycle.transitions[fx];if($.isFunction(init)){init(opts.$cont,$(opts.elements),opts);}};function go(els,opts,manual,fwd){if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping active transition");$(els).stop(true,true);opts.busy=false;}if(opts.busy){debug("transition active, ignoring new tx request");return;}var p=opts.$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!=opts.stopCount||p.cycleTimeout===0&&!manual){return;}if

Page 52: Template Blog BFJ

(!manual&&!p.cyclePause&&!opts.bounce&&((opts.autostop&&(--opts.countdown<=0))||(opts.nowrap&&!opts.random&&opts.nextSlide<opts.currSlide))){if(opts.end){opts.end(opts);}return;}var changed=false;if((manual||!p.cyclePause)&&(opts.nextSlide!=opts.currSlide)){changed=true;var fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$(curr).width();next.cycleH=next.cycleH||$(next).height();next.cycleW=next.cycleW||$(next).width();if(opts.multiFx){if(opts.lastFx==undefined||++opts.lastFx>=opts.fxs.length){opts.lastFx=0;}fx=opts.fxs[opts.lastFx];opts.currFx=fx;}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeFx=null;}$.fn.cycle.resetState(opts,fx);if(opts.before.length){$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});}var after=function(){$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});};debug("tx firing; currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn){opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{if($.isFunction($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx](curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{$.fn.cycle.custom(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}}}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide=opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide==opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?0:opts.currSlide+1;}}else{if(opts.backwards){var roll=(opts.nextSlide-1)<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=1;opts.currSlide=0;}else{opts.nextSlide=roll?(els.length-1):opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1;}}else{var roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-1;}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1;}}}}if(changed&&opts.pager){opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);}var ms=0;if(opts.timeout&&!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);}else{if(opts.continuous&&p.cyclePause){ms=10;}}if(ms>0){p.cycleTimeout=setTimeout(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));},ms);}}$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);});};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while((t-opts.speed)<250){t+=opts.speed;}debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false){return t;}}return opts.timeout;}$.fn.cycle.next=function(opts){advance(opts,opts.rev?-1:1);};$.fn.cycle.prev=function(opts){advance(opts,opts.rev?1:-1);};function advance(opts,val){var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=els.length-2;}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-1;}}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.random){opts.nextSlide=opts.randomMap[opts.randomIndex];}else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap){return false;}opts.nextSlide=els.length-1;}else{if(opts.nextSlide>=els.length){if(opts.nowrap){return false;}opts.nextSlide=0;}}}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb)){cb(val>0,opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,val>=0);return false;}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);});opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activePagerClass);}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned: "+a);}else{a='<a href="#">'+(i+1)+"</a>";}if(!a){return;}var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$(arr);}else{$a.appendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,opt

Page 53: Template Blog BFJ

s.currSlide<i);});if(!/^click/.test(opts.pagerEvent)&&!opts.allowPagerClickBubble){$a.bind("click.cycle",function(){return false;});}if(opts.pauseOnPagerHover){$a.hover(function(){opts.$cont[0].cyclePause++;},function(){opts.$cont[0].cyclePause--;});}};$.fn.cycle.hopsFromLast=function(opts,fwd){var hops,l=opts.lastSlide,c=opts.currSlide;if(fwd){hops=c>l?c-l:opts.slideCount-l;}else{hops=c<l?l-c:l+opts.slideCount-c;}return hops;};function clearTypeFix($slides){debug("applying clearType background-color hack");function hex(s){s=parseInt(s).toString(16);return s.length<2?"0"+s:s;}function getBg(e){for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var v=$.css(e,"background-color");if(v.indexOf("rgb")>=0){var rgb=v.match(/\d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);}if(v&&v!="transparent"){return v;}}return"#ffffff";}$slides.each(function(){$(this).css("background-color",getBg(this));});}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hide();opts.cssBefore.opacity=1;opts.cssBefore.display="block";if(w!==false&&next.cycleW>0){opts.cssBefore.width=next.cycleW;}if(h!==false&&next.cycleH>0){opts.cssBefore.height=next.cycleH;}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1));};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn=easeOut=null;}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb);};$l.animate(opts.animOut,speedOut,easeOut,function(){if(opts.cssAfter){$l.css(opts.cssAfter);}if(!opts.sync){fn();}});if(opts.sync){fn();}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0};}};$.fn.cycle.ver=function(){return ver;};$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000,speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"click.cycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickBubble:false,pagerAnchorBuilder:null,before:null,after:null,end:null,easing:null,easeIn:null,easeOut:null,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter:null,fxFn:null,height:"auto",startingSlide:0,sync:1,random:0,fit:0,containerResize:1,pause:0,pauseOnPagerHover:0,autostop:0,autostopCount:0,delay:0,slideExpr:null,cleartype:!$.support.opacity,cleartypeNoBg:false,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev:0,manualTrump:true,requeueOnImageNotLoaded:true,requeueTimeout:250,activePagerClass:"activeSlide",updateActivePagerLink:null,backwards:false};})(jQuery);/* * jQuery Cycle Plugin Transition Definitions * This script is a plugin for the jQuery Cycle Plugin * Examples and documentation at: http://malsup.com/jquery/cycle/ * Copyright (c) 2007-2010 M. Alsup * Version: 2.72 * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */(function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after();};};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore={top:h,left:0};opts.cssFirst={top:0};opts.animIn={top:0};opts.animOut={top:-h};};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst={top:0};opts.cssBefore={top:-h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:w,top:0};opts.animIn={left

Page 54: Template Blog BFJ

:0};opts.animOut={left:0-w};};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:-w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):(1-next.cycleW);opts.animOut.left=fwd?-curr.cycleW:curr.cycleW;});opts.cssFirst={left:0};opts.cssBefore={top:0};opts.animIn={left:0};opts.animOut={top:0};};$.fn.cycle.transitions.scrollVert=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0};opts.animIn={top:0};opts.animOut={left:0};};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;});opts.cssBefore={left:0,top:0,width:0};opts.animIn={width:"show"};opts.animOut={width:0};};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;});opts.cssBefore={left:0,top:0,height:0};opts.animIn={height:"show"};opts.animOut={height:0};};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true;}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i<$slides.length;i++){opts.els.push($slides[i]);}for(i=0;i<opts.currSlide;i++){opts.els.push(opts.els.shift());}opts.fxFn=function(curr,next,opts,cb,fwd){var $el=fwd?$(curr):$(next);$(next).css(opts.cssBefore);var count=opts.slideCount;$el.animate(opts.shuffle,opts.speedIn,opts.easeIn,function(){var hops=$.fn.cycle.hopsFromLast(opts,fwd);for(var k=0;k<hops;k++){fwd?opts.els.push(opts.els.shift()):opts.els.unshift(opts.els.pop());}if(fwd){for(var i=0,len=opts.els.length;i<len;i++){$(opts.els[i]).css("z-index",len-i+count);}}else{var z=$(curr).css("z-index");$el.css("z-index",parseInt(z)+1+count);}$el.animate({left:0,top:0},opts.speedOut,opts.easeOut,function(){$(fwd?this:curr).hide();if(cb){cb();}});});};opts.cssBefore={display:"block",opacity:1,top:0,left:0};};$.fn.cycle.transitions.turnUp=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=next.cycleH;opts.animIn.height=next.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,height:0};opts.animIn={top:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnDown=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,top:0,height:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnLeft=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=next.cycleW;opts.animIn.width=next.cycleW;});opts.cssBefore={top:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.turnRight=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={top:0,left:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.zoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false,true);opts.cssBefore.top=next.cycleH/2;opts.cssBefore.left=next.cycleW/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};opts.animOut={width:0,height:0,top:curr.cycleH/2,left:curr.cycleW/2};});opts.cssFirst={top:0,left:0};opts.cssBefore={width:0,height:0};};$.fn.cycle.transitions.fadeZoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false);opts.cssBefore.left=next.cycleW/2;opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};});opts.cssBefore={width:0,height:0};opts.animOut={opacity

Page 55: Template Blog BFJ

:0};};$.fn.cycle.transitions.blindX=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.blindY=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.blindZ=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();var w=$cont.width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:w};opts.animIn={top:0,left:0};opts.animOut={top:h,left:w};};$.fn.cycle.transitions.growX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=this.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:0};});opts.cssBefore={width:0,top:0};};$.fn.cycle.transitions.growY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=this.cycleH/2;opts.animIn={top:0,height:this.cycleH};opts.animOut={top:0};});opts.cssBefore={height:0,left:0};};$.fn.cycle.transitions.curtainX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true,true);opts.cssBefore.left=next.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:curr.cycleW/2,width:0};});opts.cssBefore={top:0,width:0};};$.fn.cycle.transitions.curtainY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false,true);opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,height:next.cycleH};opts.animOut={top:curr.cycleH/2,height:0};});opts.cssBefore={left:0,height:0};};$.fn.cycle.transitions.cover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);if(d=="right"){opts.cssBefore.left=-w;}else{if(d=="up"){opts.cssBefore.top=h;}else{if(d=="down"){opts.cssBefore.top=-h;}else{opts.cssBefore.left=w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.uncover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(d=="right"){opts.animOut.left=w;}else{if(d=="up"){opts.animOut.top=-h;}else{if(d=="down"){opts.animOut.top=h;}else{opts.animOut.left=-w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.toss=function($cont,$slides,opts){var w=$cont.css("overflow","visible").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(!opts.animOut.left&&!opts.animOut.top){opts.animOut={left:w*2,top:-h/2,opacity:0};}else{opts.animOut.opacity=0;}});opts.cssBefore={left:0,top:0};opts.animIn={left:0};};$.fn.cycle.transitions.wipe=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.cssBefore=opts.cssBefore||{};var clip;if(opts.clip){if(/l2r/.test(opts.clip)){clip="rect(0px 0px "+h+"px 0px)";}else{if(/r2l/.test(opts.clip)){clip="rect(0px "+w+"px "+h+"px "+w+"px)";}else{if(/t2b/.test(opts.clip)){clip="rect(0px "+w+"px 0px 0px)";}else{if(/b2t/.test(opts.clip)){clip="rect("+h+"px "+w+"px "+h+"px 0px)";}else{if(/zoom/.test(opts.clip)){var top=parseInt(h/2);var left=parseInt(w/2);clip="rect("+top+"px "+left+"px "+top+"px "+left+"px)";}}}}}}opts.cssBefore.clip=opts.cssBefore.clip||clip||"rect(0px 0px 0px 0px)";var d=opts.cssBefore.clip.match(/(\d+)/g);var t=parseInt(d[0]),r=parseInt(d[1]),b=parseInt(d[2]),l=parseInt(d[3]);opts.before.push(function(curr,next,opts){if(curr==next){return;}var $curr=$(curr),$next=$(next);$.fn.cycle.commonReset(curr,next,opts,true,true,false);opts.cssAfter.display="block";var step=1,count=parseInt((opts.speedIn/13))-1;(function f(){var tt=t?t-parseInt(step*(t/count)):0;var ll=l?l-parseInt(step*(l/count)):0;var bb=b<h?b+parseInt(step*((h-b)/count||1)):h;var rr=r<w?r+parseInt(step*((w-r)/count||1)):w;$next.css({clip:"rect("+tt+"px "+rr+"px "+bb+"px "+ll+"px)"});(step++<=count)?setTi

Page 56: Template Blog BFJ

meout(f,13):$curr.css("display","none");})();});opts.cssBefore={display:"block",opacity:1,top:0,left:0};opts.animIn={left:0};opts.animOut={left:0};};})(jQuery);

//]]></script>

<script type='text/javascript'>/* <![CDATA[ */jQuery.noConflict();jQuery(function(){

jQuery('ul.menu-primary').superfish({ animation: {opacity:'show'},

autoArrows: true, dropShadows: false, speed: 200, delay: 800 }); });

jQuery(function(){ jQuery('ul.menu-secondary').superfish({ animation: {opacity:'show'},

autoArrows: true, dropShadows: false, speed: 200, delay: 800 }); });

jQuery(document).ready(function() {jQuery('.fp-slides').cycle({

fx: 'scrollHorz',timeout: 4000,delay: 0,speed: 400,next: '.fp-next',prev: '.fp-prev',pager: '.fp-pager',continuous: 0,sync: 1,pause: 1,pauseOnPagerHover: 1,cleartype: true,cleartypeNoBg: true

}); });

/* ]]> */

</script>

<script type='text/javascript'>//<![CDATA[

function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substr

Page 57: Template Blog BFJ

ing(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i><br/><br/>');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i>');document.write('<br/><br/>');}}}

function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;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}}posttitle=posttitle.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}

//]]></script>

</div><script type='text/javascript'>var RAXTERBLOGrightclicktheme = &#39;Dark&#39;;var RAXTERBLOGrightclickimage =&#39;http://images.cooltext.com/3248153.png&#39;;</script><script src='http://raxterblog.googlecode.com/files/anti-klik-kanan.js' type='text/javascript'> </script></body>

</html>