Admin Admin
عدد المساهمات : 159 نقاط : 238 السٌّمعَة : 0 تاريخ التسجيل : 09/11/2013 العمر : 43 الموقع : منتديات بلا قيود
| موضوع: اكواد HTML لانشاء موقع لختصار الروابط على منصة البلوجر الأحد أبريل 01, 2018 8:38 am | |
| انشء صفحة فارغة في مدونتك وقم باعطاء اسم لها وليكن cutt-links ثم احفظ الصفحة واعد الدخول اليها (للتحكم في اسم الصفحة مثلا http://cuttup.blogspot.com/p/cutt.html) والصق بها هدا الكود
<div dir="rtl" style="text-align: right;" trbidi="on"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"></link>
<br /> <div dir="ltr" style="padding-top: 100px; text-align: left;" trbidi="on"> <div dir="rtl" style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> </div> <b><span style="color: blue; font-size: large;">مرحبا بكم زوارنا الكرام</span></b></div> <div dir="rtl" style="text-align: center;"> <b><span style="font-size: large;">تعتبر هذه الصفحة بمثابة اداة لحماية واختصار الروابط والحصول على <span style="color: red;">referrer </span>لزياراتك</span></b></div> <div align="center"> <script src="//www.adsptp.com/17970-468x60.js"></script> </div> <div dir="rtl" style="text-align: center;"> <style> #lurl { color:green; width:50%; } .comment-form,.blog-feeds,.post-footer,.post-footer,.blog-pager,.comments,.post-title{display:none} #result {color:#2ECC71;border:2px solid #2ECC71;border-radius:20px;font-weight:bold;} #shorthis {border:0;background:#F26300;color:#fff;padding:5px;cursor:pointer;transition:all 1s;} #shorthis:hover {background:#222222;transition:all 1s;} #form-wrapper:before{content:"\f127";font-family:FontAwesome;font-size:17px;border-bottom:2px solid #222;font-style:normal;font-weight:400;padding:7px 10px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #222;margin:0 -5px 0 0;border-radius:3px 0 0 0;background:#222;color:#fff} #form-wrapper input{padding:8px 7px 7px;font-size:13px;width:100%;max-width:560px} </style>
<br /> <form dir="ltr" id="form-wrapper"> <input class="text" id="lurl" placeholder="على سبيل المثال http://www.orbah.me/" type="texte" /></form> <button id="shorthis" onclick="shorturl();">اختصر رابطك</button> <script> function shorturl() { document.getElementById('result').style.visibility="hidden"; document.getElementById('loa').style.display="block"; setTimeout(function(){ document.getElementById('result').style.visibility="visible"; document.getElementById('loa').style.display="none";}, 3000); document.getElementById('result').innerHTML="http://cuttup.blogspot.com/p/go.html?s00" + btoa(document.getElementById('lurl').value); document.getElementById('lurl').value="";; } </script><b><span style="font-size: large;"><span style="color: red;">كيفية الاستخدام :</span> بسيطة ادخل رابط في الحقل اعلاه ثم اضغط </span></b><span style="color: orange; font-size: large;"><b>اختصر رابطك</b></span><br /> <div class="separator" style="clear: both; text-align: center;"> </div> <b><span style="font-size: large;">سيظهر رابط بعد قليل انسخه وشاركه مع اصدقائك
</span></b><br /> <center> <img id="loa" src="https://3.bp.blogspot.com/-v_sqcbOTjlk/Wrqgr2Uc2dI/AAAAAAAACOU/RF-p961taEggq0hdWOb0nB-skmr5UXRbwCLcBGAs/s1600/loading.gif" style="display: none;" /> <div dir="ltr" id="result" style="visibility: hidden;"> </div> </center> </div> </div> <div align="center"> <script src="//www.adsptp.com/17970-300x250.js"></script> </div> <div align="center"> <script src="//www.adsptp.com/17970-728x90.js"></script> </div> </div>
استبدل الرابط http://cuttup.blogspot.com/p/go.html برابط صفحة go التي ستنشأها بعد قليل بعدها انشئ صفحة اخرى واعطها اسم go مثلا او اي اسم من اختيارك والصق بها هدا الكود
<div dir="rtl" style="text-align: right;" trbidi="on"> <style> .ptop {margin:auto;background:#4285F4;color:#fff;border-bottom:4px solid #FF5353;height:50px;width:100%;} .adsbody {padding-left:5px;display:block;background:#F9F9F9;height:auto;color:#000;} #skipbtn {position:fixed;right:12px;top:12px;border:0;background:#34A853;color:#fff;padding:10px;cursor:pointer;border-radius:10px;transition:all 1s;} #skipbtn:hover {background:#FBBC05;padding:10px;transition:all 1s;} .comment-form,.blog-feeds,.post-footer,.post-footer,.blog-pager,.comments,.post-title{display:none} </style>
<br /> <center> <div class="ptop"> <b><span style="font-size: large;">موقع<span style="color: orange;"> <span style="color: #38761d;">كوت اب</span></span> -<span style="color: yellow;"> cutup</span> اختصار روابط خاص ب<span style="color: yellow;">مدونة انت الرابح</span></span></b> <button id="skipbtn" onclick="geturl();"><span id="stimer" style="font-weight: bold;">6</span> Seconde</button></div> </center> <div class="adsbody"> <center> <!--Start of your code here --> <div class="txtads"> <a href="http://www.orbah.me/2017/12/taswitat-votes-vote-mony.html" rel="nofollow" target="_blank">طريقة جديدة لكسب المال بسهولة</a> <span dir="rtl">من خلال التصويتات على السؤال الذى قمت بأنشائه تحصل على ارباحك حيث تصل الى 3$ لكل 1000 تصويته </span> <txtgo><a href="http://www.orbah.me/p/blog-page_28.html" rel="nofollow" target="_blank">اضف اعلانك</a></txtgo> <style> .txtads { font-family:tahoma; text-align:right; border:1px dotted green; border-radius:2%; width:450px; height:75px; } .txtads a{ color:blue; display:block; } .txtads span { color:#6E6E6E; display:block; } .txtads txtgo{ float:left; font-size:12px; display:block; } .txtads txtgo a{ color:green; text-decoration:none; </style> </div> <div class="txtads"> <a href="http://www.orbah.me/p/redirect.html??&&url=_https://www.bestchange.com/?p=49992" rel="nofollow" target="_blank">الربح من خلال النقر على الرابط</a> <span dir="rtl">يمكنك ربح على كل شخص يتسجل من الرابط الخاص بك مبلغ قدره 0.4$ ، و يمكنك الربح كذلك عن طريق الزيارات ، </span> <txtgo><a href="http://www.orbah.me/p/blog-page_28.html" rel="nofollow" target="_blank">اضف اعلانك</a></txtgo> <style> .txtads { font-family:tahoma; text-align:right; border:1px dotted green; border-radius:2%; width:450px; height:75px; } .txtads a{ color:blue; display:block; } .txtads span { color:#6E6E6E; display:block; } .txtads txtgo{ float:left; font-size:12px; display:block; } .txtads txtgo a{ color:green; text-decoration:none; </style> </div> <h2> <span style="color: red;"> هدا موقع اختصار روابط خاص بمدونة انت الرابح يمكنكم زيارة مدونة انت الرابح عبر الرابط التالي:</span> <a href="http://www.orbah.me/" rel="nofollow" target="_blank">orbah.me</a>
<script type="text/javascript" src="//ylx-4.com/tup.php?section=General&pt=7&pub=327135&ga=g"></script>
</h2> <h2> </h2> <div align="center"> <script src="//ylx-1.com/bnr.php?section=General&pub=327135&format=300x250&ga=g" type="text/javascript"></script> <noscript><a href="https://yllix.com/publishers/327135" target="_blank"><img src="//ylx-aff.advertica-cdn.com/pub/300x250.png" style="border:none;margin:0;padding:0;vertical-align:baseline;" /></a></noscript></div> <div align="center"> <script src="//www.adsptp.com/17970-468x60.js"></script> </div> <div align="center"> <script type="text/javascript">document.write('<scr'+'ipt type="text/javascript" src="//ban-host.ru/code.php?id=5918&rand='+Math.round(Math.random()*1000000)+'"></scr'+'ipt>');</script></div> <div align="center"> <script src="//ylx-1.com/bnr.php?section=General&pub=327135&format=728x90&ga=g" type="text/javascript"></script> <noscript><a href="https://yllix.com/publishers/327135" target="_blank"><img src="//ylx-aff.advertica-cdn.com/pub/728x90.png" style="border:none;margin:0;padding:0;vertical-align:baseline;" /></a></noscript></div> </center> </div> <script> document.getElementById("skipbtn").disabled = true; var seconds; var temp; function countdown() { seconds = document.getElementById('stimer').innerHTML; seconds = parseInt(seconds, 10); if (seconds == 1) { temp = document.getElementById('skipbtn'); temp.disabled = false; temp.innerHTML = "Skip Ads"; return; } seconds--; temp = document.getElementById('stimer'); temp.innerHTML = seconds; timeoutMyOswego = setTimeout(countdown, 1000); } function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("/?&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("00"); if(pair[0] == variable){return pair[1];} } return(false); }
function geturl() { window.open (atob(getQueryVariable("s")),"_blank") } setTimeout(function(){ countdown(); }, 2000);
</script></div>
ادا اصبح لدينا صفحتان على مدونتنا
توجه الى محرر HTML الخاص بمدونتك و ادخل الى تحرير HTML وامسح كل ما يوجد في القالب والصق هذا الكود لضمان سرعة الموقع
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <title>My Personel Shortner</title> <b:skin><![CDATA[/* ----------------------------------------------- Name : My Shortner Blog Designer URL : http://astuce-hassoubi.blogspot.com/ year : 2016 ----------------------------------------------- */ ]]></b:skin> </head> <body> <b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'> <b:widget-settings> <b:widget-setting name='commentLabel'>التعليقات</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='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='timestampLabel'>في</b:widget-setting> <b:widget-setting name='reactionsLabel'>ردود الأفعال:</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='showLocation'>false</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='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='backlinksLabel'>روابط هذه الرسالة</b:widget-setting> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='style.textcolor'>#000000</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting> <b:widget-setting name='postLocationLabel'>المكان:</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='postLabelsLabel'>التسميات:</b:widget-setting> <b:widget-setting name='showBacklinks'>false</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'> <!-- posts --> <div class='blog-posts hfeed'>
<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'> <div class="date-outer"> </b:if> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </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:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div>
<!-- Ad --> <b:if cond='data:post.includeAd'> <div class='inline-ad'> <data:adCode/> </div> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> </div>
<!-- navigation --> <b:include name='nextprev'/>
<!-- feed links --> <b:include name='feedLinks'/>
<b:else/> <b:include name='mobile-main'/> </b:if>
<b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href=backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='https://resources.blogblog.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=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=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=post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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=post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </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=comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'> </span> <b:else/> <a class='comment-link' expr:href=post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b: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'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href=post.oldestLinkUrl'><data:post.oldestLinkText/></a> <a expr:class='data:post.oldLinkClass' expr:href=post.olderLinkUrl'><data:post.olderLinkText/></a> </b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'> <a expr:class='data:post.newLinkClass' expr:href=post.newerLinkUrl'><data:post.newerLinkText/></a> <a expr:class='data:post.newLinkClass' expr:href=post.newestLinkUrl'><data:post.newestLinkText/></a> </b:if> </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=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=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=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=post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href=post.olderLinkUrl'> <data:post.olderLinkText/> </a> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href=post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href=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:elseif cond='data:post.allowComments'/> <a expr:href=post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </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:include cond='data:post.showBacklinks' data='post' name='backlinks'/> </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:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/> </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=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=post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder' expr:data-href=post.url.canonical' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'> <a expr:href=post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if>
<div class='mobile-post-outer'> <a expr:href=post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <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=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:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/> </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=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=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=blog.homepageUrl'><data:homeMsg/></a> </div>
<div class='mobile-desktop-link'> <a class='home-link' expr:href=desktopLinkUrl'><data:desktopLinkMsg/></a> </div>
</div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href=post.link'><data:post.title/></a> <b:elseif cond='data:post.url and data:blog.url != data:post.url'/> <a expr:href=post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if>
<div class='post-header'> <div class='post-header-line-1'/> </div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
<div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href=post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span>
<span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical' itemprop='url'/> <a class='timestamp-link' expr:href=post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span>
<span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </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:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </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=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=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=blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href=mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if>
</div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'> <a expr:href=post.link ? data:post.link : data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if>
<div class='post-header'> <div class='post-header-line-1'/> </div>
<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. --> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href=post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if>
<div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a class='g-profile' expr:href=post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span>
<span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical' itemprop='url'/> <a class='timestamp-link' expr:href=post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span>
<span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <span class='reactions-label'> <data:top.reactionsLabel/></span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src=post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span>
<span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span>
<!-- backlinks --> <span class='post-backlinks post-comment-link'> <b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'> <a class='comment-link' expr:href=post.url + "#links"'><data:top.backlinkLabel/></a> </b:if> </span>
<span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href=post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if>
<!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span>
<!-- share buttons --> <div class='post-share-buttons goog-inline-block'> <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/> </div>
</div>
<div class='post-footer-line post-footer-line-2'> <span class='post-labels'> <b:if cond='data:top.showPostLabels and data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href=label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if> </b:loop> </b:if> </span> </div>
<div class='post-footer-line post-footer-line-3'> <span class='post-location'> <b:if cond='data:top.showLocation and data:post.location'> <data:postLocationLabel/> <a expr:href=post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if> </span> </div> <b:if cond='data:post.authorAboutMe'> <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <b:if cond='data:post.authorPhoto.url'> <img expr:src=post.authorPhoto.url' itemprop='image' width='50px'/> </b:if> <div> <a class='g-profile' expr:href=post.authorProfileUrl' itemprop='url' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </div> <span itemprop='description'><data:post.authorAboutMe/></span> </div> </b:if> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href=post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='https://resources.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=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=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=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=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=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'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href=post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href=post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src=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) { var text = (entry && ((entry.content && entry.content.$t) || (entry.summary && entry.summary.$t))) || ''; if (entry && entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + text + '</span>'; } } } return text; }
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'> <div class='comments' id='comments'> <a name='comments'/> <h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'> <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/> <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:include cond='data:post.showBacklinks' data='post' name='backlinks'/> </div> </div> </div> </b:includable> </b:widget> </b:section> </body> </html> تابع الشرح على مدونة انت الرابح و حمل جميع الاكواد
| |
|