Ain.marketing

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Simple

Designer: Blogger

URL: www.blogger.com

----------------------------------------------- */

/* Variable definitions

====================

<Variable name="body.font" description="Font" type="font"

default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

</Group>

</Group>

<Variable name="header.font" description="Font" type="font"

default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

<Variable name="description.text.color" description="Description Color" type="color"

default="#777777" value="#ffffff"/>

</Group>

<Variable name="tabs.font" description="Font" type="font"

default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

</Group>

<Variable name="post.title.font" description="Font" type="font"

default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

<Variable name="date.header.color" description="Text Color" type="color"

default="$(body.text.color)" value="#222222"/>

<Variable name="date.header.background.color" description="Background Color" type="color"

default="transparent" value="transparent"/>

<Variable name="date.header.font" description="Text Font" type="font"

default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

<Variable name="post.footer.background.color" description="Background Color" type="color"

default="#f9f9f9" value="#f9f9f9"/>

</Group>

<Variable name="widget.title.font" description="Title Font" type="font"

default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

</Group>

</Group>

</Group>

<Variable name="body.background" description="Body Background" type="background"

color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>

<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"

default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)"/>

<Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"

default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/body_gradient_tile_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/body_gradient_tile_light.png)"/>

<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"

default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)"/>

<Variable name="paging.background"

color="$(content.background.color)"

description="Background of blog paging area" type="background"

default="transparent none no-repeat scroll top center" value="transparent none no-repeat scroll top center"/>

<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"

default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>

/* Content

----------------------------------------------- */

body {

font: $(body.font);

color: $(body.text.color);

background: $(#ffffff none repeat scroll top left);

padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);

$(body.background.override)

}

html body $(page.width.selector) {

min-width: 0;

max-width: 100%;

width: $(page.width);

}

h2 {

font-size: 22px;

}

a:link {

text-decoration:none;

color: $(link.color);

}

a:visited {

text-decoration:none;

color: $(link.visited.color);

}

a:hover {

text-decoration:underline;

color: $(link.hover.color);

}

.body-fauxcolumn-outer .fauxcolumn-inner {

background: transparent $(body.background.gradient.tile) repeat scroll top left;

_background-image: none;

}

.body-fauxcolumn-outer .cap-top {

position: absolute;

z-index: 1;

height: 400px;

width: 100%;

}

.body-fauxcolumn-outer .cap-top .cap-left {

width: 100%;

background: transparent $(body.background.gradient.cap) repeat-x scroll top left;

_background-image: none;

}

.content-outer {

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);

-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;

box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

margin-bottom: 1px;

}

.content-inner {

padding: $(content.padding) $(content.padding.horizontal);

}

$(content.background.color.selector) {

background-color: $(content.background.color);

}

/* Header

----------------------------------------------- */

.header-outer {

background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;

_background-image: none;

}

.Header h1 {

font: $(header.font);

color: $(header.text.color);

text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);

}

.Header h1 a {

color: $(header.text.color);

}

.Header .description {

font-size: $(description.text.size);

color: $(description.text.color);

}

.header-inner .Header .titlewrapper {

padding: 22px $(header.padding);

}

.header-inner .Header .descriptionwrapper {

padding: 0 $(header.padding);

}

/* Tabs

----------------------------------------------- */

.tabs-inner .section:first-child {

border-top: $(header.bottom.border.size) solid $(tabs.border.color);

}

.tabs-inner .section:first-child ul {

margin-top: -$(header.border.size);

border-top: $(header.border.size) solid $(tabs.border.color);

border-left: $(header.border.horizontalsize) solid $(tabs.border.color);

border-right: $(header.border.horizontalsize) solid $(tabs.border.color);

}

.tabs-inner .widget ul {

background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

_background-image: none;

border-bottom: $(tabs.border.width) solid $(tabs.border.color);

margin-top: $(tabs.margin.top);

margin-left: -$(tabs.margin.side);

margin-right: -$(tabs.margin.side);

}

.tabs-inner .widget li a {

display: inline-block;

padding: .6em 1em;

font: $(tabs.font);

color: $(tabs.text.color);

border-$startSide: $(tabs.border.width) solid $(content.background.color);

border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);

}

