user@linuxtrack:~ $ python -c 'print("Soyez les bienvenus !")'
Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages : 1
#1 11-07-2014 08:25:17
- GamerLIX
- Membre
Petit problème avec du code HTML
Hello world
je m'excuse si je ne poste pas dans le bon endroit 
Depuis quelques mois je possède un blog (pas une blague ça existe encore) et j'utilise Blogger (pas une blague ça existe encore) et j'ai voulu faire le malin en mettant un template pour faire Zoli sauf que , je suis pas du tout calé en HTML , je ne m'étais jamais intéressé à la programmation web jusqu'aujourd'hui.
Du coup quand j'ai un soucis , les outils de mise en page de Blogger m'explosent au visage et moi je dois me dépatouiller avec le code HTML.
J'ai bien réussi quelques manipulations (comme le fait d'avoir pu dévérouillé puis supprimer le message "fourni par blogger") mais il y a un problème qui persiste.
En haut à droite , se trouve des icônes carrées (en bleu) lorsqu'on clique sur l'icône Facebook , normalement une page Facebook doit s'ouvrir , sauf que non , rien ne se passe , pareil pour Twitter , G+ ect.
Vous pouvez faire l'expérience vous même , voici le lien http://maximiliendidio.blogspot.fr/
Pour ce qui est du code xml , le voici :
[== HTML ==]
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<!-- deskripsi dan keyword -->
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: TheTuts Blue
Date: 12 29 2012
Updated by: satankMKR/Makmur
URL1: http://www.ivythemes.com
URL2: http://mkr-site.blogspot.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#777777">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 11px Verdana, Geneva, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
#navbar-iframe, #Navbar1 {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
/* Use this with templates/template-twocol.html */
body,.body-fauxcolumn-outer{background:#F2F2F2;margin:0;padding:0;color:#333333;font:x-small Georgia Serif;font-size
/* */:/**/
small;font-size:/**/
small;text-align:center}
a,#related-postsx .gmbrrltd,img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
a:link{color:#5588aa;text-decoration:none}
a:visited{color:#999999;text-decoration:none}
a:hover{color:#000;text-decoration:none}
a img{border-width:0}
#NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;border-top:2px solid #0073B4;border-bottom:2px solid #0073B4;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0.9}
#NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-left:-30px;margin-top:-18px}
/* Header
-----------------------------------------------
*/
#isihead{height:80px;position:relative}
#header-wrapper{margin:0 auto 0;padding:5px 10px;min-width:300px;color:white;float:left;position:absolute;top:10px;background-color:#5390AD;border:1px solid #2C1200}
#header{color:#E0E0E0;margin:0}
#header h1.title,#header p.title{margin:0;padding:5px 0 0;line-height:1.2em;font-size:250%;font-weight:bold;text-transform:uppercase;color:white;font-family:Helvetica,Arial}
#header h1.title a,#header p.title a{color:white}
#header a:hover{color:#666666}
#header .description{margin:0;padding:0 0 10px;color:#E7E7E7;font:normal normal 110% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif}
#header img{margin-left:auto;margin-right:auto}
/* Navigation
----------------------------------------------- */
#naviga{height:40px}
#navigx{margin:10px 0 0;float:left;font:12px/14px Arial,Helvetica,sans-serif}
#nav ul{height:30px;margin:0;padding:0}
#nav li{list-style:none;display:inline-block;zoom:1;margin:0;padding:0;float:left;position:relative}
#nav li a{display:block;line-height:25px;height:30px;text-decoration:none;color:#CECECE;padding:0 15px;font-weight:bold}
#nav li:hover > a{color:white}
#nav ul.sub-menux{position:absolute;height:auto;background-color:#382E26;border:1px solid #140B00;width:180px;display:none;z-index:99}
#nav li:hover ul.sub-menux{display:block}
#nav ul.sub-menux li{display:block;float:none;border-bottom:1px solid #52473E}
#nav ul.sub-menux a{line-height:30px;background-color:#493B34;font-weight:normal}
#nav ul.sub-menux a:hover{background-color:#52453E}
#nav-top{float:right;margin:10px 0 0}
#nav-top .menutopx ul,#nav-top .menutopx li{padding:0;margin:0;list-style:none}
#nav-top .menutopx li{display:inline-block;float:left}
#nav-top .menutopx a{color:#B4B4B4;line-height:25px;display:block;padding:0 10px}
#nav-top .menutopx a:hover{color:whiteSmoke}
#socialnya{float:right;position:absolute;right:10px;top:53px}
#socialnya div.recntsposts{position:absolute;width:250px;background-color:white;right:0;top:100%;display:none;z-index:99;border:1px solid #EBEBEB}
#socialnya li:hover div.recntsposts{display:block}
ul.socialxx,ul.socialxx li{list-style:none;padding:0;margin:0;margin:0 0 0 8px}
ul.socialxx li{display:inline-block;float:left;position:relative}
ul.socialxx li:active{bottom:-2px}
ul.socialxx > li > a{display:block;width:36px;height:36px;background-color:#5390AD;text-indent:-9999px;border:1px solid #1A1A1A}
ul.socialxx .ikon{background-image:url(http://1.bp.blogspot.com/-a7fqryOYOpg/UTADP8shiwI/AAAAAAAAAkA/meBn0hklEho/s000/sprite2.png);background-position:0 0;background-repeat:no-repeat}
ul.socialxx .fb{background-position:4px -4px}
ul.socialxx .fb:hover{background-color:#0073B4}
ul.socialxx .twtr{background-position:4px -104px}
ul.socialxx .twtr:hover{background-color:#01AAEB}
ul.socialxx .goplus{background-position:4px -52px}
ul.socialxx .goplus:hover{background-color:#D82401}
ul.socialxx .rssx{background-position:4px -160px}
ul.socialxx .rssx:hover{background-color:#E4730C}
ul.socialxx .rcpostnya{background-position:5px -217px}
ul.socialxx li:hover > .rcpostnya{background-color:#AEA894}
#navmobi,#navmobitop{display:none}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif}
#isihead, #naviga, #content-wrapper, #footer-wrapper {width:990px;margin:0 auto}
#main-wrapper{width:70%;padding:0;float:left;font-size:12px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper{width:30%;float:right;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper h2,#footer-wrapper h2{background-color:#AEA894;font-size:130%;border:1px solid #989077;color:white;padding:8px 12px;margin:0}
#sidebar-wrapper .widget-content,#footer-wrapper .widget-content{padding:10px 10px;margin:0;background-color:white;border:1px solid #E0E0E0;border-top:0}
/* Headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6,#rcentcomnets .ketkomt a,.PopularPosts .item-title a{font-family:Helvetica,Arial;line-height:1.1em;font-weight:bold;margin:0}
/* Posts
-----------------------------------------------
*/
.date-header{margin:1.5em 0 .5em;display:none}
.post{margin:0;padding:15px 20px;border:1px solid white;border-bottom:1px solid #E0E0E0;overflow:hidden;width:100%}
.post-body{margin:0 0 .75em;line-height:1.6em}
.post-body blockquote{line-height:1.3em}
.post-footer{margin:.75em 0;display:none}
.comment-link{margin-left:.6em}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 0}
.post-body blockquote{line-height:1.6em;position:relative;font-family:Georgia,serif;font-size:12px;font-style:italic;padding:0.25em 40px}
.post-body blockquote::before{display:block;content:"\201C";font-size:70px;position:absolute;left:0;top:15px}
/* Comments
----------------------------------------------- */
#comments{margin:0}
.comments .comments-content{padding:0 15px;margin:0;border:1px solid white;border-bottom:0}
#comments h4,#related-postsx h4{margin:0;font-size:150%;font-weight:bold;padding:5px 15px;border:1px solid white;border-bottom:1px solid #E0E0E0}
#comments-block{margin:1em 0 1.5em;line-height:1.6em}
#comments-block .comment-author{margin:.5em 0}
#comments-block .comment-body{margin:.25em 0 0}
#comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}
#comments-block .comment-body p{margin:0 0 .75em}
.comments .avatar-image-container{float:right;width:45px;max-width:45px;height:45px;max-height:45px;border:1px solid #C7C7C7;padding:2px}
.comments .avatar-image-container img{width:100%;height:100%;max-width:100%}
.comments .inline-thread .avatar-image-container{float:left;width:38px;height:38px}
.comments .comment-block{margin:0 55px 0 0}
.comments .inline-thread .comment-block{margin-right:0;margin-left:45px}
.comments .comments-content .comment,.comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child{margin:0;padding:5px 0}
.comments .comments-content .inline-thread .comment{padding:5px;border:1px solid #D5D5D5;background-color:white;margin:5px 0}
.comments .comments-content .comment-replies{margin:0}
.comments .comments-content .icon.blog-author{position:absolute;width:36px;height:36px;right:-56px;top:-1px;background-image:url(http://2.bp.blogspot.com/-EhzkFidKUAk/UTADQGn5LEI/AAAAAAAAAkE/B1-P5ZP0LwQ/s000/author.png);background-position:0 0;background-repeat:no-repeat}
.comments .comments-content .inline-thread .icon.blog-author{right:-7px;top:-8px}
.comments .comment .comment-actions a{padding:3px 6px;background-color:#AEA894;font-size:10px;color:white;margin:0 3px 0 0}
.comments .comment .comment-actions a:hover{background-color:#5390AD}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}
.feed-links{display:none}
/* Sidebar Content
----------------------------------------------- */
.sidebar,.footer{color:#666666;line-height:1.5em}
.sidebar ul,.footer ul{list-style:none;margin:0 0 0;padding:0 0 0}
.sidebar li,.footer li{margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:15px;line-height:1.5em}
.sidebar .widget,.main .widget,.footer .widget{margin:0 0 1.5em;padding:0}
.main .Blog{border-bottom-width:0}
/* Profile
----------------------------------------------- */
.profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}
.profile-data{margin:0;color:#999999;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{letter-spacing:.1em}
/* Footer
----------------------------------------------- */
#footer{width:auto;clear:both;margin:0 auto;padding:2%;color:white;background-color:black;text-transform:uppercase;letter-spacing:.1em;text-align:center;display:block}
img{max-width:100%;height:auto;width:auto\9}
#searchnya{float:right;padding:4px 0 3px}
#ajax-search-form{position:relative;font:normal normal 13px Arial,Sans-Serif}
#ajax-search-form input{border:1px solid #CCC;background-color:white;color:#6F6F6F;margin:0 0;padding:4px;font-size:11px;border-top-color:#999;width:140px}
#ajax-search-form input[type="submit"]{width:auto;background-color:#3A3A3A;border:none;color:white;font-weight:bold;cursor:pointer}
#ajax-search-form input[type="submit"]:hover,#ajax-search-form input[type="submit"]:focus{background-color:#4D4D4D}
#search-result{border:1px solid #F3F3F3;background-color:white;padding:8px 10px;margin:2px 0;width:270px;height:auto;position:absolute;top:100%;right:0;z-index:99;-webkit-box-shadow:0 1px 3px rgba(112,112,112,0.3);-moz-box-shadow:0 1px 3px rgba(112,112,112,0.3);box-shadow:0 1px 3px rgba(112,112,112,0.3);display:none}
#search-result *{margin:0 0 0 0;padding:0 0 0 0}
#search-result h4,#search-result strong{display:block;margin:0 30px 10px 0}
#search-result ol{margin:0 0 10px 25px}
#search-result ol a:hover{text-decoration:underline}
#search-result .close{display:block;position:absolute;top:4px;font-size:18px;right:10px;line-height:normal;color:black}
#search-result strong{color:#B75252}
.infox{overflow:hidden}
.infox a{color:#3F3F3F}
.infox a:hover{color:black}
.infox > div{display:inline;float:left;padding:2px 3px;background-color:#E9E9E9}
#labelxnya{float:left;position:relative}
#labelxnya span{display:block;line-height:31px}
#labelxnya span.clicklabelx{padding:0 16px 0 28px;background-image:url(http://2.bp.blogspot.com/-bghDBf6q-lk/UTADQP944NI/AAAAAAAAAkM/6VNaWK5BNjY/s000/sprite1.png);background-repeat:no-repeat;background-position:3px -191px;cursor:pointer;position:relative}
#labelxnya:hover > span.clicklabelx{background-position:3px -143px;color:#5F3F07}
#labelxnya span.clicklabelx::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#3F3F3F transparent transparent transparent;position:absolute;top:13px;right:3px}
#labelxnya:hover > span.clicklabelx::after{border-color:#4D3100 transparent transparent transparent}
#labelxnya ul,#labelxnya li{list-style:none;padding:0;margin:0}
#labelxnya ul.labelxx{position:absolute;z-index:99;overflow:hidden;background-color:#F8F8F8;border:1px solid #E4E4E4;border-top:0;top:30px;width:200px;display:none}
#labelxnya:hover ul.labelxx{display:block}
#labelxnya li{padding:3px 5px;border-bottom:1px solid #E7E7E7;border-top:1px solid white}
#labelxnya li:first-child{border-top:0}
#labelxnya li:last-child{border-bottom:0}
#labelxnya a{display:block;padding:4px 8px;border-radius:3px}
#labelxnya a:hover{background-color:#A1CBE7}
ul#tebslect,ul#tebslect li,#rcentcomnets ul,#rcentcomnets li,#rcentpost ul,#rcentpost li{padding:0;margin:0;list-style:none;overflow:hidden}
ul#tebslect{background-color:#AEA894;border:1px solid #989077;border-bottom:0}
ul#tebslect li{display:inline-block;float:left;width:33.3%;text-align:center}
ul#tebslect a{display:block;line-height:32px;color:white}
ul#tebslect .selected a,ul#tebslect a:hover{background-color:#5390AD}
#sidebar-wrapper #sibebar-tengah .widget-content{padding:0 0;border:0}
.PopularPosts .widget-content ul li,#rcentcomnets li,#rcentpost li{padding:8px 10px;border:1px solid white;border-bottom:1px solid #E0E0E0}
.PopularPosts .widget-content ul li:last-child,#rcentcomnets li:last-child,#rcentpost li:last-child{border-bottom:0}
#bungkusside{border:1px solid #E0E0E0}
#sibebar-tengah #bungkusside .widget{margin:0}
.widget.Label li{padding:5px;float:left;margin:0 2px 2px 0;background-color:#5390AD;border:1px solid #42718B}
.widget.Label li a,.widget.Label li span{color:white}
.widget.Label li:hover{background-color:#AEA894;border:1px solid #989077}
#creditxx{text-align:center;font-size:10px}
#isifooter{overflow:hidden}
#isifooter .footer-wrap{width:33.3%;float:left}
.CSS_LIGHTBOX .CSS_LIGHTBOX_BG_MASK{background-color:#7FA6BD}
.CSS_LIGHTBOX .CSS_LIGHTBOX_BG_MASK_TRANSPARENT{opacity:.5}
.CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_IMG{outline:1px solid #0E749C}
.CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_IMG:hover{opacity:1}
.CSS_LIGHTBOX .CSS_LIGHTBOX_FILMSTRIP{background-color:#569DC5;background-color:rgba(22,105,145,0.18)}
.CSS_LIGHTBOX .CSS_LIGHTBOX_INDEX_INFO{color:#353535}
]]></b:skin>
<style type='text/css'>
#isihead,#naviga,#content-wrapper,#footer-wrapper{width:99%;max-width:1190px;margin:0 auto;padding:0 10px}
#headwrna{background-color:#29221E;border-bottom:1px solid #201C1C}
#navwarna{background-color:#382E26;border-top:1px solid #473F35;border-bottom:1px solid #3C3C3C}
#main-wrapper{border:1px solid #E0E0E0;background-color:#FAFAFA}
#menulabel{height:35px;border:1px solid white;border-bottom:1px solid #E0E0E0;padding:0 15px}
#main-wrapper{width:65%}
#sidebar-wrapper{width:35%;padding:0 0 0 10px}
#sibebar-atas .sidebar .widget:nth-child(odd) h2,#sibebar-bawah .sidebar .widget:nth-child(odd) h2,#footer-wrapper .footer .widget:nth-child(odd) h2{background-color:#5390AD;border:1px solid #42718B}
#sibebar-tengah h2{display:none}
#sidebar-wrapper #sibebar-tengah .widget-content{padding:0 0;border:0}
#sibebar-tengah{margin:0 0 1.5em 0}
#content-wrapper{padding:15px 0 0 0}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:10px 0;padding:0;border:0;height:auto}
.post-body h1{font-size:180%}
.post-body h2{font-size:160%}
.post-body h3{font-size:140%}
.post-body h4{font-size:130%}
.post-body h5{font-size:120%}
.post-body h6{font-size:110%}
#rcentpost .thumbp,#rcentcomnets .kmtimg,.PopularPosts .item-thumbnail{float:left;width:55px;height:55px;margin:0 5px 2px 0}
.PopularPosts img{padding-right:0}
#rcentpost img,#rcentcomnets img{width:100%;height:100%}
#rcentpost .titlexp h4 a,#rcentcomnets .ketkomt a,.PopularPosts .item-title a{display:block;font-size:12px;font-weight:bold;color:#494949;line-height:1.3em;margin:0 0 3px 0}
#rcentpost .titlexp h4 a:hover,#rcentcomnets .ketkomt a:hover,.PopularPosts .item-title a:hover{color:black}
#rcentpost .datex,#rcentcomnets span{font-size:9px}
#rcentpost .cm{margin-left:5px}
.BlogArchive #ArchiveList ul li{margin:0}
#sidebar-wrapper #sibebar-tengah .BlogArchive .widget-content{padding:5px 10px}
#isifooter .footer-wrap{width:32.78%}
#isifooter .tengahfoot{margin:0 0.75%}
#related-posts-loadingtext,#rcentcomnets .loadx,#rcentpost .loadnya{display:block;width:80px;height:10px;margin:10px auto;text-indent:-9999px;background:transparent url(http://1.bp.blogspot.com/-0sxVTS0sNRA/UTADQdUa2gI/AAAAAAAAAkY/QID-ygX9J4g/s000/horizontal-loading.gif) no-repeat 0 0}
@media only screen and (max-width:1024px){
#isihead,#naviga,#content-wrapper,#footer-wrapper{padding:0 0;width:990px}
#content-wrapper{padding:15px 0 0 0}
}
@media only screen and (min-width:768px) and (max-width:989px){
#isihead,#naviga,#content-wrapper,#footer-wrapper{width:754px}
#main-wrapper{width:60%}
#sidebar-wrapper{width:40%}
.post{padding:10px}
}
@media only screen and (max-width:767px){
#navmobi,#navmobitop{display:block}
#nav-top .menutopx,#nav,#navmobitop ul#topnav,#navmobi ul{display:none}
#isihead,#naviga,#content-wrapper,#footer-wrapper{width:445px}
#main-wrapper,#sidebar-wrapper,#isifooter .footer-wrap{width:100%;float:none;padding:0}
#main-wrapper,#sidebar-wrapper{margin:0 0 15px}
.post{padding:10px}
#header-wrapper{float:none;position:relative;top:8px;width:100%}
#nav-top{float:none;margin:0}
#isihead{height:auto;min-height:80px}
#socialnya{position:relative;top:0}
#navmobitop ul,#navmobitop li,#navmobi ul,#navmobi li{list-style:none;padding:0;margin:0}
#navmobitop{overflow:hidden}
#mobilenavtop{display:block;float:right;padding:5px 15px 5px 5px;background-color:#382E26;position:relative;border:1px solid #2C1200;color:#BBB}
#mobilenavtop::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#9C9C9C transparent transparent transparent;position:absolute;top:10px;right:5px}
#mobilenavtop.active{background-color:#5390AD;color:white}
#mobilenavtop.active::after{border-color:transparent transparent white transparent;top:5px}
#navmobitop ul#topnav{width:100%}
#navmobitop ul#topnav a{display:block;padding:4px 5px;margin:2px 0;border:1px solid #181818;background-color:#2E251B;color:white}
#navmobitop ul#topnav a:hover{background-color:#5390AD}
#navwarna{min-height:40px}
#navmobi ul{width:100%}
#naviga{height:auto}
#navigx{float:none}
#mobilenav{display:block;float:left;padding:0 20px 0 5px;line-height:27px;color:#E2E2E2;background-color:#5390AD;border:1px solid #2C1200;position:relative}
#mobilenav::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#D6D6D6 transparent transparent transparent;position:absolute;top:12px;right:7px}
#mobilenav.active{color:white}
#mobilenav.active::after{border-color:transparent transparent white transparent;top:6px}
#navmobi li{position:relative}
#navmobi li a{display:block;padding:6px 10px;margin:2px 0;border:1px solid #1F1F1F;background-color:#473323;color:#C4C4C4}
#navmobi li .sub-menux a{padding:6px 10px 6px 20px;background-color:#3F2B1B}
#navmobi li a:hover,#navmobi li.dgnsub.active >a{background-color:#5390AD;color:white}
#navmobi li.dgnsub::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#B8B8B8 transparent transparent transparent;position:absolute;top:12px;right:10px}
#navmobi li.dgnsub.active::after{border-color:transparent transparent white transparent;top:6px}
}
@media only screen and (max-width:479px){
#isihead,#naviga,#content-wrapper,#footer-wrapper{width:310px}
#menulabel{padding:0 5px 0 0}
#labelxnya span.clicklabelx,#labelxnya span{text-indent:-9999px;padding:0;width:40px}
#labelxnya ul.labelxx{left:-30px}
}
</style>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#view{float:left}
#view a{display:inline-block;width:31px;height:31px;text-indent:-9999px;float:left;background-image:url(http://2.bp.blogspot.com/-bghDBf6q-lk/UTADQP944NI/AAAAAAAAAkM/6VNaWK5BNjY/s000/sprite1.png);background-position:0 0;background-repeat:no-repeat;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}
#view a.grid{background-position:5px -29px}
#view a.grid.active{background-position:5px 5px}
#view a.list{background-position:5px -97px}
#view a.list.active{background-position:5px -63px}
a.thumbx{float:left;margin:0 20px 0 0;width:180px;height:180px;display:block}
a.thumbx img{display:block;width:100%;height:100%}
.post h2.post-title{margin:5px 0 10px;padding:0;overflow:hidden;font-size:240%;line-height:1.1em;color:black}
.post h2.post-title a{color:black}
.post h2.post-title a:hover{color:#0073A0}
.blog-posts.hfeed{overflow:hidden}
.post.grid{width:33.3%;border:0;float:left}
.post.grid a.thumbx{float:none;margin:0 auto;width:100%;height:130px}
.post.grid h2.post-title{font-size:160%;max-height:63px}
.post.grid .infox,.post.grid .labelxatas{display:none}
.post.grid{width:33.3%;border:0;float:left;padding:0 10px;margin:15px 0 0;height:300px}
#blog-pager{text-align:left;padding:0 10px}
.showpageArea .showpagePoint,.showpageArea a{display:block;float:left;padding:5px 8px;margin-right:3px}
.showpageArea a{background-color:#E7E7E7;border:1px solid #C5C5C5}
.showpageArea .showpagePoint,.showpageArea a:hover{background-color:#5390AD;border:1px solid #42718B;color:white}
@media only screen and (min-width:768px) and (max-width:989px){
a.thumbx{margin:0 10px 0 0;width:140px;height:140px}
.post h2.post-title{font-size:170%;margin:5px 0}
.labelxatas{font-size:10px}
.infox{font-size:9px}
.post-body p{margin:5px 0 0;font-size:11px}
.post.grid{width:50%}
}
@media only screen and (max-width:767px){
a.thumbx{margin:0 10px 0 0;width:140px;height:140px}
.post h2.post-title{font-size:170%;margin:5px 0}
.labelxatas{font-size:10px}
.infox{font-size:9px}
.post-body p{margin:5px 0 0;font-size:11px}
.post.grid{width:50%}
}
@media only screen and (max-width:479px){
a.thumbx{width:100px;height:100px}
.post.grid{height:240px;padding:0 5px}
.post.grid a.thumbx{height:90px}
.post.grid h2.post-title{font-size:120%;max-height:45px}
.showpageArea .showpagePoint,.showpageArea a{padding:3px 5px}
}
</style>
<b:else/>
<style type='text/css'>
.breadcrumbs{font-size:9px;padding:5px 10px;border:1px solid white;border-bottom:1px solid #E0E0E0}
.post h1.post-title{font-size:220%;margin:0 0 10px;color:black}
.post h1.post-title a{color:black}
.post h1.post-title a:hover{color:#0073A0}
.infox{margin:0 0 10px 0;font-size:10px}
ul#social-ikonzs li{float:left;position:relative;list-style:none}
.post{padding:15px 20px 0}
#social-ikonzs a{width:19px;height:20px;display:block;margin:0 3px;background-image:url(http://4.bp.blogspot.com/-KuHtI0BlBXY/UTADQw_hppI/AAAAAAAAAkg/3mDO-7FP9ZM/s000/sprite%25252Bimages.png);background-position:0 0;background-repeat:no-repeat}
ul#social-ikonzs li.facebookx a{background-position:-19px 0}
ul#social-ikonzs li.twitterx a{background-position:-116px 0}
ul#social-ikonzs li.googlex a{background-position:-39px 0}
ul#social-ikonzs li.stumbleuponx a{background-position:-97px 0}
ul#social-ikonzs li.diggx a{background-position:0 0}
ul#social-ikonzs li.deliciousx a{background-position:-136px 0}
ul#social-ikonzs li.linkedinx a{background-position:-58px 0}
ul#social-ikonzs li.redditx a{background-position:-78px 0}
ul#social-ikonzs li.technoratix a{background-position:-155px 0}
#social-ikonzs strong{display:block;width:auto;padding:4px 7px;position:absolute;background-color:#5390AD;color:white;left:200%;bottom:40px;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden}
#social-ikonzs li:hover strong{left:20%;-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
.ikonz-social{height:30px;padding:0 10px 0 0;margin:0 -20px;border-top:1px solid #E0E0E0}
.ikonz-social span{float:left;font-size:150%;padding:0 5px;line-height:32px;display:none;height:32px;margin-right:5px}
ul#social-ikonzs{float:left;margin:0;padding:5px 5px;position:relative}
.pager-isi a,.pager-isi .linkgrey{width:50%;display:block;float:left;padding:10px 0;font-size:120%;text-decoration:none}
.pager-isi h6{color:#575757;font-size:105%;font-weight:bold}
a.blog-pager-newer-link{background-image:url(http://2.bp.blogspot.com/-qsIHoeNgrRY/UTADRKYhU7I/AAAAAAAAAko/uvZdNHNEzeg/s000/small-left.png);background-repeat:no-repeat;background-position:2% center;padding-left:3.5%;text-align:left}
a.blog-pager-older-link{background-image:url(http://3.bp.blogspot.com/--KI6oqQv_6g/UTADRYUjWwI/AAAAAAAAAkw/Ff3xvHS0ADE/s000/small-right.png);background-repeat:no-repeat;background-position:98% center;padding-right:3.5%;text-align:right}
.pager-isi .linkgrey.left{padding-left:3.5%;text-align:left}
.pager-isi .linkgrey.right{padding-right:3.5%;text-align:right}
#blog-pager{margin:0;border:1px solid white;border-bottom:1px solid #E0E0E0}
#related-postsx{overflow:hidden;border:1px solid white;border-bottom:1px solid #E0E0E0}
#related-postsx ul,#related-postsx li{list-style:none;padding:0;margin:0;overflow:hidden}
#related-postsx li{width:25%;float:left;padding:5px;position:relative}
#related-postsx .jdlunya{display:block;width:100%;height:100px;overflow:hidden;position:relative}
#related-postsx img{width:100%;height:100%}
#related-postsx strong{position:absolute;z-index:2;width:100%;left:0;bottom:0;padding:5px;height:100%;display:none;color:white}
#related-postsx .gmbrrltd{display:block;width:100%;height:100%;background-color:black}
#related-postsx .infonya{font-size:10px;position:absolute;z-index:2;bottom:10px;left:10px;color:white;width:100%}
#related-postsx .infonya span{display:block}
#related-postsx .infonya a{color:white}
#related-postsx .jdlunya:hover strong{display:block}
#related-postsx .jdlunya:hover img{-khtml-opacity:0.3;-moz-opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";filter:alpha(opacity=30);opacity:0.3}
@media only screen and (min-width:768px) and (max-width:989px){
.post{padding:10px 10px 0}
.comments .comments-content{padding:0 10px}
#related-postsx li{width:50%}
.post h1.post-title{font-size:180%}
}
@media only screen and (max-width:767px){
.post{padding:10px 10px 0}
.comments .comments-content{padding:0 10px}
#related-postsx li{width:50%}
.post h1.post-title{font-size:180%}
}
@media only screen and (max-width:479px){
.post{padding:10px 7px 0}
.comments .comments-content{padding:0 7px}
.post h1.post-title{font-size:140%}
#labelxnya ul.labelxx {left: 0;}
}
</style>
</b:if>
<b:else/>
<style type='text/css'>
.post h2.post-title{font-size:220%;margin:0 0 10px;color:black}
.post h2.post-title a{color:black}
.post h2.post-title a:hover{color:#0073A0}
@media only screen and (min-width:768px) and (max-width:989px){
.post{padding:10px 10px 0}
.comments .comments-content{padding:0 10px}
.post h2.post-title{font-size:180%}
}
@media only screen and (max-width:767px){
.post{padding:10px 10px 0}
.comments .comments-content{padding:0 10px}
#related-postsx li{width:50%}
.post h2.post-title{font-size:180%}
}
@media only screen and (max-width:479px){
.post{padding:10px 7px 0}
.comments .comments-content{padding:0 7px}
.post h2.post-title{font-size:140%}
#labelxnya ul.labelxx {left: 0;}
}
</style>
</b:if>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var _0x2bf2=["$(3l).3F(3(){2 o=\x22Q\x22,y=\x222l\x22,u=\x222f.\x22,s=\x222R\x22,t=\x22.3Q\x22,x=\x222k\x22,w=\x222n\x22,q=\x22a.m\x22,p=\x221B\x22,l=q+p,v=\x222q\x22,z=\x2234\x22,r=\x223q\x22;N($(\x22.1B\x22+y+\x22x\x22).1P(\x22a\x22).1R(o)==\x22X://\x22+u+\x22i\x22+s+\x22h\x22+r+\x22s.1j\x22\x26\x26$(\x22.1B\x22+y+\x22x\x22).1P(l).1R(o)==\x22X://\x22+x+\x22r-s\x22+w+\x22.2V\x22+v+\x22t\x22+t+\x22m\x22){14.39=(3(){2 a=3(j){2 c=j||{},f=c.1O||14.1L.1K,i=c.2m||8,e=c.2o||\x22#2p\x22,d=c.2v||2Q,b=c.2S||1h,h=c.30||\x2233\x22,g=c.35||\x22X://1.1Z.1S.1j/-3z/3C/3D/3J/3L/3P.1U\x22;$.17({19:\x22X://\x22+f+\x22/1p/1H/28?13=1t-Z-1v\x261w-18=\x22+i+\x22\x22,1d:\x221z\x22,1e:\x221f\x22,1g:3(C){2 E,k,D,G,I,F,n=\x22\x22,H=C.16.1D;N(H!==1r){n=\x22\x3C11\x3E\x22;V(2 B=0;B\x3CH.T;B++){V(2 A=0;A\x3CH[B].R.T;A++){N(H[B].R[A].12==\x221C\x22){E=H[B].R[A].Q;1A}}V(2 m=0;m\x3CH[B].R.T;m++){N(H[B].R[m].12==\x222N\x22\x26\x26H[B].R[m].1d==\x221T/P\x22){D=H[B].R[m].1E.2T(\x22 \x22)[0];1A}}N(\x221F\x22Z H[B]){G=H[B].1F.$t}U{N(\x221q\x22Z H[B]){G=H[B].1q.$t}U{G=\x22\x22}}N(\x2227$20\x22Z H[B]){I=H[B].27$20.19.15(/\x5C/s[0-9]+\x5C-c/g,\x22/s\x22+d+\x22-c\x22)}U{I=g}G=G.15(/\x3C\x5CS[^\x3E]*\x3E/g,\x22\x22);N(G.T\x3Eb){G=G.1J(0,b)+\x22...\x22}k=H[B].1E.$t;F=H[B].3u.$t.1J(0,10),F=F.15(/-/g,\x22/\x22);n+=\x27\x3CW\x3E\x3C5 O=\x223E\x22\x3E\x3Ca Q=\x22\x27+E+\x27\x22 1l=\x221s\x22\x3E\x3C7\x3E\x3C1M 13=\x22\x27+k+\x27\x221N=\x22\x27+I+\x27\x22/\x3E\x3C/7\x3E\x3C/a\x3E\x3C/5\x3E\x3C5 O=\x2248\x22\x3E\x3C1o\x3E\x3Ca Q=\x22\x27+E+\x27\x22 1l=\x221s\x22\x3E\x27+k+\x27\x3C/a\x3E\x3C/1o\x3E\x3C5 O=\x222g\x22\x3E\x3C7 O=\x222h\x22\x3E\x27+F+\x27\x3C/7\x3E\x3C7 O=\x222i\x22\x3E\x27+D+\x22 \x22+h+\x27\x3C/7\x3E\x3C/5\x3E\x3C/5\x3E\x3C5 O=\x222j\x22\x3E\x27+G+\x22\x3C/5\x3E\x3C/W\x3E\x22}n+=\x22\x3C/11\x3E\x22;$(e).P(n)}U{$(e).P(\x22\x3C7\x3E1u 1a!\x3C/7\x3E\x22)}},1m:3(){$(e).P(\x22\x3CY\x3E1k 1i 1I!\x3C/Y\x3E\x22)}})};1b 3(b){a(b)}})();14.2r=(3(){2 a=3(k){2 d=k||{},g=d.1O||14.1L.1K,b=d.2s||\x22#2t\x22,h=d.2u||6,f=d.2w||2x,e=d.2y||1h,j=d.2z||\x22X://4.1Z.1S.1j/-2A/2B/2C/2D/2E/2F-2G-2H.2I\x22,i=d.2J||2K,c=d.2L||\x22\x22;$.17({19:\x22X://\x22+g+\x22/1p/2M/28?13=1t-Z-1v\x22,1d:\x221z\x22,1e:\x221f\x22,1g:3(M){2 E,G=M.16.1D;N(G!==1r){E=\x22\x3C11 O=\x272O-2P\x27\x3E\x22;1x=0;V(2 D=0;D\x3Ci;D++){2 C,I,F,m,H,A;N(D==G.T){1A}N(1x\x3E=h){1A}2 L=G[D];V(2 B=0;B\x3CL.R.T;B++){N(L.R[B].12==\x221C\x22){C=L.R[B].Q}}V(2 K=0;K\x3CL.1c.T;K++){I=L.1c[K].2U.$t;F=L.1c[K].1V$2W.1N}N(I!=c\x26\x261x\x3Ch){1x++;E+=\x22\x3CW\x3E\x22;N(F==\x22X://2X.2Y.1j/1M/2Z.1U\x22){m=j}U{m=F.15(/\x5C/s[0-9]+(\x5C-c|\x5C/)/,\x22/s\x22+f+\x22$1\x22)}A=(L.1c[0].1W)?L.1c[0].1W.$t:\x22#31\x22;E+=\x27\x3C5 O=\x2232\x22\x3E\x3Ca 12=\x221X\x22 Q=\x22\x27+A+\x27\x22\x3E\x3C1M 1N=\x22\x27+m+\x27\x22 13=\x22\x27+I+\x27\x22 1Y=\x22\x27+f+\x27\x22 1Q=\x22\x27+f+\x27\x22/\x3E\x3C/a\x3E\x3C/5\x3E\x27;H=L.1V$36[1].37;E+=\x27\x3C5 O=\x2238\x22\x3E\x3Ca 12=\x221X\x22 Q=\x22\x27+C+\x27\x22\x3E\x27+I+\x22\x3C/a\x3E \x3C7\x3E\x22+H+\x22\x3C/7\x3E\x3C/5\x3E\x22;2 J=L.1F.$t;2 n=J.15(/(\x3C([^\x3E]+)\x3E)/3a,\x22\x22);N(n!=\x22\x22\x26\x26n.T\x3Ee){n=n.1J(0,e);n+=\x22…\x22}U{n=n}E+=\x27\x3C5 O=\x223b\x22\x3E\x27+n+\x22\x3C/5\x3E\x22;E+=\x22\x3C/W\x3E\x22}}E+=\x22\x3C/11\x3E\x22;$(b).P(E)}U{$(b).P(\x22\x3C7\x3E1u 1a!\x3C/7\x3E\x22)}},1m:3(){$(b).P(\x22\x3CY\x3E1k 1i 1I!\x3C/Y\x3E\x22)}})};1b 3(b){a(b)}})();14.3c=(3(){2 a=3(e){2 g=e||{},d=g.1O||14.1L.1K,f=g.3d||6,c=g.3e||\x223f\x22,b=g.3g||\x22#3h\x22;$.17({19:\x22X://\x22+d+\x22/1p/1H/1q?1w-18=0\x2613=1t-Z-1v\x22,1d:\x221z\x22,1e:\x221f\x22,1g:3(k){2 h=k.16.3i,m=\x22\x22;N(h!==1r){m=\x22\x3C7 O=\x273j\x27\x3E\x22+c+\x22\x3C/7\x3E\x3C11 O=\x273k\x27\x3E\x22;V(2 j=0;j\x3Ch.T;j++){m+=\x27\x3CW\x3E\x3Ca Q=\x22/1n/3m/\x27+3n(h[j].21)+\x22?1w-18=\x22+f+\x27\x22 1l=\x221s\x22\x3E\x27+h[j].21+\x22\x3C/a\x3E\x3C/W\x3E\x22}m+=\x22\x3C/11\x3E\x22;$(b).P(m)}U{$(b).P(\x22\x3C7\x3E1u 3o!\x3C/7\x3E\x22)}},1m:3(){$(b).P(\x27\x3C7 3p=\x2222-3r:3s\x22\x3E1k 1i 1I!\x3C/7\x3E\x27)}})};1b 3(b){a(b)}})();(3(c){2 a=c(\x22#17-1n-3t\x22),d=a.1P(\x22:1T\x22);a.23(\x27\x3C5 3v=\x221n-1a\x22\x3E\x3C/5\x3E\x27);2 b=c(\x22#1n-1a\x22);a.24(\x223w\x22,3(){2 e=d.3x();b.3y().P(\x221i...\x22);c.17({19:\x22/1p/1H/1q?13=1t-Z-1v\x26q=\x22+e+\x22\x261w-18=25\x22,1d:\x221z\x22,1e:\x221f\x22,1g:3(D){2 C=D.16.1D,n,m,B,A,g=\x22\x22;N(C!==1r){g=\x22\x3C1o\x3E3A 18 V 3B \x2626;\x22+e+\x22\x2626;\x3C/1o\x3E\x22;g+=\x27\x3Ca O=\x221y\x22 Q=\x22/\x22\x3E\x261G;\x3C/a\x3E\x3C29\x3E\x27;V(2 k=0;k\x3CC.T;k++){2 f=3G 3H(e,\x223I\x22),B=C[k].1E.$t.15(f,\x22\x3C2a\x3E\x22+e+\x22\x3C/2a\x3E\x22);V(2 h=0;h\x3CC[k].R.T;h++){N(C[k].R[h].12==\x221C\x22){A=C[k].R[h].Q}}g+=\x27\x3CW\x3E\x3Ca Q=\x22\x27+A+\x27\x22 1l=\x221s\x22\x3E\x27+B+\x22\x3C/a\x3E\x3C/W\x3E\x22}g+=\x22\x3C/29\x3E\x22;b.P(g)}U{b.P(\x27\x3Ca O=\x221y\x22 Q=\x22/\x22\x3E\x261G;\x3C/a\x3E\x3CY\x3E1u 1a!\x3C/Y\x3E\x27)}},1m:3(){b.P(\x27\x3Ca O=\x221y\x22 Q=\x22/\x22\x3E\x261G;\x3C/a\x3E\x3CY\x3E1k 3K 16.\x3C/Y\x3E\x27)}});1b 2b});a.24(\x223M\x22,\x22.1y\x22,3(){b.3N();1b 2b})})(3O)}U{$(z).23(\x27\x3C5 O=\x222c\x22\x3E\x3C2d\x3E3R 3S 3T 3U 3V 3W 3X\x3C/2d\x3E\x3C/5\x3E\x27);$(\x22.2c\x22).3Y({3Z:\x2240\x22,41:\x220\x22,42:\x2243 0 0 0\x22,\x2222-44\x22:\x2245%\x22,\x22z-46\x22:\x2225\x22,\x2247-2e\x22:\x2249\x22,1Y:\x221h%\x22,1Q:\x221h%\x22,2e:\x224a\x22})}});","|","split","||var|function||div||span||||||||||||||||||||||||||||||||||||||||||if|class|html|href|link||length|else|for|li|http|strong|in||ul|rel|alt|window|replace|feed|ajax|results|url|result|return|author|type|dataType|jsonp|success|100|Loading|com|Error|target|error|search|h4|feeds|summary|undefined|_blank|json|No|script|max|ntotal|close|get|break|kr|alternate|entry|title|content|times|posts|Feed|substring|host|location|img|src|url_blog|find|height|attr|blogspot|text|gif|gd|uri|nofollow|width|bp|thumbnail|term|font|append|on|9999|quot|media|default|ol|mark|false|errorx|h1|color|www|datex|dt|cm|contxisi|mk|edit|numpostx|ite|id_cintainrp|rcentpost|gspo|rccommnetsx|id_containrc|rcentcomnets|numComments|thumbSize|avatarSize|60|characters|defaultAvatar|AEWksK942OE|UFiyLzXJhiI|AAAAAAAAFKE|jBegaGPClxI|s70|user|anonymous|icon|png|maxfeeds|50|adminBlog|comments|replies|mkr|rcomnet|70|vyt|contjumlah|split|name|blo|image|img1|blogblog|blank|cmtext|nope|kmtimg|Comments|body|pBlank|extendedProperty|value|ketkomt|rccpostsx|gi|komtsum|labelnyacx|num_elabel|textlabel|Categories|id_labelcontent|labelxnya|category|clicklabelx|labelxx|document|label|encodeURIComponent|Label|style|eme|weight|bold|form|published|id|submit|val|show|htG7vy9vIAA|Search|keyword|Tp0KrMUdoWI|AAAAAAAABAU|thumbp|ready|new|RegExp|ig|e7XkFtErqsU|loading|s1600|click|fadeOut|jQuery|grey|co|Please|Dont|Remove|or|change|Credit|Link|css|position|fixed|top|padding|150px|size|120|index|background|titlexp|black|white","","fromCharCode","replace","\x5Cw+","\x5Cb","g"];eval(function (_0xb2a5x1,_0xb2a5x2,_0xb2a5x3,_0xb2a5x4,_0xb2a5x5,_0xb2a5x6){_0xb2a5x5=function (_0xb2a5x3){return (_0xb2a5x3<_0xb2a5x2?_0x2bf2[4]:_0xb2a5x5(parseInt(_0xb2a5x3/_0xb2a5x2)))+((_0xb2a5x3=_0xb2a5x3%_0xb2a5x2)>35?String[_0x2bf2[5]](_0xb2a5x3+29):_0xb2a5x3.toString(36));} ;if(!_0x2bf2[4][_0x2bf2[6]](/^/,String)){while(_0xb2a5x3--){_0xb2a5x6[_0xb2a5x5(_0xb2a5x3)]=_0xb2a5x4[_0xb2a5x3]||_0xb2a5x5(_0xb2a5x3);} ;_0xb2a5x4=[function (_0xb2a5x5){return _0xb2a5x6[_0xb2a5x5];} ];_0xb2a5x5=function (){return _0x2bf2[7];} ;_0xb2a5x3=1;} ;while(_0xb2a5x3--){if(_0xb2a5x4[_0xb2a5x3]){_0xb2a5x1=_0xb2a5x1[_0x2bf2[6]]( new RegExp(_0x2bf2[8]+_0xb2a5x5(_0xb2a5x3)+_0x2bf2[8],_0x2bf2[9]),_0xb2a5x4[_0xb2a5x3]);} ;} ;return _0xb2a5x1;} (_0x2bf2[0],62,259,_0x2bf2[3][_0x2bf2[2]](_0x2bf2[1]),0,{}));
//]]>
</script>
</head>
<body itemscope='' itemtype='http://schema.org/WebPage'>
<noscript>
<div id='NoScript'>
<h6>Please enable javascript to view this site.</h6>
</div>
</noscript>
<div id='outer-wrapper'>
<div id='headwrna'>
<div id='isihead'>
<nav id='nav-top'>
<!-- Pages-based menu added by BTemplates.com -->
<div class='menutopx'><div>
<!-- Pages -->
<b:section id='pagesmenuwidget' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList9' locked='false' title='Pages - Menu' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
<div>
<ul class='menuhlng' id='topnav'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li><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:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- /Pages -->
</div></div>
<div id='navmobitop'>
<a href='#' id='mobilenavtop'>Menu</a>
</div>
</nav>
<header id='header-wrapper' itemscope='' itemtype='http://schema.org/WPHeader'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Maximilien Di dio (en-tête)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' itemprop='name' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' itemprop='name' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' itemprop='name' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' itemprop='name' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' itemprop='url' style='display:block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' itemprop='name'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' itemprop='name'>
<b:include name='title'/>
</p>
</b:if>
</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>
</header>
<div id='socialnya'>
<ul class='socialxx'>
<li><a class='ikon fb' href='#' title='Facebook'>Facebook</a></li>
<li><a class='ikon twtr' href='#' title='Twitter'>Twitter</a></li>
<li><a class='ikon goplus' href='#' title='Google+'>Google+</a></li>
<li><a class='ikon rssx' href='#' title='RSS'>RSS</a></li>
<li><a class='ikon rcpostnya' href='#' title='Recent Posts'>Recent</a>
<div class='recntsposts' id='rcentpost'><span class='loadnya'>loading...</span></div>
</li>
</ul>
</div>
</div>
</div>
<div id='navwarna'>
<div id='naviga'>
<nav id='navigx'>
<div id='nav'>
<ul id='navnyaa'>
<li class='dgnsub'>
<ul class='sub-menux'>
</ul>
</li>
</ul>
</div>
<div id='navmobi'>
<a href='#' id='mobilenav'>Menu</a>
</div>
</nav>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$("ul#topnav").clone().appendTo("#navmobitop");$("ul#navnyaa").clone().appendTo("#navmobi");$("#mobilenavtop").toggle(function(){$(this).addClass("active");$("#navmobitop .menuhlng").slideDown()},function(){$(this).removeClass("active");$("#navmobitop .menuhlng").slideUp()});$("#mobilenav").toggle(function(){$(this).addClass("active");$("#navmobi #navnyaa").slideDown()},function(){$(this).removeClass("active");$("#navmobi #navnyaa").slideUp()});$("#navmobi .dgnsub > a").toggle(function(){$(this).parent().addClass("active");$($(this).parent()).children("ul").slideDown()},function(){$(this).parent().removeClass("active");$($(this).parent()).children("ul").slideUp()});
//]]>
</script>
<div id='content-wrapper'>
<div id='main-wrapper'>
<div id='menulabel'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<nav id='view'>
<a class='list' href='#'>List</a>
<a class='grid' href='#'>Grid</a>
</nav>
</b:if></b:if>
<div id='labelxnya'><span>Loading...</span></div>
<div id='searchnya'>
<form expr:action='data:blog.homepageUrl + "search/"' id='ajax-search-form'>
<input name='q' type='text'/>
<input type='submit' value='Search'/>
</form>
</div>
</div>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<div class='date-header'><data:post.dateHeader/></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if> </b:if>
<!-- 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("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' 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/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<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'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<data:post.dateHeader/>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<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 != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</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 == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'><data:post.dateHeader/></div>
</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' style='position:absolute;left:-9999px'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' 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>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
»
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
<b:if cond='data:label.isLast != "true"'> » </b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</div>
</b:if>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' itemprop='image'/></a>
<b:else/>
<a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img alt='no image' class='post-thumbnail' src='http://2.bp.blogspot.com/-IT7zVXZw9Aw/UTADRjy67GI/AAAAAAAAAk4/ksvCCGX1djQ/s000/grey.png'/></a>
</b:if>
<div class='labelxatas' title='labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> \ </b:if>
</b:loop>
</div>
</b:if></b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='infox'>
<div class='post-author vcard'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</div>
<div class='d-header'>on <span class='timestamp-link'><span class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></span></span></div>
<div class='koment-header'>
<a class='commentx-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'>No Comment<b:else/><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
<b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if>
</a>
</div>
</div>
</b:if>
<div class='post-header' style='position:absolute;left:-9999px'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<p itemprop='description'><data:post.snippet/></p>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<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='updated published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons 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-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>
<b:if cond='data:blog.pageType == "item"'>
<div class='ikonz-social'><span>Share:</span>
<ul class='social-ikonz' id='social-ikonzs'>
<li class='facebookx'>
<a expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title' onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436"); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a>
</li>
<li class='twitterx'>
<a expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a>
</li>
<li class='googlex'>
<a expr:href='"https://plus.google.com/share?url=" + data:post.url' onclick='javascript:window.open(this.href, "", "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600");return false;' rel='nofollow' title='Share this on Google+'><strong>Google+</strong></a>
</li>
<li class='stumbleuponx'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a>
</li>
<li class='diggx'>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Digg this!'><strong>Digg</strong></a>
</li>
<li class='deliciousx'>
<a expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a>
</li>
<li class='linkedinx'>
<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a>
</li>
<li class='redditx'>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a>
</li>
<li class='technoratix'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a>
</li>
</ul>
</div>
</b:if>
</article>
<b:if cond='data:blog.pageType == "item"'>
<div class='blog-pager' id='blog-pager'>
<div class='pager-isi'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
<b:else/>
<span class='linkgrey left'><h6>Next</h6><h5>This is the most recent post.</h5></span>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
<b:else/>
<span class='linkgrey right'><h6>Previous</h6><h5>This is the last post.</h5></span>
</b:if>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var newerLink = $('a.blog-pager-newer-link').attr('href');
$('a.blog-pager-newer-link').load(newerLink + ' .post-title:first', function () {
var newerLinkTitle = $('a.blog-pager-newer-link').text();
$('a.blog-pager-newer-link').html('<h6>Next</h6><h5>' + newerLinkTitle + '<h5>');
});
var olderLink = $('a.blog-pager-older-link').attr('href');
$('a.blog-pager-older-link').load(olderLink + ' .post-title:first', function () {
var olderLinkTitle = $('a.blog-pager-older-link').text();
$('a.blog-pager-older-link').html('<h6>Previous</h6><h5>' + olderLinkTitle + '</h5>');
});
});
//]]>
</script>
<div id='related_posts2'>
</div>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div 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'>
<div id='form-wrapper'>
<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%'/>
</div>
<b:else/>
<div id='form-wrapper'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script 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) {
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) {
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(document.getElementById('form-wrapper'), null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b}}resizeThumb("main",180);
//]]></script>
<script type='text/javascript'>
//<![CDATA[
(function(){var a=$(".blog-posts.hfeed").find(".post"),c=$("#view .grid"),d=$("#view .list");function b(){a.addClass("grid");c.addClass("active");d.removeClass("active");createCookie("grid",null,7000);return false}function e(){a.removeClass("grid");c.removeClass("active");d.addClass("active");eraseCookie("grid");return false}if(readCookie("grid")){b();eraseCookie("grid")}else{e()}c.click(b);d.click(e)})();function createCookie(c,d,e){if(e){var b=new Date();b.setTime(b.getTime()+(e*24*60*60*1000));var a="; expires="+b.toGMTString()}else{var a=""}document.cookie=c+"="+d+a+"; path=/"}function readCookie(b){var e=b+"=";var a=document.cookie.split(";");for(var d=0;d<a.length;d++){var f=a[d];while(f.charAt(0)==" "){f=f.substring(1,f.length)}if(f.indexOf(e)==0){return f.substring(e.length,f.length)}}return null}function eraseCookie(a){createCookie(a,"",-1)};
//]]>
</script>
</b:if></b:if>
<aside id='sidebar-wrapper' itemscope='' itemtype='http://schema.org/WPSideBar'>
<div id='sibebar-atas'>
<b:section class='sidebar' id='sidebar-atas1' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Qui êtes-vous ?' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'>
<!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li>
<a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'>
<data:i.display-name/>
</a>
</li>
</b:loop>
</ul>
<b:else/>
<!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'>
<img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/>
</a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
<data:displayname/>
</a>
<b:if cond='data:hasgoogleprofile'>
<br/>
<div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
</b:if>
</dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'>
<data:location/>
</dd>
</b:if>
<b:if cond='data:aboutme != ""'>
<dd class='profile-textblock'>
<data:aboutme/>
</dd>
</b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'>
<data:viewProfileMsg/>
</a>
</b:if>
<b:include name='quickedit'/>
</div>
<center>
.
</center>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\0755527560455563942535\46blogName\75Maximilien+Di+dio\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://maximiliendidio.blogspot.com/search\46blogLocale\75fr\46v\0752\46homepageUrl\75http://maximiliendidio.blogspot.com/\46blogFollowUrl\75https://plus.google.com/103697645843766345443\46vt\0751364345922238112148',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='Label13' locked='true' title='Kategori' type='Label'>
<b:includable id='main'>
Menu :
<select class='postform' id='net' name='net' onchange='location=this.options[this.selectedIndex].value;'>
<option>
Choose category
</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'>
<data:label.name/>
(
<data:label.count/>
)
</option>
</b:loop>
</select>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sibebar-tengah'>
<div id='tab'>
<div class='tab-widget-menu clear'>
<ul id='tebslect'>
<li class='tab1'><a href='#tab1'>Populars</a></li>
<li class='tab2'><a href='#tab2'>Comments</a></li>
<li class='tab3'><a href='#tab3'>Archive</a></li>
</ul><div class='clear'/>
</div>
<div id='bungkusside'>
<div class='widget1' id='tab1'>
<b:section class='sidebar' id='tab1-popular' showaddelement='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 == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-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>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='widget1' id='tab2'>
<b:section class='sidebar' id='tab2-comments' showaddelement='yes'/>
</div>
<div class='widget1' id='tab3'>
<b:section class='sidebar' id='tab3-Archive' showaddelement='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div></div>
<div style='clear: both;'/>
</div>
<div id='sibebar-bawah'>
<b:section class='sidebar' id='sidebar-bawah1' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</aside>
<script type='text/javascript'>
//<![CDATA[
$(window).load(function(){$("#tebslect li:first").addClass("selected");$("#bungkusside > div").hide();$("#bungkusside > div:first").show();$("#tebslect a").click(function(){$("#tebslect li").removeClass("selected");$(this).parent().addClass("selected");var a=$(this).attr("href");$("#bungkusside > div:visible").hide();$(a).fadeToggle(1000);return false})});
//]]>
</script>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
<center>
<a href='http://creativecommons.org/licenses/by-sa/4.0/' rel='license'>
<img alt='Licence Creative Commons' src='http://i.creativecommons.org/l/by-sa/4.0/88x31.png' style='border-width:0'/>
</a>
<br/>
<span property='dct:title' xmlns:dct='http://purl.org/dc/terms/'>
Ce blog
</span>
de
<span property='cc:attributionName' xmlns:cc='http://creativecommons.org/ns#'>
Maximilien Di dio
</span>
est mis à disposition selon les termes de la
<a href='http://creativecommons.org/licenses/by-sa/4.0/' rel='license'>
licence Creative Commons Attribution - Partage dans les Mêmes Conditions 4.0 International
</a>
.
</center>
</div> <!-- end content-wrapper -->
<footer id='footer-wrapper' itemscope='' itemtype='http://schema.org/WPFooter'>
<div id='isifooter'>
<div class='footer-wrap' id='footer-kiri'>
<b:section class='footer' id='footer-kiri1'/>
</div>
<div class='footer-wrap tengahfoot' id='footer-tengah'>
<b:section class='footer' id='footer-tengah1'/>
</div>
<div class='footer-wrap' id='footer-kanan'>
<b:section class='footer' id='footer-kanan1'/>
</div></div>
<div id='creditxx'>
<div class='cpright'>
Copyright &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Right Reserved
</div>
<div class='kreditx'>
Designed by <a href='http://www.ivythemes.com'>IVYthemes</a> | <a class='mkr' href='http://mkr-site.blogspot.com'>MKR Site</a>
</div>
</div>
</footer>
</div> <!-- end outer-wrapper -->
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
labelnyacx({num_elabel:6, textlabel:"Labels"});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccpostsx({
numpostx:5,
cmtext:"Komentar",
contjumlah:100
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
window.emoticonx=(function(){var a=function(c){var f=c||{},d=f.emoRange||"#comments p, div.emoWrap",e=f.putEmoAbove||"iframe#comment-editor",b=f.emoMessage||"To insert emoticon you must added at least one space before the code.";$(e).before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>Click to see the code!</b><br/>'+b+"</div>");var g=function(j,i,h){$(d).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(j," <img style='max-height:24px' src='"+i+"' class='emo delayLoad' alt='"+h+"' />"))})};g(/\s:\)\)+/g,"http://1.bp.blogspot.com/-y4dzBGRYpFo/UTADSCDEAkI/AAAAAAAAAlA/4Zial0lW9RQ/s000/03.gif",":))");g(/\s;\(\(+/g,"http://2.bp.blogspot.com/-h-rgoxJ35JA/UTADVPQwWVI/AAAAAAAAAlI/R_vz4Lb27to/s000/06.gif",";((");g(/\s:\)+/g,"http://3.bp.blogspot.com/-9LqI0q4dFQY/UTADVS1mxUI/AAAAAAAAAlQ/h06MTQ25uEY/s000/01.gif",":)");g(/\s:-\)+/g,"http://4.bp.blogspot.com/-2ARovRlYw1g/UTADVqIUbrI/AAAAAAAAAlY/59kfWt244GA/s000/02.gif",":-)");g(/\s=\)\)+/g,"http://1.bp.blogspot.com/-KCkWVap-XWM/UTADV7nnU2I/AAAAAAAAAlc/KRgcTbyAnWI/s000/03a.gif","=))");g(/\s;\(+/g,"http://2.bp.blogspot.com/-XxsbRBAdiwI/UTADWEGcJWI/AAAAAAAAAlk/SLe1_Nxky68/s000/04.gif",";(");g(/\s;-\(+/g,"http://3.bp.blogspot.com/-VfbFNfs7CxI/UTADWQXeCcI/AAAAAAAAAlw/19ZYrCVoQiY/s000/05.gif",";-(");g(/\s:d/ig,"http://4.bp.blogspot.com/-lclakuBXSdU/UTADW9Lgs4I/AAAAAAAAAl0/y1uQ7uivW5E/s000/7.gif",":d");g(/\s:-d/ig,"http://4.bp.blogspot.com/-KQV68eA_Qx0/UTADXCJrxJI/AAAAAAAAAl8/JR9p-x4l4iA/s000/8.gif",":-d");g(/\s@-\)+/g,"http://3.bp.blogspot.com/-xQpChSSMd50/UTADXt-vN1I/AAAAAAAAAmI/oqGwhS_T6n4/s000/09.gif","@-)");g(/\s:p/ig,"http://2.bp.blogspot.com/-wN_5LoKyDGo/UTADXzaQJOI/AAAAAAAAAmQ/qt49kmJQA00/s000/10.gif",":p");g(/\s:o/ig,"http://2.bp.blogspot.com/-ESkR9LvUvyc/UTADYIxdAYI/AAAAAAAAAmY/IHUCPYDIuio/s000/11.gif",":o");g(/\s:>\)+/g,"http://1.bp.blogspot.com/-aVY9YMat3TE/UTADYW3-MxI/AAAAAAAAAmg/ttpAYIaj_nk/s000/12.gif",":>)");g(/\s\(o\)+/ig,"http://1.bp.blogspot.com/-677lTrWPMnI/UTADZOpG3wI/AAAAAAAAAmo/7D-RtDdEzvo/s000/13.gif","(o)");g(/\s\[-\(+/g,"http://3.bp.blogspot.com/-glXFAQVIK0Y/UTADZcJDgGI/AAAAAAAAAmw/banMnOHQvt0/s000/14.gif","[-(");g(/\s:-\?/g,"http://1.bp.blogspot.com/-CVlSHgWHLiw/UTADZbJpf7I/AAAAAAAAAm4/MdBXmTIzf-U/s000/15.gif",":-?");g(/\s\(p\)+/ig,"http://4.bp.blogspot.com/-zsd6G4s44eM/UTADZ7VcsPI/AAAAAAAAAnA/xruO1HIn7yI/s000/16.gif","(p)");g(/\s:-s/ig,"http://2.bp.blogspot.com/-4wUhn6EAyZk/UTADaHiZI6I/AAAAAAAAAnI/cLQUNR0pJn0/s000/17.gif",":-s");g(/\s\(m\)+/ig,"http://1.bp.blogspot.com/-nD3cR0nPDJ4/UTADal0mVUI/AAAAAAAAAnQ/ehlEC_4UG6Q/s000/18.gif","(m)");g(/\s8-\)+/ig,"http://3.bp.blogspot.com/-fx4bt0TiMPo/UTADa4yAjBI/AAAAAAAAAnY/qecFYPxPLv8/s000/19.gif","8-)");g(/\s:-t/ig,"http://2.bp.blogspot.com/-W2DzEO-yPEU/UTADbCN8D4I/AAAAAAAAAnc/sMw1T84N4_E/s000/20.gif",":-t");g(/\s:-b/ig,"http://4.bp.blogspot.com/-R_90R-B1OC8/UTADbuCT7HI/AAAAAAAAAno/MTpG6Iu2I64/s000/21.gif",":-b");g(/\sb-\(+/ig,"http://3.bp.blogspot.com/-L5tveJ62YQ0/UTADbjDV4XI/AAAAAAAAAnw/2Ys9K984E1s/s000/22.gif","b-(");g(/\s:-#/ig,"http://1.bp.blogspot.com/-VCkihz_vfbk/UTADcfhskmI/AAAAAAAAAn4/QsHrFr5oVgs/s000/23.gif",":-#");g(/\s=p~/ig,"http://4.bp.blogspot.com/-ogKfMcJ52ME/UTADcu589nI/AAAAAAAAAoA/i5LPP6EmC18/s000/24.gif","=p~");g(/\s\$-\)+/ig,"http://1.bp.blogspot.com/-ekIe4opO4O0/UTADc2P61JI/AAAAAAAAAoI/hHSAtRoPau0/s000/25.gif","$-)");g(/\s\(b\)+/ig,"http://3.bp.blogspot.com/-VnqkgKuERXw/UTADddE-RsI/AAAAAAAAAoQ/QtIdEWEwxEE/s000/26.gif","(b)");g(/\s\(f\)+/ig,"http://3.bp.blogspot.com/-mjWpJgXVBGA/UTADdupm-MI/AAAAAAAAAoY/45oDThAIW5o/s000/27.gif'","(f)");g(/\sx-\)+/ig,"http://4.bp.blogspot.com/-9ShOZL5b0Xk/UTADdmL6OwI/AAAAAAAAAog/IveR_yPbTV4/s000/28.gif","x-)");g(/\s\(k\)+/ig,"http://3.bp.blogspot.com/-kNELhpn98k0/UTADd8yZ71I/AAAAAAAAAoo/ZMADDYcGajM/s000/29.gif","(k)");g(/\s\(h\)+/ig,"http://2.bp.blogspot.com/-5hT6sxAlAL8/UTADeg9RU0I/AAAAAAAAAow/00dcohwcqos/s000/30.gif","(h)");g(/\s\(c\)+/ig,"http://2.bp.blogspot.com/-1iapbB_bB84/UTADe2UeG-I/AAAAAAAAAo4/esS2mDDvaLs/s000/31.gif","(c)");g(/\scheer/ig,"http://1.bp.blogspot.com/-iSIGlsvpC7E/UTADgGgeXfI/AAAAAAAAApA/fw4jAmoafCU/s000/32.gif","cheer");$("div.emoWrap").one("click",function(){if(b){alert(b)}});$(".emo").css("cursor","pointer").live("click",function(h){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");h.stopPropagation()});$(".emoKey").live("click",function(){$(this).focus().select()})};return function(b){a(b)}})();
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx()});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx()});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
//<![CDATA[
var pageCount=6;
var displayPageNum=3;
var upPageWord ='« Previous'
var downPageWord ='Next »';
function showpageCount(x){var C=home_page_url;var E=new Array();var y=1;var H=1;var v=0;var p=0;var G=0;var F="";var J="";var w="";for(var z=0,A;A=x.feed.entry[z];z++){var u=A.published.$t.substring(0,19)+A.published.$t.substring(23,29);timestamp=encodeURIComponent(u);var i=A.title.$t;if(i!=""){if(v==0||(v%pageCount==(pageCount-1))){if(C.indexOf(timestamp)!=-1){y=H}if(i!=""){H++}E[E.length]="/search?updated-max="+timestamp+"&max-results="+pageCount}}v++}for(var D=0;D<E.length;D++){if(D>=(y-displayPageNum-1)&&D<(y+displayPageNum)){if(p==0&&D==y-2){if(y==2){J='<span class="showpage"><a href="/">'+upPageWord+"</a></span>"}else{J='<span class="showpage"><a href="'+E[D]+'">'+upPageWord+"</a></span>"}p++}if(D==(y-1)){F+='<span class="showpagePoint">'+y+"</span>"}else{if(D==0){F+='<span class="showpageNum"><a href="/">1</a></span>'}else{F+='<span class="showpageNum"><a href="'+E[D]+'">'+(D+1)+"</a></span>"}}if(G==0&&D==y){w='<span class="showpage"> <a href="'+E[D]+'">'+downPageWord+"</a></span>";G++}}}if(y>1){F=""+J+" "+F+" "}F='<div class="showpageArea">'+F;if(y<(H-1)){F+=w}if(H==1){H++}F+="</div>";var I=document.getElementsByName("pageArea");var B=document.getElementById("blog-pager");if(H<=2){F=""}for(var D=0;D<I.length;D++){I[D].innerHTML=F}if(I&&I.length>0){F=""}if(B){B.innerHTML=F}}function showpageCount2(A){var F=home_page_url;var G=new Array();var J=F.indexOf("/search/label/")!=-1;var M=J?F.substr(F.indexOf("/search/label/")+14,F.length):"";M=M.indexOf("?")!=-1?M.substr(0,M.indexOf("?")):M;var B=1;var L=1;var y=0;var p=0;var K=0;var I="";var P="";var z="";var N='<span class="showpageNum"><a href="/search/label/'+M+"?&max-results="+pageCount+'">';var F=home_page_url;for(var C=0,D;D=A.feed.entry[C];C++){var x=D.published.$t.substring(0,19)+D.published.$t.substring(23,29);timestamp=encodeURIComponent(x);var i=D.title.$t;if(i!=""){if(y==0||(y%pageCount==(pageCount-1))){if(F.indexOf(timestamp)!=-1){B=L}if(i!=""){L++}G[G.length]="/search/label/"+M+"?updated-max="+timestamp+"&max-results="+pageCount}}y++}for(var H=0;H<G.length;H++){if(H>=(B-displayPageNum-1)&&H<(B+displayPageNum)){if(p==0&&H==B-2){if(B==2){P=N+upPageWord+"</a></span>"}else{P='<span class="showpage"><a href="'+G[H]+'">'+upPageWord+"</a></span>"}p++}if(H==(B-1)){I+='<span class="showpagePoint">'+B+"</span>"}else{if(H==0){I=N+"1</a></span>"}else{I+='<span class="showpageNum"><a href="'+G[H]+'">'+(H+1)+"</a></span>"}}if(K==0&&H==B){z='<span class="showpage"> <a href="'+G[H]+'">'+downPageWord+"</a></span>";K++}}}if(B>1){if(!J){I=""+P+" "+I+" "}else{I=""+P+" "+I+" "}}I='<div class="showpageArea">'+I;if(B<(L-1)){I+=z}if(L==1){L++}I+="</div>";var O=document.getElementsByName("pageArea");var E=document.getElementById("blog-pager");if(L<=2){I=""}for(var H=0;H<O.length;H++){O[H].innerHTML=I}if(O&&O.length>0){I=""}if(E){E.innerHTML=I}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+"feeds/posts/full/-/"+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}};
//]]>
</script>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
var _0xff44=["E 2m(a){(E(e){2 f={13:\x22\x22,18:5,1u:5,14:5,H:\x22\x22,6:1c,Z:\x22\x22,12:\x22\x22,K:\x22\x22,1t:\x22\x22,15:\x222b 1q\x22,1p:\x2223://1.20.1I.1X/-1U/1T/1S/1O/1N/1M.1L\x22,1k:2F,1h:[\x222B\x22,\x222w\x22,\x222v\x22,\x222n\x22,\x222d\x22,\x2228\x22,\x2221\x22,\x221W\x22,\x221Q\x22,\x221K\x22,\x221J\x22,\x222G\x22],W:\x222E 1q\x22,Y:\x22\x22,1r:2x};f=e.1R({},f,a);2 k=0,b=1c,g=1c;3(!f.H){1o.2y(\x27\x3CD 19=\x22F-U\x22\x3E\x3C/D\x3E\x27);f.H=\x22#F-U\x22}2 c=E(y,o){k++;3(y.16.11){N(2 p=0;p\x3Cy.16.11.A;p++){2 v=y.16.11[p];2 r=\x22\x22;N(2 n=0;n\x3Cv.1a.A;n++){3(v.1a[n].1f==\x221V\x22){r=v.1a[n].J;1Z}}2 q=v.27.$t.S(0,10);2 m=q.S(0,4);2 x=q.S(5,7);2 t=q.S(8,10);2 s=f.1h[1g(x,10)-1];2 z=v.2z$2A.$t;2 l=v.2C[0].2D.$t;2 u=v.X.$t;3(\x221i$1j\x22V v){2 w=v.1i$1j.1b.T(/\x5C/s[0-9]+\x5C-c/g,\x22/s\x22+f.1k+\x22-c\x22)}L{2 w=f.1p}3(1P.J.1l()!=r.1l()){i(r,u,w,m,t,z,s,l)}}}3(k\x3E=f.6.A){g.G(\x22B\x22,\x22\x22);e(\x22#F-Q-1m\x22,b).1n();3(f.18\x3E0){e(\x22P:1Y(\x22+(f.18-1)+\x22)\x22,g).1n()}}};2 i=E(q,w,x,m,u,y,s,l){2 r=e(\x22P\x22,g);N(2 p=0;p\x3Cr.A;p++){2 v=e(\x22a\x22,r.I(p));2 t=j(v);3(v.G(\x22J\x22)==q){h(v,++t);N(2 o=p-1;o\x3E=0;o--){2 n=e(\x22a\x22,r.I(o));3(j(n)\x3Et){3(p-o\x3E1){r.I(o).22(r.I(p))}M}}3(p\x3E0){r.I(0).24(r.I(p))}M}}g.25(\x27\x3CP\x3E\x3Ca B=\x2226\x22 J=\x22\x27+q+\x27\x22 X=\x22\x27+(f.K?f.K.T(\x22\x5Cd\x22,1):\x22\x22)+\x27\x22\x3E\x3CC B=\x2229\x22\x3E\x3C2a 17=\x22\x27+w+\x27\x22 2c=\x22\x27+x+\x27\x22/\x3E\x3C/C\x3E\x3C1d\x3E\x27+w+\x27\x3C/1d\x3E\x3C/a\x3E\x3CD B=\x222e\x22\x3E\x3CC B=\x222f\x22\x3E\x27+u+\x22 \x22+s+\x22 \x22+m+\x27\x3C/C\x3E\x3CC B=\x222g\x22\x3E\x27+l+\x27\x3C/C\x3E\x3CC B=\x222h\x22\x3E\x3Ca J=\x22\x27+q+\x27#2i-2j\x22 2k=\x222l\x22\x3E\x27+y+\x22 \x22+f.1t+\x22\x3C/C\x3E\x3C/D\x3E\x3C/P\x3E\x22)};2 j=E(l){2 m=1g(l.G(\x221s\x22));M m\x3E0?m:1};2 h=E(l,m){l.G(\x221s\x22,m);3(f.K){l.G(\x22X\x22,f.K.T(\x22\x5Cd\x22,m))}3(f.Y){l.G(\x22B\x22,f.Y+m)}};2 d=E(){3(f.H!=\x22#F-U\x22){2 l=e(f.H);3(l.A!=1){M}b=e(\x27\x3CD 19=\x22F-U\x22\x3E\x3C/D\x3E\x27).O(l)}L{b=e(f.H)}3(!f.6){f.6=[];e(\x27a[1f=\x222o\x22]:2p(\x27+f.1u+\x22)\x22).2q(E(){2 n=e.2r(e(2s).2t().T(/\x5Cn/g,\x22\x22));3(e.2u(n,f.6)==-1){f.6[f.6.A]=n}})}3(f.6.A==0\x26\x26!f.W){M}3(f.6.A==0){e(\x22\x3CR\x3E\x22+f.W+\x22\x3C/R\x3E\x22).O(b)}L{3(f.15){e(\x22\x3CR\x3E\x22+f.15+\x22\x3C/R\x3E\x22).O(b)}}3(f.Z){e(\x27\x3CD 19=\x22F-Q-1m\x22\x3E\x27+f.Z+\x22\x3C/D\x3E\x22).O(b)}g=e(\x22\x3C1v \x22+(f.12?\x27B=\x22\x27+f.12+\x27\x22\x27:\x22\x22)+\x22\x3E\x3C/1v\x3E\x22).O(b);3(f.6.A==0){e.1w({1b:f.13+\x22/1x/Q/1y/\x22,1z:{\x221A-1B\x22:f.14,17:\x221C-V-1D\x22},1E:c,1F:\x221G\x22,1H:1e})}L{N(2 m=0;m\x3Cf.6.A;m++){e.1w({1b:f.13+\x22/1x/Q/1y/\x22,1z:{2H:f.6[m],\x221A-1B\x22:f.14,17:\x221C-V-1D\x22},1E:c,1F:\x221G\x22,1H:1e})}}};3(f.1r){e(2I).2J(d)}L{e(1o).2K(d)}})(2L)};","|","split","||var|if|||tags||||||||||||||||||||||||||||||length|class|span|div|function|related|attr|containerSelector|eq|href|relevantTip|else|return|for|appendTo|li|posts|h4|substring|replace|postsx|in|recentTitle|title|postScoreClass|loadingText||entry|loadingClass|blogURL|maxPostsPerTag|relatedTitle|feed|alt|maxPosts|id|link|url|null|strong|true|rel|parseInt|rlt_monthNames|media|thumbnail|rlt_thumb|toLowerCase|loadingtext|remove|document|rlpBlank|Posts|onLoad|score|commentextx|maxTags|ul|ajax|feeds|summary|data|max|results|json|script|success|dataType|jsonp|cache|blogspot|November|October|gif|grey|s1600|e7XkFtErqsU|location|September|extend|AAAAAAAABAU|Tp0KrMUdoWI|htG7vy9vIAA|alternate|August|com|gt|break|bp|July|after|http|before|append|jdlunya|published|June|gmbrrltd|img|Related|src|May|infonya|dt|auty|jkmt|comment|form|target|_blank|relatedPostsWidget|April|tag|lt|each|trim|this|text|inArray|March|February|false|write|thr|total|January|author|name|Recent|70|December|category|window|load|ready|jQuery","","fromCharCode","replace","\x5Cw+","\x5Cb","g"];eval(function (_0x180ax1,_0x180ax2,_0x180ax3,_0x180ax4,_0x180ax5,_0x180ax6){_0x180ax5=function (_0x180ax3){return (_0x180ax3<_0x180ax2?_0xff44[4]:_0x180ax5(parseInt(_0x180ax3/_0x180ax2)))+((_0x180ax3=_0x180ax3%_0x180ax2)>35?String[_0xff44[5]](_0x180ax3+29):_0x180ax3.toString(36));} ;if(!_0xff44[4][_0xff44[6]](/^/,String)){while(_0x180ax3--){_0x180ax6[_0x180ax5(_0x180ax3)]=_0x180ax4[_0x180ax3]||_0x180ax5(_0x180ax3);} ;_0x180ax4=[function (_0x180ax5){return _0x180ax6[_0x180ax5];} ];_0x180ax5=function (){return _0xff44[7];} ;_0x180ax3=1;} ;while(_0x180ax3--){if(_0x180ax4[_0x180ax3]){_0x180ax1=_0x180ax1[_0xff44[6]]( new RegExp(_0xff44[8]+_0x180ax5(_0x180ax3)+_0xff44[8],_0xff44[9]),_0x180ax4[_0x180ax3]);} ;} ;return _0x180ax1;} (_0xff44[0],62,172,_0xff44[3][_0xff44[2]](_0xff44[1]),0,{}));
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(window).load(function(){
relatedPostsWidget({
related_title: "Related Posts",
containerSelector: "#related_posts2",
maxPosts: 8,
loadingText: "Loading..",
loadingClass: "loadnyaxx",
rlt_thumb: 120,
commentextx: "Comments"
});
});
//]]>
</script>
</b:if>
<b:include data='blog' name='google-analytics'/>
</body>
</HTML>Si une personne courageuse veut se donner la peine d'aider un pauvre g33k en carton tel que moi , j'en serais très heureux ! 
merci
Cordialement !
Dernière modification par GamerLIX (11-07-2014 08:25:47)
Hors ligne
#2 11-07-2014 11:05:14
- Balam
- Archey - KDEiste
Re : Petit problème avec du code HTML
Salut,
alors tout simplement dans
[== HTML ==]
<div id='socialnya'>
<ul class='socialxx'>
<li><a class='ikon fb' href='#' title='Facebook'>Facebook</a></li>
<li><a class='ikon twtr' href='#' title='Twitter'>Twitter</a></li>
<li><a class='ikon goplus' href='#' title='Google+'>Google+</a></li>
<li><a class='ikon rssx' href='#' title='RSS'>RSS</a></li>
<li><a class='ikon rcpostnya' href='#' title='Recent Posts'>Recent</a>
<div class='recntsposts' id='rcentpost'><span class='loadnya'>loading...</span></div>
</li>
</ul>
</div>tu remplaces les # dans les href='#" par le lien que tu veux et ça devrait fonctionner 
et pour te former sur le html et le css lis donc ceci
je reste à ta disposition ^^ je ne suis pas un dieu du codage mais j'ai les bases ^^
config 1: AMD FX 4100 Black Edition / 8 Go DDR3 / 2.5 To / Nvidia GeForce GT220 1Go
laptop : DELL Inspiron 15" serie 7000 / i7-4510U / 16Go DDR3 / 1To hybrid (8Go) / intel HD 4000 + NVidia GT 750M / dualboot : W8.1 + archlinux
config 2: AMD FX 8350 Black Edition / 32 Go DDR3 / 500 Go Velociraptor + 2 To / Nvidia GeForce GTX660 2Go
Distro: Arch Linux / Desktop: KDE
Hors ligne
#3 11-07-2014 11:17:26
- GamerLIX
- Membre
Re : Petit problème avec du code HTML
Juste ça ?
Et bien merci beaucoup , je vais tester ça de suite !
Hors ligne
#4 11-07-2014 11:23:03
- Balam
- Archey - KDEiste
Re : Petit problème avec du code HTML
oui c'est tout bête ... si tu ne dis pas ou aller... il ne peut pas y aller ^^
attention !!!!!
[== HTML ==]
<li><a> class='ikon fb' href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title'onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436"); return false;' rel='nofollow'title='Facebook'>Facebook</a></li>[== HTML ==]
<li><a class='ikon fb' href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title'onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436"); return false;' rel='nofollow'title='Facebook'>Facebook</a></li><a et non <a>
config 1: AMD FX 4100 Black Edition / 8 Go DDR3 / 2.5 To / Nvidia GeForce GT220 1Go
laptop : DELL Inspiron 15" serie 7000 / i7-4510U / 16Go DDR3 / 1To hybrid (8Go) / intel HD 4000 + NVidia GT 750M / dualboot : W8.1 + archlinux
config 2: AMD FX 8350 Black Edition / 32 Go DDR3 / 500 Go Velociraptor + 2 To / Nvidia GeForce GTX660 2Go
Distro: Arch Linux / Desktop: KDE
Hors ligne
#5 22-07-2014 14:09:09
- GamerLIX
- Membre
Re : Petit problème avec du code HTML
Merci bien , je vais m'occuper de ça , pour le moment je vais pointer les icônes directement sur les réseaux sociaux.
Mais j'ai une autre ptite question , j'ai ceci :
[== HTML ==]
<div id='sibebar-tengah'>
<div id='tab'>
<div class='tab-widget-menu clear'>
<ul id='tebslect'>
<li class='tab1'><a href='#tab1'>Populaires</a></li>
<li class='tab2'><a href='#tab2'>Commentaires</a></li>
<li class='tab3'><a href='#tab3'>Archive</a></li>
</ul><div class='clear'/>
</div>
<div id='bungkusside'>
<div class='widget1' id='tab1'>
<b:section class='sidebar' id='tab1-popular' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='arctiles populaires' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-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>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='widget1' id='tab2'>
<b:section class='sidebar' id='tab2-comments' showaddelement='yes'/>
</div>
<div class='widget1' id='tab3'> En effet j'ai une sorte de widget sur le côté qui permet d'accéder facilement aux articles les plus consultés , aux archibes du blog et aux commentaires sauf que commentaire donc tab2 , ne pointe sur rien.
Comment faire pour afficher les commentaires du blog ?
Dernière modification par GamerLIX (23-07-2014 10:52:24)
Hors ligne
#6 24-07-2014 16:38:49
- Balam
- Archey - KDEiste
Re : Petit problème avec du code HTML
y a t il tout simplement des commentaires?
(je viens de tester mais mon com ne s'affiche pas sur l'article ... peut etre dois tu l'approuver avant publication...)
a tu une configuration depuis l'admin de blogger?
config 1: AMD FX 4100 Black Edition / 8 Go DDR3 / 2.5 To / Nvidia GeForce GT220 1Go
laptop : DELL Inspiron 15" serie 7000 / i7-4510U / 16Go DDR3 / 1To hybrid (8Go) / intel HD 4000 + NVidia GT 750M / dualboot : W8.1 + archlinux
config 2: AMD FX 8350 Black Edition / 32 Go DDR3 / 500 Go Velociraptor + 2 To / Nvidia GeForce GTX660 2Go
Distro: Arch Linux / Desktop: KDE
Hors ligne
#7 24-07-2014 17:42:54
- GamerLIX
- Membre
Re : Petit problème avec du code HTML
ah cool , je viens de voir ton commentaire
Ce crétin de blogger synchronisait les commentaire du blog avec ceux de mon compte Google+ du coup ça faisait tout déconner 
En tout cas ton commentaire n'apparaît pas à gauche quand je clique sur commentaire.
Depuis le panneau de contrôle blogger je peux modifier le template du blog à la main. Et pour la configuration des commentaires j'ai ceci:
Hors ligne
#8 24-07-2014 23:37:00
- Balam
- Archey - KDEiste
Re : Petit problème avec du code HTML
peut être un soucis de cache ...
ce module est intégrer à blogger ? l'as tu ajouté?
config 1: AMD FX 4100 Black Edition / 8 Go DDR3 / 2.5 To / Nvidia GeForce GT220 1Go
laptop : DELL Inspiron 15" serie 7000 / i7-4510U / 16Go DDR3 / 1To hybrid (8Go) / intel HD 4000 + NVidia GT 750M / dualboot : W8.1 + archlinux
config 2: AMD FX 8350 Black Edition / 32 Go DDR3 / 500 Go Velociraptor + 2 To / Nvidia GeForce GTX660 2Go
Distro: Arch Linux / Desktop: KDE
Hors ligne
#9 08-08-2014 07:55:37
- Checkfx
- Membre
Re : Petit problème avec du code HTML
En effet p-ê un problème de cache !
Ce que moi je sugèrerais c'est de changer complètement de plate forme !!
Utilise Wordpress qui est bcp plus user friendly ! Et les modules de ce derniers sont présent a la tonne sur leur site ou sur les sites de third party !
Dernière modification par Checkfx (08-08-2014 07:56:05)
Hors ligne
Pages : 1