.tabs-inner .widget li:first-child a {

border-$startSide: none;

}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {

color: $(tabs.selected.text.color);

background-color: $(tabs.selected.background.color);

text-decoration: none;

}

/* Columns

----------------------------------------------- */

.main-outer {

border-top: $(main.border.width) solid $(body.rule.color);

}

.fauxcolumn-left-outer .fauxcolumn-inner {

border-right: 1px solid $(body.rule.color);

}

.fauxcolumn-right-outer .fauxcolumn-inner {

border-left: 1px solid $(body.rule.color);

}

/* Headings

----------------------------------------------- */

div.widget > h2,

div.widget h2.title {

margin: 0 0 1em 0;

font: $(widget.title.font);

color: $(widget.title.text.color);

}

/* Widgets

----------------------------------------------- */

.widget .zippy {

color: $(widget.alternate.text.color);

text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);

}

.widget .popular-posts ul {

list-style: none;

}

/* Posts

----------------------------------------------- */

h2.date-header {

font: $(date.header.font);

}

.date-header span {

background-color: $(date.header.background.color);

color: $(date.header.color);

padding: $(date.header.padding);

letter-spacing: $(date.header.letterspacing);

margin: $(date.header.margin);

}

.main-inner {

padding-top: $(main.padding.top);

padding-bottom: $(main.padding.bottom);

}

.main-inner .column-center-inner {

padding: 0 $(main.padding);

}

.main-inner .column-center-inner .section {

margin: 0 $(main.section.margin);

}

.post {

margin: 0 0 $(post.margin.bottom) 0;

}

h3.post-title, .comments h4 {

font: $(post.title.font);

margin: .75em 0 0;

}

.post-body {

font-size: 110%;

line-height: 1.4;

position: relative;

}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

.BlogList .item-thumbnail img {

padding: $(image.border.small.size);

background: $(image.background.color);

border: 1px solid $(image.border.color);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

}

.post-body img, .post-body .tr-caption-container {

padding: $(image.border.large.size);

}

.post-body .tr-caption-container {

color: $(image.text.color);

}

.post-body .tr-caption-container img {

padding: 0;

background: transparent;

border: none;

-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);

-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);

box-shadow: 0 0 0 rgba(0, 0, 0, .1);

}

.post-header {

margin: 0 0 1.5em;

line-height: 1.6;

font-size: 90%;

}

.post-footer {

margin: 20px -2px 0;

padding: 5px 10px;

color: $(post.footer.text.color);

background-color: $(post.footer.background.color);

border-bottom: 1px solid $(post.footer.border.color);

line-height: 1.6;

font-size: 90%;

}

#comments .comment-author {

padding-top: 1.5em;

border-top: 1px solid $(body.rule.color);

background-position: 0 1.5em;

}

#comments .comment-author:first-child {

padding-top: 0;

border-top: none;

}

.avatar-image-container {

margin: .2em 0 0;

}

#comments .avatar-image-container img {

border: 1px solid $(image.border.color);

}

/* Comments

----------------------------------------------- */

.comments .comments-content .icon.blog-author {

background-repeat: no-repeat;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);

}

.comments .comments-content .loadmore a {

border-top: 1px solid $(widget.alternate.text.color);

border-bottom: 1px solid $(widget.alternate.text.color);

}

.comments .comment-thread.inline-thread {

background-color: $(post.footer.background.color);

}

.comments .continue {

border-top: 2px solid $(widget.alternate.text.color);

}

/* Accents

---------------------------------------------- */

.section-columns td.columns-cell {

border-$startSide: 1px solid $(body.rule.color);

}

.blog-pager {

background: $(paging.background);

}

.blog-pager-older-link, .home-link,

.blog-pager-newer-link {

background-color: $(content.background.color);

padding: 5px;

}

.footer-outer {

border-top: $(footer.bevel) dashed #bbbbbb;

}

/* Mobile

----------------------------------------------- */

body.mobile {

background-size: $(mobile.background.size);

}

.mobile .body-fauxcolumn-outer {

background: $(mobile.background.overlay);

}

.mobile .body-fauxcolumn-outer .cap-top {

background-size: 100% auto;

}

.mobile .content-outer {

-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);

box-shadow: 0 0 3px rgba(0, 0, 0, .15);

}

.mobile .tabs-inner .widget ul {

margin-left: 0;

margin-right: 0;

}

.mobile .post {

margin: 0;

}

.mobile .main-inner .column-center-inner .section {

margin: 0;

}

.mobile .date-header span {

padding: 0.1em 10px;

margin: 0 -10px;

}

.mobile h3.post-title {

margin: 0;

}

.mobile .blog-pager {

background: transparent none no-repeat scroll top center;

}

.mobile .footer-outer {

border-top: none;

}

.mobile .main-inner, .mobile .footer-inner {

background-color: $(content.background.color);

}

.mobile-index-contents {

color: $(body.text.color);

}

.mobile-link-button {

background-color: $(link.color);

}

.mobile-link-button a:link, .mobile-link-button a:visited {

color: $(mobile.button.color);

}

.mobile .tabs-inner .section:first-child {

border-top: none;

}

.mobile .tabs-inner .PageList .widget-content {

background-color: $(tabs.selected.background.color);

color: $(tabs.selected.text.color);

border-top: $(tabs.border.width) solid $(tabs.border.color);

border-bottom: $(tabs.border.width) solid $(tabs.border.color);

}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {

border-$startSide: 1px solid $(tabs.border.color);

}

]]></b:skin>

<b:template-skin>

<b:variable default='960px' name='content.width' type='length'/>

<b:variable default='0' name='main.column.left.width' type='length'/>

<b:variable default='310px' name='main.column.right.width' type='length'/>

<![CDATA[

body {

min-width: $(content.width);

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: $(content.width);

max-width: $(content.width);

_width: $(content.width);

}

.main-inner .columns {

padding-left: $(main.column.left.width);

padding-right: $(main.column.right.width);

}

.main-inner .fauxcolumn-center-outer {

left: $(main.column.left.width);

right: $(main.column.right.width);

/* IE6 does not respect left and right together */

_width: expression(this.parentNode.offsetWidth -

parseInt("$(main.column.left.width)") -

parseInt("$(main.column.right.width)") + 'px');

}

.column-center-outer {

width: 150%;

}

.main-inner .fauxcolumn-left-outer {

width: $(main.column.left.width);

}

.main-inner .fauxcolumn-right-outer {

width: $(main.column.right.width);

}

.main-inner .column-left-outer {

width: $(main.column.left.width);

right: 100%;

margin-left: -$(main.column.left.width);

}

.main-inner .column-right-outer {

width: $(main.column.right.width);

margin-right: -$(main.column.right.width);

}

#layout {

min-width: 0;

}

#layout .content-outer {

min-width: 0;

width: 800px;

}

#layout .region-inner {

min-width: 0;

width: auto;

}

body#layout div.add_widget {

padding: 8px;

}

body#layout div.add_widget a {

margin-left: 32px;

}

]]>

</b:template-skin>

<b:if cond='data:skin.vars.body_background.image.isResizable'>

<b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>

</b:if>

<b:include data='blog' name='google-analytics'/>

</head>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.metaDescription'>

</b:if>

</div>

</b:if>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='yes'/>

<b:section class='tabs' id='crosscol-overflow' name='Cross-Column 2' showaddelement='no'/>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='main' id='main' name='Main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='1'>

<b:widget-settings>

<b:widget-setting name='showDateHeader'>true</b:widget-setting>

<b:widget-setting name='style.textcolor'>#2196f3</b:widget-setting>

<b:widget-setting name='showShareButtons'>true</b:widget-setting>

<b:widget-setting name='authorLabel'>By</b:widget-setting>

<b:widget-setting name='showCommentLink'>true</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#212121</b:widget-setting>

<b:widget-setting name='showAuthor'>true</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#757575</b:widget-setting>

<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>

<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>

<b:widget-setting name='style.layout'>1x1</b:widget-setting>

<b:widget-setting name='showLabels'>true</b:widget-setting>

<b:widget-setting name='showLocation'>true</b:widget-setting>

<b:widget-setting name='showTimestamp'>true</b:widget-setting>

<b:widget-setting name='postsPerAd'>1</b:widget-setting>

<b:widget-setting name='showBacklinks'>false</b:widget-setting>

<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showInlineAds'>false</b:widget-setting>

<b:widget-setting name='showReactions'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='top'>

<b:if cond='!data:mobile'>

<b:include data='top' name='status-message'/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>

</div></div>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:include data='post' name='post'/>

<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>

</div>

<b:if cond='data:post.includeAd'>

<data:adCode/>

</div>

</b:if>

</b:loop>

<b:if cond='data:numPosts != 0'>

</div></div>

</b:if>

</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:else/>

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

</b:if>

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

<data:top.googlePlusBootstrap/>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

</b:if>

</p>

</b:includable>

<b:includable id='comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

</span>

<b:else/>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

<b:includable id='comment_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

<b:include data='post' name='iframe_comments'/>

<b:elseif cond='data:post.showThreadedComments'/>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

</b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<b:if cond='data:post.embedCommentForm == "false"'>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<data:post.title/>

</h3>

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

<b:if cond='data:post.thumbnailUrl'>

</div>

</b:if>

<b:if cond='data:post.snippet'><data:post.snippet/></b:if>

</div>

</a>

<b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>

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

</b:includable>

<b:includable id='mobile-post' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.thumbnailUrl'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:elseif cond='data:post.url and data:blog.url != data:post.url'/>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<data:post.body/>

</div>

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

<b:if cond='data:post.authorProfileUrl'>

</a>

</span>

<b:else/>

</span>

</b:if>

</span>

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

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

<b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>

</span>

</div>

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

</div>

</b:if>

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

</b:if>

</div>

<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>

</div>

</b:includable>

<b:includable id='nextprev'>

</b:includable>

<b:includable id='post' var='post'>

<b:if cond='data:post.firstImageUrl'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<tbody>

<tr>

<div>

</div>

</center>

</td>

<div>

</div>

</center>

</td>

</tr>

</tbody>

</table>

<data:post.body/>

</div>

<b:if cond='data:post.hasJumpLink'>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

(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)) {

replybox.src = '';

document.getElementById(domId).insertBefore(replybox, null);

replybox.src = replyUrlParts[0]

+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];

replyParent = commentId;

}

};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;

if (/^comment-form_/.test(hash)) {

startThread = hash.substring('comment-form_'.length);

} else if (/^c[0-9]+$/.test(hash)) {

targetComment = hash.substring(1);

}

// Configure commenting API:

var configJso = {

'maxDepth': config.maxThreadDepth

};

var provider = {

'id': config.postId,

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

<b:includable id='threaded_comments' var='post'>

</b:includable>

</b:widget>

</b:section>

</div>

<aside>

<macro:include id='main-column-left-sections' name='sections'>

<macro:param default='0' name='num'/>

<macro:param default='sidebar-left' name='idPrefix'/>

<macro:param default='sidebar' name='class'/>

<macro:param default='true' name='includeBottom'/>

</macro:include>

</aside>

</div>

<aside>

<macro:include id='main-column-right-sections' name='sections'>

<macro:param default='2' name='num'/>

<macro:param default='sidebar-right' name='idPrefix'/>

<macro:param default='sidebar' name='class'/>

<macro:param default='true' name='includeBottom'/>

</macro:include>

</aside>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</footer>

</div>

</div>

window.setTimeout(function() {

document.body.className = document.body.className.replace('loading', '');

}, 10);

</script>

</body>

<macro:includable id='sections' var='col'>

<macro:if cond='data:col.num == 0'>

<macro:else/>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>

<macro:if cond='data:col.num >= 2'>

</table>

<macro:if cond='data:col.includeBottom'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>

</macro:if>

</macro:includable>

<b:section-contents id='sidebar-right-1'/><b:section-contents id='sidebar-right-3'/></html>

Rechercher dans ce blog

Ain.marketing

Commentaires

Enregistrer un commentaire