Advertisement
Hayla

فيرال بوك امني

May 31st, 2020
272
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' 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' xmlns:og='http://ogp.me/ns#'>
  4. <head>
  5. <link expr:href='data:blog.url' itemprop='url' rel='canonical'/>
  6. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
  7. <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css' rel='stylesheet'/>
  8. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js' type='text/javascript'/>
  9. <link crossorigin='anonymous' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' integrity='sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7' rel='stylesheet'/>
  10. <b:if cond='data:blog.isMobile'>
  11. <meta content='noindex,nofollow' name='robots'/>
  12. </b:if>
  13. <b:include data='blog' name='all-head-content'/>
  14. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  15. <title><data:blog.pageTitle/></title>
  16. <b:else/>
  17. <title><data:blog.pageName/></title>
  18. </b:if>
  19. <b:if cond='data:blog.homepageUrl == data:blog.url'>
  20. <meta content='keyword 1, keyword 2, keyword 3, keyword 4, keyword 5, keyword 6' name='keywords'/>
  21. </b:if>
  22. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  23. <meta expr:content='data:blog.pageName + &quot; , &quot; + data:blog.title + &quot; , &quot; + data:blog.pageTitle' name='keywords'/>
  24. <meta expr:content='data:blog.pageName' name='subject'/>
  25. <meta expr:content='data:blog.pageName' name='abstract'/>
  26. </b:if>
  27. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  28. <meta expr:content='data:blog.pageName + &quot; , &quot; + data:blog.title + &quot; , &quot; + data:blog.pageTitle' name='keywords'/>
  29. <meta expr:content='data:blog.pageName' name='subject'/>
  30. <meta expr:content='data:blog.pageName' name='abstract'/>
  31. </b:if>
  32. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  33. <meta content='noindex,nofollow' name='robots'/>
  34. </b:if>
  35. <b:if cond='data:blog.searchLabel'>
  36. <meta content='noindex,nofollow' name='robots'/>
  37. </b:if>
  38.  
  39. <!-- Open Graph Meta Tags -->
  40. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  41. <b:if cond='data:blog.url'>
  42. <meta expr:content='data:blog.url' property='og:url'/>
  43. </b:if>
  44. <meta expr:content='data:blog.title' property='og:site_name'/>
  45. <b:if cond='data:blog.pageName'>
  46. <meta expr:content='data:blog.pageName' property='og:title'/>
  47. </b:if>
  48. <meta content='website' property='og:type'/>
  49. <b:if cond='data:blog.postImageThumbnailUrl'>
  50. <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  51. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  52. </b:if>
  53. <b:if cond='data:blog.metaDescription'>
  54. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  55. </b:if>
  56. <meta content='UID_ADMIN' property='fb:admins'/>
  57. <meta content='APP_ID' property='fb:app_id'/>
  58. <meta content='URL_FANPAGE' property='article:author'/>
  59. <meta content='URL_FANPAGE' property='article:publisher'/>
  60. </b:if>
  61.  
  62. <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
  63. <meta content='indonesian' name='language'/>
  64. <meta content='id' name='geo.country'/>
  65. <meta content='indonesia' name='geo.placename'/>
  66. <meta content='index,follow' name='robots'/>
  67. <meta content='2 days' name='revisit-after'/>
  68. <meta content='2 days' name='revisit'/>
  69. <meta content='never' name='expires'/>
  70. <meta content='always' name='revisit'/>
  71. <meta content='global' name='distribution'/>
  72. <meta content='blogger' name='generator'/>
  73. <meta content='general' name='rating'/>
  74. <meta content='true' name='MSSmartTagsPreventParsing'/>
  75. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  76. <meta content='index, follow' name='googlebot'/>
  77. <meta content='follow, all' name='Googlebot-Image'/>
  78. <meta content='follow, all' name='msnbot'/>
  79. <meta content='follow, all' name='Slurp'/>
  80. <meta content='follow, all' name='ZyBorg'/>
  81. <meta content='follow, all' name='Scooter'/>
  82. <meta content='all' name='spiders'/>
  83. <meta content='all' name='WEBCRAWLERS'/>
  84. <meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/>
  85.  
  86. <b:template-skin>
  87. <![CDATA[
  88. body#layout{background:url(http://3.bp.blogspot.com/-aQNAYFs9LsY/VqeZUk9podI/AAAAAAAABek/z3W-2i_GY0Y/s1600/Flat-UI-Background.jpg) no-repeat;background-size:cover}body#layout div.section{background:none;border:none;box-sizing:border-box}body#layout .container{width:auto}body#layout .add_widget{line-height:2.8;margin:5px 4px;text-transform:uppercase;font-weight:700;font-family:initial;background:#FB903E;border:none;color:#fff}body#layout a:visited,body#layout .add_widget a{color:#fff}body#layout #menubawah1,body#layout #menubawah2,body#layout #sosialwidget{width:31.8%;float:right}body#layout .black-box{width:100%;display:inline-block}body#layout .editlink{color:#fff!important;font-weight:700;text-transform:uppercase}body#layout .widget-content{height:auto}body#layout .widget-content a{font-size:17px}body#layout div.layout-title{text-align:right;text-transform:uppercase;color:#fff}body#layout .locked-widget .widget-content{top: -77px;background-color:#333;color:#fff}body#layout .section h4{display:none}body#layout .container .eight.columns{width:285px}body#layout .widget-content{margin-top:0}body#layout #Viralwrapper{width:1080px;margin:10px 0}body#layout #Viralposting{width:68%;float:right}body#layout #Viralsidebar{width:32%;margin-top:0;float:right}body#layout .navbar-collapse{display:none}body#layout .draggable-widget .widget-wrap3{margin-right:12px;background:#333}body#layout .navbar.navbar-default.navbar-fixed-top .navbar-header .navbar-brand{float:none;height:auto}body#layout .mb20{margin:0}body#layout footer .signup,body#layout footer .black-box{padding:0}
  89. .widget-wrap1{display: -webkit-inline-box;}
  90. ]]></b:template-skin>
  91.  
  92. <b:skin><![CDATA[/*
  93. /*
  94. | ============================== |
  95. | ------------------------------ |
  96. | | | |
  97. | |
  98. Name : VIRALBOOK | |
  99. | | Versi : 1.0 | |
  100. | | Designer : M.Amine | |
  101. | | URL : amni | |
  102. | | Release : Nov 2082 | |
  103. | | | |
  104. | ------------------------------ |
  105. | ============================== |
  106. */
  107.  
  108. /* Variable definitions
  109. ====================
  110. <Variable name="keycolor" description="Main Color" type="color" default="#117AC9" value="#972702"/>
  111.  
  112. <Group description="❢ Viralnova" selector="body">
  113. <Variable name="pilihan.warna" description="Pilihan Warna" type="color" default="#EE4723" value="#EE4723"/>
  114. </Group>
  115.  
  116. ----------------------------------------------- */
  117.  
  118.  
  119. *//*! Variables */body{font-family:"Tajawal",sans-serif;overflow-x:hidden;font-size:17px}p{font-size:21px}p.small{font-size:17px}a,a:hover,a:focus,a:active,a.active{outline:0}h1,h2,h3,h4,h5,h6{font-family:"Tajawal",sans-serif;color:#333;line-height: 1.5; margin: 10px 0;}*,*:before,*:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}a{transition:all 0.5s ease}a:hover{text-decoration:none;transition:all 0.5s ease}button{transition:all 0.5s ease}img{max-width:100%;opacity:1;transition:all 0.5s ease}img:hover{opacity:0.8}.ml20{margin-right:20px}.mb30{margin-bottom:30px}.mb20{margin-bottom:20px}.mb10{margin-bottom:10px}.mr5{margin-left:5px}.container{max-width:1170px}.navbar{margin-bottom:20px;border:1px solid transparent}.navbar.navbar-default{box-shadow:0 0 16px 0 rgba(0,0,0,0.176);background-color:#fff;border-color:#E4E4E4}.navbar.navbar-default .navbar-nav{margin-top:5px}.navbar.navbar-default .navbar-nav li{position:relative}.navbar.navbar-default .navbar-nav li a{height:54px;line-height:54px;font-size:1.4rem;padding:0 18px 0 18px;text-transform:uppercase;color:#fff;cursor:pointer;border:solid #fff;border-width:0 1px 1px 0;background-color:$(pilihan.warna);}.navbar.navbar-default .navbar-nav li a:focus{color:$(pilihan.warna);background-color:#ff9800}.navbar.navbar-default .navbar-nav li a.active{color:$(pilihan.warna);background-color:#ff9800}.navbar.navbar-default .navbar-nav li a i{font-size:2.0rem;padding-left:12px;height:54px;float:right;line-height:54px}.navbar.navbar-default .navbar-nav li.active{color:$(pilihan.warna);background-color:#ff9800}.navbar.navbar-default .navbar-nav li:hover a:hover{color:$(pilihan.warna);background-color:#ff9800}.navbar.navbar-default .navbar-nav li:last-child a{padding-left:8px}.navbar.navbar-default .navbar-nav li ul.search-box{display:none;position:absolute;left:0;top:54px;width:370px;padding:0 0.7em 0.7em 0.7em;background:#fff;list-style:none;border:1px solid #ddd}.navbar.navbar-default .navbar-nav li ul.search-box.active{display:block}.navbar.navbar-default .navbar-nav li ul.search-box span,.navbar.navbar-default .navbar-nav li ul.search-box input,.navbar.navbar-default .navbar-nav li ul.search-box button{float:right}.navbar.navbar-default.navbar-fixed-top{font-family: Tajawal;border-width:0 0 1px 0}.navbar.navbar-default.navbar-fixed-top .navbar-header .navbar-brand{float:right;padding:0;font-size:29px;line-height:20px;height:65px;width:auto;position:absolute}.inner-content{padding-top:75px}.inner-content .post-box a .img-responsive{max-width:none;width:100%}.inner-content .post-box a h4{font-weight:400}.inner-content .post-box a:hover h4{color:$(pilihan.warna);transition:all 0.5s ease}.inner-content .post-box a:focus h4{color:$(pilihan.warna);transition:all 0.5s ease}#Viralwrapper .sign-up-box{background:#464646;text-align:center;height:274px;padding:20px}#Viralwrapper .sign-up-box h2{text-transform:uppercase;line-height:110%;font-weight:700;margin-bottom:20px;color:#fff;font-size:2.4rem}#Viralwrapper .sign-up-box h2 span{color:#ff9800;display:block}#Viralwrapper .sign-up-box p{color:#fff;font-size:1.6rem;margin-bottom:10px;font-family:"Source Sans Pro", sans-serif}#Viralwrapper .sign-up-box .signup{margin-top:30px}#Viralwrapper .sign-up-box .signup .form-control{background-color:#fff;text-align:center;padding:0 10px}#Viralwrapper .sign-up-box .signup .input-group-btn .btn-default{margin-right:5px;border-radius:0}.inner-content .btn.btn-block{background-color:#ff9800;border-color:#ff9800;color:#000;text-transform:uppercase;font-weight:400;font-size:24px;padding:10px}footer .signup{padding:10px 0;background:$(pilihan.warna);color:#fff;font-family: Tajawal;}footer .signup span{float:right;font-size:2.6rem;color:#fff;font-weight:700;text-transform:uppercase}footer .signup span.yellow{color:#ff9800}footer .black-box{padding-top:15px;background:#272727;padding-bottom:25px}footer h4{color:$(pilihan.warna);margin-bottom:20px;text-transform:uppercase;font-weight:400}footer .footer-list{list-style:outside none none;padding-right:5px;margin-bottom:20px}footer .footer-list li{padding:4px 0}footer .footer-list li a{color:#fff;font-family:"Source Sans Pro", sans-serif;font-size:1.6rem}footer .footer-list li a:hover{color:$(pilihan.warna);text-decoration:underline}footer .footer-list li a:focus{color:$(pilihan.warna);text-decoration:underline}footer .footer-list li a.active{color:$(pilihan.warna);text-decoration:underline}footer .footer-list li a i{padding-left:12px;height:30px;float:right}footer .copyright{color:#fff}footer .social{margin-bottom:20px;margin-top:13px;font-size:2.5em}footer .social a{margin-right:5px;color:#949494}#sticky-block{background-color:#f5f5f5}.is-sticky #sticky-block{padding:15px;background-color:#f5f5f5}.cust-block-top{text-align:center;margin-right:-10px;margin-bottom:15px}footer .social{font-size:2.5em}footer .social a{color:#949494}footer .social a:hover{color:#FFF}.left-col{padding:15px;background-color:#F5F5F5;width:330px}.cust-block{text-align:center;padding-top:1em;padding-bottom:1em;display:block}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){#sticky-block{display:none}}@media (min-width: 768px){.search-container{width:360px;margin-top:0.5em}.input-width{width:300px !important;margin-left:0.5em}.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-right:0}.navbar-left{margin-right:0}.article-bottom .post-box{height:238px;text-overflow:clip;display:block}}@media (max-width: 991px){.navbar.navbar-default .navbar-nav li a{padding:0 10px 0 10px}.inner-content{overflow-x:hidden}}@media (max-width: 767px){.fb-conversations{margin-bottom:0.6em}.post-box{text-overflow:clip;display:block}.post-box a h4{font-size:1em}.article-bottom{padding:0.5em}.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-right:0.5em}.navbar-default.navbar .navbar-nav{margin-top:0}.navbar-default .navbar-toggle{margin-top:17px;border-color:$(pilihan.warna);border-radius:0}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:$(pilihan.warna)}.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar{background-color:#fff}.navbar-default .navbar-toggle .icon-bar{background-color:$(pilihan.warna)}footer .signup span{font-size:2rem}footer .form{margin-top:20px}footer .social.pull-left,footer .copyright.pull-left{float:right !important}}body .navbar{height:auto;padding:0;margin:0}.widget{line-height:1.5;margin:0;position:static}.widget .post-body ul li{list-style-type:square}a{color:#333}a:visited{color:#333}a:active,a:hover{color:$(pilihan.warna);outline:0}table,img{max-width:100%;height:auto}caption,th,td{font-weight:400;text-align:right}caption{font-size:17px;margin:20px 0}th{font-weight:700;text-transform:uppercase;border:1px solid #eee;padding:5px;background:$(pilihan.warna);color:#fff}td{border:1px solid #eee;padding:5px}.section{margin:0}.clear{clear:both}.widget-item-control{display:none!important}.post-summary{padding-top:0}.gambarutama{max-height:274px;overflow:hidden}.Header h1{margin:0;text-transform:uppercase;font-weight:700}.Header h1 a{color:#333}.Header .description{margin:0;padding:0;color:rgba(255,255,255,0.50)}.titledalam{margin:0;font-size:36px;text-transform:uppercase;font-weight:700}.titledalam a{color:#333}.titledalam a:hover{text-decoration:none}.ViralAd{max-width:728px}#Viralwrapper{padding:75px 0 0}#Viralposting{width:66.66667%;float:right;word-wrap:break-word;overflow:hidden;background:#fff}.box-gambar{max-height:220px;overflow:hidden}h1.post-title{margin-top:0;padding:15px 0}h3.post-title{font-weight:400;margin:.83em 0;max-height:100px;overflow:hidden;font-size:150%}.post-body{margin:0;line-height:1.8em;text-align:justify;font-family:'Tajawal',sans-serif;font-size:17px}.separator img{margin-right:-1em;margin-left:-1em}.Viral-tag,.Viral-tag a{color:$(pilihan.warna)}.Viralpost-tag a{text-transform:uppercase;float:left;color:$(pilihan.warna)}.breadcrumbs,.feed-links,.status-msg-body,.status-msg-wrap,.status-msg-bg,.status-msg-border{display:none}#Viralsidebar{overflow:hidden}#Viralsidebar .label-size{border:1px solid #ddd}#Viralsidebar .label-size a,#Viralsidebar .label-size span{color:#333}#sidebaratas .widget{margin-bottom:20px}.widget-content{margin:0;overflow:hidden}.widget ul{padding:0;margin:0;line-height:1.5}.BlogArchive #ArchiveList ul li{text-indent:0!important}.widget-content img{max-width:100%}.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10}.cloud-label-widget-content{text-align:right}.label-size{display:block;float:right;margin:3px;text-transform:capitalize;text-decoration:none;color:#7a7f7d;padding:5px 10px;border:1px solid rgba(249,249,249,0.15);border-radius:3px}.label-size a,.label-size span{display:inline-block;padding:5px 8px;color:#fff}.label-size:hover{background:$(pilihan.warna);transition:all .3s}.label-size a:hover{text-decoration:none}.label-count{white-space:nowrap;padding-left:6px;margin-right:-3px}.label-size{line-height:1.2}@media screen and (max-width: 768px){#Viralwrapper,#Viralsidebar,#Viralposting,.Viralterkait img{width:100%}.Viralterkait .col-sm-4,.main .col-sm-4{width:50%;float:right}.Viralpost-tag a{float:none}}@media screen and (max-width: 480px){.Viralterkait .col-sm-4,.main .col-sm-4{width:100%;float:right}}.PopularPosts .item-snippet{font-size:90%;color:#777;max-height:40px;overflow:hidden}.PopularPosts .widget-content ul li{list-style-type:none;padding:3px 0}.PopularPosts .item-thumbnail{margin:0;float:none;max-height:200px;overflow:hidden}.PopularPosts img{padding-left:0}.judulterkait{max-height:80px;overflow:hidden}.Viralterkait{display:inline-block;margin:10px 0}.Viralterkait h3 a{display:inline-block}.Viralterkait h3{margin:0;padding:5px}#blog-pager-newer-link{float:right;width:49%;margin-right:2.5px;margin-left:2.5px;margin-top:2.5px;text-align:center;background:#ff9800;color:#000;text-transform:uppercase;display:inline-block;position:relative;font-size:1.4em;font-family:&quot;padding:0 10px}#blog-pager-older-link{float:left;width:49%;margin-right:2.5px;margin-left:2.5px;margin-top:2.5px;text-align:center;background:#ff9800;color:#000;text-transform:uppercase;display:inline-block;position:relative;font-size:1.4em;font-family:Tajawal;padding:0 10px}.blog-pager a{color:#000}.blog-pager a:hover{text-decoration:none;color:$(pilihan.warna)}#blog-pager{margin:0}.social-sharing{margin-bottom:2.5px;clear:both;line-height:1.5em;margin-top:10px}.social-sharing .share-container{display:block}.social-sharing .social-sharing-buttons{font-family:Tajawal,Arial,sans-serif;height:36px;margin:0;padding:0;width:100%}.social-sharing .social-sharing-buttons li.facebook{width:80%}.social-sharing .social-sharing-buttons li{float:right;height:100%;width:10%;list-style:outside none none;margin:0;padding:0 2.5px}.social-sharing .social-sharing-buttons li.facebook a{background-color:#306199;color:#fff}.social-sharing .social-sharing-buttons li a{position:relative;display:block;width:100%;height:100%;padding:0 10px;border-radius:2px;font-size:1.1em;line-height:36px;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;background-color:#CCC;transition:background-color .2s ease-in-out 0}.social-sharing .social-sharing-buttons li.twitter a{background-color:#26C4F1;color:#fff}.social-sharing .social-sharing-buttons li.googleplus a{background-color:#E0403B;color:#fff}.social-sharing-atas{margin-top:20px}.social-sharing-atas .share-container{display:block}.social-sharing-atas .social-sharing-buttons{font-family:Tajawal,Arial,sans-serif}.social-sharing-atas .social-sharing-buttons li{list-style:outside none none;padding:0 2.5px;margin:5px 0}.social-sharing-atas .social-sharing-buttons li.facebook a{background-color:#306199;color:#fff}.social-sharing-atas .social-sharing-buttons li a{position:relative;display:block;width:100%;padding:5px;border-radius:2px;font-size:23px;line-height:36px;font-weight:700;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out 0;font-family:&quot;background-color:#CCC}.social-sharing-atas .social-sharing-buttons li.twitter a{background-color:#26C4F1;color:#fff}.social-sharing-atas .social-sharing-buttons li.googleplus a{background-color:#E0403B;color:#fff}
  120.  
  121. .container>.navbar-header {float: right;}
  122. .navbar-nav>li {
  123. float: right;}
  124. footer .schema_footer {height: 20px;}
  125. .comment-form {height: 50px;}
  126. body {
  127. font-family:Tajawal!important}
  128.  
  129.  
  130. ]]></b:skin>
  131.  
  132. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  133. <script type='text/javascript'>
  134. //<![CDATA[
  135. var relnojudul = 0;
  136. var relmaxtampil = 6;
  137. var numchars = 50;
  138. var morelink = "";
  139. var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(suchas,panjang){var cuplik=suchas.split("<");for(var i=0;i<cuplik.length;i++){if(cuplik[i].indexOf(">")!=-1){cuplik[i]=cuplik[i].substring(cuplik[i].indexOf(">")+1,cuplik[i].length)}}cuplik=cuplik.join("");cuplik=cuplik.substring(0,panjang-1);return cuplik}function relpostimgcuplik(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];reljudul[relnojudul]=entry.title.$t;postcontent="";if("content"in entry){postcontent=entry.content.$t}else if("summary"in entry){postcontent=entry.summary.$t}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail"in entry){postimg=entry.media$thumbnail.url}else{postimg="http://2.bp.blogspot.com/-6FfnvljGRJA/Vqe7mvKJprI/AAAAAAAABe0/4iAy12p_BB8/s1600/no-image.jpg"}relgambar[relnojudul]=postimg;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relurls[relnojudul]=entry.link[k].href;break}}relnojudul++}}function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function artikelterkait(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);var tmp4=new Array(0);for(var i=0;i<relurls.length;i++){if(!contains(tmp,relurls[i])){tmp.length+=1;tmp[tmp.length-1]=relurls[i];tmp2.length+=1;tmp2[tmp2.length-1]=reljudul[i];tmp3.length+=1;tmp3[tmp3.length-1]=relcuplikan[i];tmp4.length+=1;tmp4[tmp4.length-1]=relgambar[i]}}reljudul=tmp2;relurls=tmp;relcuplikan=tmp3;relgambar=tmp4;for(var i=0;i<reljudul.length;i++){var informasi=Math.floor((reljudul.length-1)*Math.random());var tempJudul=reljudul[i];var tempUrls=relurls[i];var tempCuplikan=relcuplikan[i];var tempGambar=relgambar[i];reljudul[i]=reljudul[informasi];relurls[i]=relurls[informasi];relcuplikan[i]=relcuplikan[informasi];relgambar[i]=relgambar[informasi];reljudul[informasi]=tempJudul;relurls[informasi]=tempUrls;relcuplikan[informasi]=tempCuplikan;relgambar[informasi]=tempGambar}var rangkumanPosts=0;var r=Math.floor((reljudul.length-1)*Math.random());var rini=r;var relhasil;var dirURL=document.URL;while(rangkumanPosts<relmaxtampil){if(relurls[r]!=dirURL){relhasil="<div class='col-sm-4'>";relhasil+="<a href='"+relurls[r]+"' rel='nofollow' target='_top' title='"+reljudul[r]+"'><img src='"+relgambar[r]+"' /></a>";relhasil+="<h4 class='judulterkait'><a href='"+relurls[r]+"' target='_top'>"+reljudul[r]+"</a></h4>";relhasil+="</div>";document.write(relhasil);rangkumanPosts++;if(rangkumanPosts==relmaxtampil){break}}if(r<reljudul.length-1){r++}else{r=0}if(r==rini){break}}}
  140. //]]>
  141. </script>
  142.  
  143. <script type='text/javascript'>
  144. //<![CDATA[
  145. function resizeThumb(el, from, to) {
  146. $(el).each(function() {
  147. $(this).attr({
  148. 'src': $(this).attr('src').replace('/s'+from+'-c/', '/s'+to+'-c/'),
  149. 'width': to, 'height': to
  150. });
  151. });
  152. }
  153. // Mengubah ukuran thumbnail widget Posting Populer
  154. $(function() {
  155. resizeThumb('#PopularPosts1 img', '72', '300');
  156. });
  157. $(function() {
  158. resizeThumb('.Viralterkait img', '72', '400');
  159. });
  160. //]]>
  161. </script>
  162.  
  163. <script type='text/javascript'>
  164. //<![CDATA[
  165. $(window).bind("load resize", function(){
  166. var url = location.protocol+'//'+location.host+location.pathname;
  167. var containercm_width = $('#container-commentfb').width();
  168. $('#container-commentfb').html('<div class="fb-comments" ' +
  169. 'data-href="'+url+'"' +
  170. ' width="' + containercm_width + '" data-num-posts="10"></div>');
  171. FB.XFBML.parse( );
  172. });
  173. //]]>
  174. </script>
  175.  
  176. </b:if>
  177.  
  178. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  179. <style>
  180. h1.post-title {
  181. text-align: center;
  182. }
  183. #Viralposting {
  184. width: 100%;
  185. }
  186. #schema_footer {
  187. bottom: 0;
  188. position: fixed;
  189. width: 100%;height:110px;
  190. opacity: 0.9;
  191. right: 0;display:none
  192. }
  193. @media only screen and (max-width:400px){#schema_footer{display:inherit}}
  194. </style>
  195. </b:if>
  196.  
  197. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  198.  
  199. <style>
  200. #Viralposting {
  201. width: 100%;
  202. }
  203. #blog-pager {
  204. display: none;
  205. }
  206. </style>
  207.  
  208. <script type='text/javascript'>
  209. //<![CDATA[
  210. (function(b){b.ias=function(d){var m=b.extend({},b.ias.defaults,d);var c=new b.ias.util();var j=new b.ias.paging();var h=(m.history?new b.ias.history():false);var f=this;r();function r(){j.onChangePage(function(x,v,w){if(h){h.setPage(x,w)}m.onPageChange.call(this,x,w,v)});s();if(h&&h.havePage()){q();pageNum=h.getPage();c.forceScrollTop(function(){if(pageNum>1){l(pageNum);curTreshold=p(true);b("html,body").scrollTop(curTreshold)}else{s()}})}return f}function s(){n();b(window).scroll(g)}function g(){scrTop=b(window).scrollTop();wndHeight=b(window).height();curScrOffset=scrTop+wndHeight;if(curScrOffset>=p()){t(curScrOffset)}}function q(){b(window).unbind("scroll",g)}function n(){b(m.pagination).hide()}function p(v){el=b(m.container).find(m.item).last();if(el.size()==0){return 0}treshold=el.offset().top+el.height();if(!v){treshold+=m.tresholdMargin}return treshold}function t(w,v){urlNextPage=b(m.next).attr("href");if(!urlNextPage){return q()}j.pushPages(w,urlNextPage);q();o();e(urlNextPage,function(y,x){result=m.onLoadItems.call(this,x);if(result!==false){b(x).hide();curLastItem=b(m.container).find(m.item).last();curLastItem.after(x);b(x).fadeIn()}b(m.pagination).replaceWith(b(m.pagination,y));k();s();if(v){v.call(this)}})}function e(w,x){var v=[];b.get(w,null,function(y){b(m.container,y).find(m.item).each(function(){v.push(this)});if(x){x.call(this,y,v)}},"html")}function l(v){curTreshold=p(true);if(curTreshold>0){t(curTreshold,function(){q();if((j.getCurPageNum(curTreshold)+1)<v){l(v);b("html,body").animate({scrollTop:curTreshold},400,"swing")}else{b("html,body").animate({scrollTop:curTreshold},1000,"swing");s()}})}}function u(){loader=b(".ias_loader");if(loader.size()==0){loader=b("<div class='ias_loader'><img src='"+m.loader+"'/></div>");loader.hide()}return loader}function o(v){loader=u();el=b(m.container).find(m.item).last();el.after(loader);loader.fadeIn()}function k(){loader=u();loader.remove()}};function a(c){if(window.console&&window.console.log){window.console.log(c)}}b.ias.defaults={container:"#container",item:".item",pagination:"#pagination",next:".next",tresholdMargin:0,history:true,onPageChange:function(){},onLoadItems:function(){},};b.ias.util=function(){var d=false;var f=false;var c=this;e();function e(){b(window).load(function(){d=true})}this.forceScrollTop=function(g){b("html,body").scrollTop(0);if(!f){if(!d){setTimeout(function(){c.forceScrollTop(g)},1)}else{g.call();f=true}}}};b.ias.paging=function(){var e=[[0,document.location.toString()]];var h=function(){};var d=1;j();function j(){b(window).scroll(g)}function g(){scrTop=b(window).scrollTop();wndHeight=b(window).height();curScrOffset=scrTop+wndHeight;curPageNum=c(curScrOffset);curPagebreak=f(curScrOffset);if(d!=curPageNum){h.call(this,curPageNum,curPagebreak[0],curPagebreak[1])}d=curPageNum}function c(k){for(i=(e.length-1);i>0;i--){if(k>e[i][0]){return i+1}}return 1}this.getCurPageNum=function(k){return c(k)};function f(k){for(i=(e.length-1);i>=0;i--){if(k>e[i][0]){return e[i]}}return null}this.onChangePage=function(k){h=k};this.pushPages=function(k,l){e.push([k,l])}};b.ias.history=function(){var d=false;var c=false;e();function e(){c=!!(window.history&&history.pushState&&history.replaceState);c=false}this.setPage=function(g,f){this.updateState({page:g},"",f)};this.havePage=function(){return(this.getState()!=false)};this.getPage=function(){if(this.havePage()){stateObj=this.getState();return stateObj.page}return 1};this.getState=function(){if(c){stateObj=history.state;if(stateObj&&stateObj.ias){return stateObj.ias}}else{haveState=(window.location.hash.substring(0,7)=="#/page/");if(haveState){pageNum=parseInt(window.location.hash.replace("#/page/",""));return{page:pageNum}}}return false};this.updateState=function(g,h,f){if(d){this.replaceState(g,h,f)}else{this.pushState(g,h,f)}};this.pushState=function(g,h,f){if(c){history.pushState({ias:g},h,f)}else{hash=(g.page>0?"#/page/"+g.page:"");window.location.hash=hash}d=true};this.replaceState=function(g,h,f){if(c){history.replaceState({ias:g},h,f)}else{this.pushState(g,h,f)}}}})(jQuery);
  211. //]]>
  212. </script>
  213.  
  214. <script type='text/javascript'>
  215. jQuery.ias({
  216. container : &#39;.blog-posts&#39;,
  217. item: &#39;.col-sm-4&#39;,
  218. pagination: &#39;#blog-pager&#39;,
  219. next: &#39;#blog-pager-older-link a&#39;,
  220. loader: &#39;http://1.bp.blogspot.com/-oC6pgtOoc6k/Vq0CcndwZhI/AAAAAAAABgk/TPXJAb4hz3s/s1600/loading.gif&#39;
  221. });
  222. </script>
  223.  
  224. </b:if>
  225.  
  226.  
  227. </head>
  228.  
  229. <body class='desktop'>
  230.  
  231. <style>/*<![CDATA[*/
  232. @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap');
  233.  
  234. /*]]>*/</style>
  235.  
  236. <nav class='navbar navbar-default navbar-fixed-top' id='nav' role='navigation'>
  237. <div class='container'>
  238. <div class='navbar-header'>
  239. <button class='navbar-toggle' data-target='.navbar-collapse' data-toggle='collapse' type='button'>
  240. <span class='icon-bar'/>
  241. <span class='icon-bar'/> <span class='icon-bar'/>
  242. </button>
  243. <b:section class='navbar-brand' id='elemenhead' maxwidgets='1' showaddelement='no'>
  244. <b:widget id='Header1' locked='true' title='viralbook (رأس الصفحة)' type='Header' version='1'>
  245. <b:widget-settings>
  246. <b:widget-setting name='displayUrl'/>
  247. <b:widget-setting name='displayHeight'>0</b:widget-setting>
  248. <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
  249. <b:widget-setting name='useImage'>false</b:widget-setting>
  250. <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  251. <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  252. <b:widget-setting name='displayWidth'>0</b:widget-setting>
  253. </b:widget-settings>
  254. <b:includable id='main'>
  255.  
  256. <b:if cond='data:useImage'>
  257. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  258. <!--
  259. Show image as background to text. You can't really calculate the width
  260. reliably in JS because margins are not taken into account by any of
  261. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  262. width if the user is using shrink to fit.
  263. This results in a margin-width's worth of pixels being cropped. If the
  264. user is not using shrink to fit then we expand the header.
  265. -->
  266. <b:if cond='data:mobile'>
  267. <div id='header-inner'>
  268. <div class='titlewrapper' style='background: transparent'>
  269. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  270. <h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>
  271. <b:else/>
  272. <div class='titledalam' style='background: transparent; border-width: 0px'><b:include name='title'/></div>
  273. </b:if>
  274. </div>
  275. <b:include name='description'/>
  276. </div>
  277. <b:else/>
  278. <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  279. <div class='titlewrapper' style='background: transparent'>
  280. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  281. <h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>
  282. <b:else/>
  283. <div class='titledalam' style='background: transparent; border-width: 0px'><b:include name='title'/></div>
  284. </b:if>
  285. </div>
  286. <b:include name='description'/>
  287. </div>
  288. </b:if>
  289. <b:else/>
  290. <!--Show the image only-->
  291. <div id='header-inner'>
  292. <a expr:href='data:blog.homepageUrl' style='display: block'>
  293. <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:title='data:title' style='display: block;height: 44px; top: 9px;'/>
  294. </a>
  295. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  296. <h1 style='display:none'><b:include name='title'/></h1>
  297. </b:if>
  298. <!--Show the description-->
  299. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  300. </b:if>
  301. </div>
  302. </b:if>
  303. <b:else/>
  304. <!--No header image -->
  305. <div id='header-inner'>
  306. <div class='titlewrapper'>
  307. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  308. <h1 class='title'><b:include name='title'/></h1>
  309. <b:else/>
  310. <div class='titledalam'><b:include name='title'/></div>
  311. </b:if>
  312. </div>
  313. </div>
  314. </b:if>
  315. </b:includable>
  316. <b:includable id='description'>
  317. <div class='descriptionwrapper'>
  318. <p class='description'><span><data:description/></span></p>
  319. </div>
  320. </b:includable>
  321. <b:includable id='title'>
  322. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  323. <data:title/>
  324. <b:else/>
  325. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  326. </b:if>
  327. </b:includable>
  328. </b:widget>
  329. </b:section>
  330. </div>
  331.  
  332. <div aria-expanded='false' class='navbar-collapse collapse'>
  333. <ul class='nav navbar-nav navbar-left'>
  334.  
  335. <!-- Menu start -->
  336. <li><a href='/'><i class='fa fa-home'/>الرئيسية</a></li>
  337. <li><a href='#'><i class='fa fa-flask'/>علوم</a></li>
  338. <li><a href='#'><i class='fa fa-heart'/>حصريات</a></li>
  339. <li><a href='#'><i class='fa fa-globe'/>اخبار</a></li>
  340. <li><a href='#'><i class='fa fa-youtube-play'/>فيديوهات</a></li>
  341. <li><a href='/search/label/فنون'><i class='fa fa-star'/>مقالات</a></li>
  342. <!-- Menu End -->
  343.  
  344. <li class='hidden-xs hidden-sm' id='navbar-search'><a class='navbar-search-btn' href='#'><i class='fa fa-search'/></a>
  345. <ul class='search-box'><li><div class='input-group search-container'>
  346. <form action='/search' method='get'>
  347. <input class='form-control tt-input input-width' id='asearch' name='q' placeholder='Search' type='text'/>
  348. <button class='btn btn-default' type='submit'>إبحث</button>
  349. </form>
  350. </div>
  351. </li>
  352. </ul>
  353. </li>
  354. </ul>
  355. </div>
  356. </div>
  357. </nav>
  358.  
  359. <div class='clearfix'/>
  360.  
  361. <!-- Wrapper start -->
  362. <div class='container' id='Viralwrapper'>
  363.  
  364. <!-- Main Post start -->
  365. <div id='Viralposting'>
  366.  
  367. <!-- Ad start -->
  368. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  369. <div id='featuredpost'>
  370. <b:section class='col-sm-8' id='featuredpost' showaddelement='no'>
  371. <b:widget id='FeaturedPost1' locked='true' title='اداة المشاركة الكبيرة' type='FeaturedPost' version='1'>
  372. <b:widget-settings>
  373. <b:widget-setting name='showSnippet'>true</b:widget-setting>
  374. <b:widget-setting name='showPostTitle'>true</b:widget-setting>
  375. <b:widget-setting name='showFirstImage'>true</b:widget-setting>
  376. <b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
  377. </b:widget-settings>
  378. <b:includable id='main'>
  379. <b:include name='content'/>
  380.  
  381. </b:includable>
  382. <b:includable id='content'>
  383. <div class='post-summary'>
  384. <b:if cond='data:showFirstImage and data:postFirstImage != &quot;&quot;'>
  385. <div class='gambarutama'><a expr:href='data:postUrl' expr:title='data:postTitle'><img class='image' expr:src='data:postFirstImage'/></a></div>
  386. </b:if>
  387. <b:if cond='data:showPostTitle and data:postTitle != &quot;&quot;'>
  388. <h2><a expr:href='data:postUrl' expr:title='data:postTitle'><data:postTitle/></a></h2>
  389. </b:if>
  390. </div>
  391.  
  392. <style type='text/css'>
  393. .image {
  394. width: 100%;
  395. }
  396. </style>
  397. </b:includable>
  398. </b:widget>
  399. </b:section>
  400. <b:section class='col-sm-4' id='feedburner' showaddelement='no'>
  401. <b:widget id='HTML500' locked='true' title='إنظم إلى موقعنا' type='HTML' version='1'>
  402. <b:widget-settings>
  403. <b:widget-setting name='content'>&lt;div class=&quot;sign-up-box&quot;&gt;
  404. &lt;h2&gt; توصل بمقالات جنونية &lt;span&gt;على بريدك الإلكتروني!&lt;/span&gt;&lt;/h2&gt;
  405. &lt;p class=&quot;content opens&quot;&gt; بوضع لإيميلك ستتوصل بمقالات يومية المميزة و الحصرية بدون دفع أي سنت.&lt;/p&gt;
  406. &lt;div class=&quot;signup&quot;&gt;
  407. &lt;p class=&quot;yellow&quot;&gt;&lt;/p&gt;
  408. &lt;form class=&quot;form&quot; action=&#39;http://feedburner.google.com/fb/a/mailverify&#39; method=&#39;get&#39; onsubmit=&#39;window.open(&amp;apos;http://feedburner.google.com/fb/a/mailverify?uri=ID-FEEDBURNER&amp;apos;, &amp;apos;popupwindow&amp;apos;, &amp;apos;scrollbars=yes,width=550,height=520&amp;apos;);return true&#39; target=&#39;popupwindow&#39;&gt;
  409. &lt;div class=&quot;row&quot;&gt;
  410. &lt;div class=&quot;col-sm-12&quot;&gt;
  411. &lt;div class=&quot;input-group&quot;&gt;
  412. &lt;input name=&#39;uri&#39; type=&#39;hidden&#39; value=&#39;http://tiny.cc/zwh1pz&#39;/&gt;
  413. &lt;label class=&quot;sr-only&quot; for=&quot;subscribe-email&quot;&gt;Email Address&lt;/label&gt;
  414. &lt;input type=&quot;email&quot; class=&quot;form-control&quot; id=&quot;subscribe-email&quot; name=&quot;email&quot; placeholder=&quot;ضغ بريدك الإلكتروني هنا &quot; /&gt;
  415. &lt;span class=&quot;input-group-btn&quot;&gt;
  416. &lt;button type=&quot;submit&quot; class=&quot;btn btn-default&quot;&gt;OK&lt;/button&gt;
  417. &lt;/span&gt;
  418. &lt;/div&gt;
  419. &lt;/div&gt;
  420. &lt;/div&gt;
  421. &lt;/form&gt;
  422. &lt;/div&gt;
  423. &lt;/div&gt;</b:widget-setting>
  424. </b:widget-settings>
  425. <b:includable id='main'>
  426. <div class='kotakberlangganan'>
  427. <data:content/>
  428. </div>
  429.  
  430. </b:includable>
  431. </b:widget>
  432. </b:section>
  433. </div>
  434. <div class='mb20 clearfix'/>
  435. </b:if>
  436.  
  437. <!-- Ad start -->
  438. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  439. <div class='col-sm-12 banner'>
  440. <b:section class='ViralAd' id='ViralAd' showaddelement='no'>
  441. <b:widget id='HTML400' locked='false' title='Iklan Responsive atau 728x90' type='HTML' version='1'>
  442. <b:widget-settings>
  443. <b:widget-setting name='content'/>
  444. </b:widget-settings>
  445. <b:includable id='main'>
  446. <div class='iklanresponsive'>
  447. <data:content/>
  448. </div>
  449.  
  450. </b:includable>
  451. </b:widget>
  452. </b:section>
  453. </div>
  454. </b:if>
  455. <!-- Ad end -->
  456.  
  457. <b:section class='main' id='main' showaddelement='no'>
  458. <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='1'>
  459. <b:widget-settings>
  460. <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  461. <b:widget-setting name='style.textcolor'>#972702</b:widget-setting>
  462. <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  463. <b:widget-setting name='authorLabel'>By</b:widget-setting>
  464. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  465. <b:widget-setting name='style.urlcolor'>#ee4723</b:widget-setting>
  466. <b:widget-setting name='showAuthor'>false</b:widget-setting>
  467. <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  468. <b:widget-setting name='style.linkcolor'>#ee4723</b:widget-setting>
  469. <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  470. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  471. <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  472. <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  473. <b:widget-setting name='showLabels'>true</b:widget-setting>
  474. <b:widget-setting name='showLocation'>true</b:widget-setting>
  475. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  476. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  477. <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  478. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  479. <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  480. <b:widget-setting name='showReactions'>false</b:widget-setting>
  481. </b:widget-settings>
  482. <b:includable id='main' var='top'>
  483. <div class='ias_container'>
  484. <b:include data='posts' name='breadcrumb'/>
  485. <b:if cond='data:mobile == &quot;false&quot;'>
  486.  
  487. <!-- posts -->
  488. <div class='blog-posts'>
  489.  
  490. <b:include data='top' name='status-message'/>
  491.  
  492. <data:defaultAdStart/>
  493. <b:loop values='data:posts' var='post'>
  494. <b:if cond='data:post.isDateStart'>
  495. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  496. &lt;/div&gt;&lt;/div&gt;
  497. </b:if>
  498. </b:if>
  499. <b:if cond='data:post.isDateStart'>
  500. &lt;div class=&quot;date-outer&quot;&gt;
  501. </b:if>
  502. <b:if cond='data:post.isDateStart'>
  503. &lt;div class=&quot;date-posts&quot;&gt;
  504. </b:if>
  505. <b:include data='post' name='post'/>
  506. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  507. <b:if cond='data:post.showThreadedComments'>
  508. <b:include data='post' name='threaded_comments'/>
  509. <b:else/>
  510. <b:include data='post' name='comments'/>
  511. </b:if>
  512. </b:if>
  513. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  514. <b:if cond='data:post.showThreadedComments'>
  515. <b:include data='post' name='threaded_comments'/>
  516. <b:else/>
  517. <b:include data='post' name='comments'/>
  518. </b:if>
  519. </b:if>
  520.  
  521. <b:if cond='data:post.includeAd'>
  522. <b:if cond='data:post.isFirstPost'>
  523. <data:defaultAdEnd/>
  524. <b:else/>
  525. <data:adEnd/>
  526. </b:if>
  527. <div class='inline-ad'>
  528. <data:adCode/>
  529. </div>
  530. <data:adStart/>
  531. </b:if>
  532. </b:loop>
  533. <b:if cond='data:numPosts != 0'>
  534. &lt;/div&gt;&lt;/div&gt;
  535. </b:if>
  536. <data:adEnd/>
  537. </div>
  538.  
  539. <!-- navigation -->
  540. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  541. <b:include name='nextprev'/>
  542. </b:if>
  543.  
  544.  
  545. <b:if cond='data:top.showStars'>
  546. <script src='//www.google.com/jsapi' type='text/javascript'/>
  547. <script type='text/javascript'>
  548. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  549. function initialize() {
  550. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  551. google.annotations.createAll();
  552. google.annotations.fetch();
  553. }
  554. google.setOnLoadCallback(initialize);
  555. </script>
  556. </b:if>
  557.  
  558. <b:else/>
  559. <b:include name='mobile-main'/>
  560. </b:if>
  561.  
  562. <b:if cond='data:top.showDummy'>
  563. <data:top.dummyBootstrap/>
  564. </b:if>
  565. </div>
  566. </b:includable>
  567. <b:includable id='backlinkDeleteIcon' var='backlink'>
  568. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  569. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  570. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  571. </a>
  572. </span>
  573. </b:includable>
  574. <b:includable id='backlinks' var='post'>
  575. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  576. <b:if cond='data:post.numBacklinks != 0'>
  577. <dl class='comments-block' id='comments-block'>
  578. <b:loop values='data:post.backlinks' var='backlink'>
  579. <div class='collapsed-backlink backlink-control'>
  580. <dt class='comment-title'>
  581. <span class='backlink-toggle-zippy'>&#160;</span>
  582. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  583. <b:include data='backlink' name='backlinkDeleteIcon'/>
  584. </dt>
  585. <dd class='comment-body collapseable'>
  586. <data:backlink.snippet/>
  587. </dd>
  588. <dd class='comment-footer collapseable'>
  589. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  590. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  591. </dd>
  592. </div>
  593. </b:loop>
  594. </dl>
  595. </b:if>
  596. <p class='comment-footer'>
  597. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  598. </p>
  599. </b:includable>
  600. <b:includable id='breadcrumb' var='posts'>
  601. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  602. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  603. <div class='col-sm-12 breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepageUrl' rel='tag'>الرئيسية </a> &#187; </span><span class='breadlabel'><data:blog.pageName/></span></div>
  604. <b:else/>
  605. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  606. <!-- breadcrumb for the post page -->
  607. <b:loop values='data:posts' var='post'>
  608. <b:if cond='data:post.labels'>
  609. <div class='col-sm-12 breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
  610. <span class='breadhome' typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>الرئيسية</a> &#187; </span>
  611. <b:loop values='data:post.labels' var='label'>
  612. <span class='breadlabel' typeof='v:Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=6&quot;' property='v:title' rel='v:url'><data:label.name/></a> &#187; </span>
  613. </b:loop>
  614. <span class='breadlabel'><data:post.title/></span>
  615. </div>
  616. <b:else/>
  617. <div class='col-sm-12 breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepageUrl' rel='tag'>الرئيسية</a> &#187; </span><span class='breadlabel'>Unlabelled</span> &#187; <span class='breadlabel'><data:post.title/></span></div>
  618. </b:if>
  619. </b:loop>
  620. <b:else/>
  621. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  622. <!-- breadcrumb for the label archive page and search pages.. -->
  623. <div class='col-sm-12 breadcrumbs'>
  624. <span class='breadhome'><a expr:href='data:blog.homepageUrl'>الرئيسية </a> &#187; </span><span>Archives for <data:blog.pageName/></span>
  625. </div>
  626. <b:else/>
  627. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  628. <div class='col-sm-12 breadcrumbs'>
  629. <b:if cond='data:blog.pageName == &quot;&quot;'>
  630. <span class='breadhome'><a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187; </span><span class='breadlabel'>All Posts </span>
  631. <b:else/>
  632. <span class='breadhome'> <a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187; </span><span class='breadlabel'><data:blog.pageName/></span>
  633. </b:if>
  634. </div>
  635. </b:if>
  636. </b:if>
  637. </b:if>
  638. </b:if>
  639. </b:if>
  640. </b:includable>
  641. <b:includable id='comment-form' var='post'>
  642. <div class='comment-form'>
  643. <a name='comment-form'/>
  644. <b:if cond='data:mobile'>
  645. <h4 id='comment-post-message'>
  646. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  647. <p><data:blogCommentMessage/></p>
  648. <data:blogTeamBlogMessage/>
  649. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  650. <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%'/>
  651. <b:else/>
  652. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  653. <p><data:blogCommentMessage/></p>
  654. <data:blogTeamBlogMessage/>
  655. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  656. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  657. </b:if>
  658. <data:post.friendConnectJs/>
  659. <data:post.cmtfpIframe/>
  660. <script type='text/javascript'>
  661. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  662. </script>
  663. </div>
  664. </b:includable>
  665. <b:includable id='commentDeleteIcon' var='comment'>
  666. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  667. <b:if cond='data:showCmtPopup'>
  668. <div class='goog-toggle-button'>
  669. <div class='goog-inline-block comment-action-icon'/>
  670. </div>
  671. <b:else/>
  672. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  673. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  674. </a>
  675. </b:if>
  676. </span>
  677. </b:includable>
  678. <b:includable id='comment_count_picker' var='post'>
  679. <b:if cond='data:post.commentSource == 1'>
  680. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
  681. </span>
  682. <b:else/>
  683. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  684. <data:post.commentLabelFull/>:
  685. </a>
  686. </b:if>
  687. </b:includable>
  688. <b:includable id='comment_picker' var='post'>
  689. <b:if cond='data:post.showThreadedComments'>
  690. <b:include data='post' name='threaded_comments'/>
  691. <b:else/>
  692. <b:include data='post' name='comments'/>
  693. </b:if>
  694. </b:includable>
  695. <b:includable id='comments' var='post'>
  696. <div class='comments col-sm-12' id='comments'>
  697.  
  698. <a name='comments'/>
  699. <b:if cond='data:post.allowComments'>
  700. <h4>
  701. <b:if cond='data:post.numComments == 1'>
  702. 1 <data:commentLabel/>:
  703. <b:else/>
  704. <data:post.numComments/> <data:commentLabelPlural/>:
  705. </b:if>
  706. </h4>
  707.  
  708. <b:if cond='data:post.commentPagingRequired'>
  709. <span class='paging-control-container'>
  710. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  711. &#160;
  712. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  713. &#160;
  714. <data:post.commentRangeText/>
  715. &#160;
  716. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  717. &#160;
  718. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  719. </span>
  720. </b:if>
  721.  
  722. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  723. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  724. <b:loop values='data:post.comments' var='comment'>
  725. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  726. <b:if cond='data:comment.favicon'>
  727. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  728. </b:if>
  729. <a expr:name='data:comment.anchorName'/>
  730. <b:if cond='data:blog.enabledCommentProfileImages'>
  731. <data:comment.authorAvatarImage/>
  732. </b:if>
  733. <b:if cond='data:comment.authorUrl'>
  734. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  735. <b:else/>
  736. <data:comment.author/>
  737. </b:if>
  738. <data:commentPostedByMsg/>
  739. </dt>
  740. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  741. <b:if cond='data:comment.isDeleted'>
  742. <span class='deleted-comment'><data:comment.body/></span>
  743. <b:else/>
  744. <p>
  745. <data:comment.body/>
  746. </p>
  747. </b:if>
  748. </dd>
  749. <dd class='comment-footer'>
  750. <span class='comment-timestamp'>
  751. <a expr:href='data:comment.url' title='comment permalink'>
  752. <data:comment.timestamp/>
  753. </a>
  754. <b:include data='comment' name='commentDeleteIcon'/>
  755. </span>
  756. </dd>
  757. </b:loop>
  758. </dl>
  759. </div>
  760.  
  761. <b:if cond='data:post.commentPagingRequired'>
  762. <span class='paging-control-container'>
  763. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  764. <data:post.oldestLinkText/>
  765. </a>
  766. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  767. <data:post.olderLinkText/>
  768. </a>
  769. &#160;
  770. <data:post.commentRangeText/>
  771. &#160;
  772. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  773. <data:post.newerLinkText/>
  774. </a>
  775. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  776. <data:post.newestLinkText/>
  777. </a>
  778. </span>
  779. </b:if>
  780.  
  781. <p class='comment-footer'>
  782. <b:if cond='data:post.embedCommentForm'>
  783. <b:if cond='data:post.allowNewComments'>
  784. <b:include data='post' name='comment-form'/>
  785. <b:else/>
  786. <data:post.noNewCommentsText/>
  787. </b:if>
  788. <b:else/>
  789. <b:if cond='data:post.allowComments'>
  790. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  791. </b:if>
  792. </b:if>
  793.  
  794. </p>
  795. </b:if>
  796. <b:if cond='data:showCmtPopup'>
  797. <div id='comment-popup'>
  798. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  799. </iframe>
  800. </div>
  801. </b:if>
  802.  
  803. <div id='backlinks-container'>
  804. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  805. <b:if cond='data:post.showBacklinks'>
  806. <b:include data='post' name='backlinks'/>
  807. </b:if>
  808. </div>
  809. </div>
  810. </div>
  811. </b:includable>
  812. <b:includable id='feedLinks'>
  813. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  814. <b:if cond='data:feedLinks'>
  815. <div class='blog-feeds'>
  816. <b:include data='feedLinks' name='feedLinksBody'/>
  817. </div>
  818. </b:if>
  819.  
  820. <b:else/> <!--Post feed links -->
  821. <div class='post-feeds'>
  822. <b:loop values='data:posts' var='post'>
  823. <b:if cond='data:post.allowComments'>
  824. <b:if cond='data:post.feedLinks'>
  825. <b:include data='post.feedLinks' name='feedLinksBody'/>
  826. </b:if>
  827. </b:if>
  828. </b:loop>
  829. </div>
  830. </b:if>
  831. </b:includable>
  832. <b:includable id='feedLinksBody' var='links'>
  833. <div class='feed-links'>
  834. <data:feedLinksMsg/>
  835. <b:loop values='data:links' var='f'>
  836. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  837. </b:loop>
  838. </div>
  839. </b:includable>
  840. <b:includable id='iframe_comments' var='post'>
  841.  
  842. <b:if cond='data:post.allowIframeComments'>
  843. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  844. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  845.  
  846. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  847. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  848. </b:if>
  849. </b:if>
  850. </b:includable>
  851. <b:includable id='mobile-index-post' var='post'>
  852. <div class='mobile-date-outer date-outer'>
  853. <b:if cond='data:post.dateHeader'>
  854. <div class='date-header'>
  855. <span><data:post.dateHeader/></span>
  856. </div>
  857. </b:if>
  858.  
  859. <div class='mobile-post-outer' style='border-bottom: 1px solid #ccc;padding-bottom: 10px;'>
  860. <a expr:href='data:post.url'>
  861. <h3 class='mobile-index-title entry-title' style='margin: 10px;'>
  862. <data:post.title/>
  863. </h3></a>
  864.  
  865.  
  866. <div class='mobile-index-contents'>
  867. <div class='mobilethumb' style='float: right;margin:5px 15px 0 15px;'><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' style='width:40px;height:40px'/></a></div>
  868. <div class='post-body'>
  869. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  870. </div>
  871. </div>
  872.  
  873. <div style='clear: both;'/>
  874.  
  875.  
  876. <div class='mobile-index-comment' style='margin: 5px;height: 10px;'>
  877. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  878. <b:if cond='data:post.allowComments'>
  879. <b:if cond='data:post.numComments != 0'>
  880. <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>
  881. </b:if>
  882. </b:if>
  883. <a expr:href='data:post.url' style='float:right;'>إقرأ المزيد</a>
  884. </b:if>
  885. </div>
  886. </div>
  887. </div>
  888. </b:includable>
  889. <b:includable id='mobile-main' var='top'>
  890. <!-- posts -->
  891. <div class='blog-posts hfeed'>
  892.  
  893. <b:include data='top' name='status-message'/>
  894.  
  895. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  896. <b:loop values='data:posts' var='post'>
  897. <b:include data='post' name='mobile-index-post'/>
  898. </b:loop>
  899. <b:else/>
  900. <b:loop values='data:posts' var='post'>
  901. <b:include data='post' name='mobile-post'/>
  902. </b:loop>
  903. </b:if>
  904. </div>
  905.  
  906. <b:include name='mobile-nextprev'/>
  907. </b:includable>
  908. <b:includable id='mobile-nextprev'>
  909. <div class='blog-pager' id='blog-pager'>
  910. <b:if cond='data:newerPageUrl'>
  911. <div class='mobile-link-button' id='blog-pager-newer-link'>
  912. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  913. </div>
  914. </b:if>
  915.  
  916. <b:if cond='data:olderPageUrl'>
  917. <div class='mobile-link-button' id='blog-pager-older-link'>
  918. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  919. </div>
  920. </b:if>
  921.  
  922. <div class='mobile-link-button' id='blog-pager-home-link'>
  923. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  924. </div>
  925.  
  926. <div class='mobile-desktop-link'>
  927. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  928. </div>
  929.  
  930. </div>
  931. <div class='clear'/>
  932. </b:includable>
  933. <b:includable id='mobile-post' var='post'>
  934. <div class='date-outer'>
  935. <b:if cond='data:post.dateHeader'>
  936. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  937. </b:if>
  938. <div class='date-posts'>
  939. <div class='post-outer'>
  940.  
  941. <div class='post hentry uncustomized-post-template'>
  942. <a expr:name='data:post.id'/>
  943. <b:if cond='data:post.title'>
  944. <h1 class='post-title entry-title' style='margin: 10px 0;font-size: 18px;'>
  945. <b:if cond='data:post.link'>
  946. <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
  947. <b:else/>
  948. <b:if cond='data:post.url'>
  949. <b:if cond='data:blog.url != data:post.url'>
  950. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  951. <b:else/>
  952. <data:post.title/>
  953. </b:if>
  954. <b:else/>
  955. <data:post.title/>
  956. </b:if>
  957. </b:if>
  958. </h1>
  959. </b:if>
  960.  
  961. <div class='post-header'>
  962. <div class='post-header-line-1'/>
  963. </div>
  964.  
  965.  
  966. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  967.  
  968. <data:post.body/>
  969. <div style='clear: both;'/> <!-- clear for photos floats -->
  970. </div>
  971.  
  972.  
  973. <div class='post-footer'>
  974. <div class='post-footer-line post-footer-line-1'>
  975. </div>
  976.  
  977. <div class='post-footer-line post-footer-line-2'>
  978. <b:if cond='data:top.showMobileShare'>
  979. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  980. <a href='javascript:void(0);'><data:shareMsg/></a>
  981. </div>
  982. </b:if>
  983. <b:if cond='data:top.showDummy'>
  984. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  985. </b:if>
  986. </div>
  987.  
  988. </div>
  989. </div>
  990.  
  991. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  992. <b:if cond='data:post.showThreadedComments'>
  993. <b:include data='post' name='threaded_comments'/>
  994. <b:else/>
  995. <b:include data='post' name='comments'/>
  996. </b:if>
  997. </b:if>
  998. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  999. <b:if cond='data:post.showThreadedComments'>
  1000. <b:include data='post' name='threaded_comments'/>
  1001. <b:else/>
  1002. <b:include data='post' name='comments'/>
  1003. </b:if>
  1004. </b:if>
  1005. </div>
  1006. </div>
  1007. </div>
  1008. </b:includable>
  1009. <b:includable id='nextprev'>
  1010. <div id='ias_pagination'>
  1011. <div class='blog-pager col-sm-12' id='blog-pager'>
  1012. <b:if cond='data:newerPageUrl'>
  1013. <span id='blog-pager-newer-link'>
  1014. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><i class='fa fa-long-arrow-right'/> <data:newerPageTitle/></a>
  1015. </span>
  1016. </b:if>
  1017.  
  1018. <b:if cond='data:olderPageUrl'>
  1019. <span id='blog-pager-older-link'>
  1020. <div id='ias_page_next'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/> <i class='fa fa-long-arrow-left'/></a></div>
  1021. </span>
  1022. </b:if>
  1023.  
  1024.  
  1025.  
  1026. <b:if cond='data:mobileLinkUrl'>
  1027. <div class='blog-mobile-link'>
  1028. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1029. </div>
  1030. </b:if>
  1031.  
  1032. </div>
  1033. </div>
  1034. <div class='clear'/>
  1035. </b:includable>
  1036. <b:includable id='post' var='post'>
  1037. <div class='ias_item'>
  1038.  
  1039. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1040. <article class='col-sm-4'>
  1041. <b:if cond='data:post.firstImageUrl'>
  1042. <div class='box-gambar'><a expr:href='data:post.url' expr:title='data:post.title'><img class='Viral-thumbnail' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a></div>
  1043. </b:if>
  1044.  
  1045. <b:if cond='data:post.title'>
  1046. <h3 class='post-title entry-title'>
  1047. <b:if cond='data:post.link'>
  1048. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  1049. <b:else/>
  1050. <b:if cond='data:post.url'>
  1051. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  1052. <b:else/>
  1053. <data:post.title/>
  1054. </b:if>
  1055. </b:if>
  1056. </h3>
  1057. </b:if>
  1058.  
  1059. </article>
  1060. </b:if>
  1061.  
  1062. <b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;}'>
  1063. <!-- Twitter Card Tags -->
  1064. <meta content='@bamzcoid' name='twitter:site'/>
  1065. <meta content='@bamzcoid' name='twitter:creator'/>
  1066. <b:if cond='data:post.firstImageUrl'>
  1067. <meta content='summary_large_image' name='twitter:card'/> <!-- summary_large_image or any other your card types -->
  1068. <meta expr:content='data:post.firstImageUrl' name='twitter:image'/>
  1069. <b:else/>
  1070. <meta content='summary' name='twitter:card'/>
  1071. <b:if cond='data:blog.postImageThumbnailUrl'>
  1072. <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
  1073. </b:if>
  1074. </b:if>
  1075.  
  1076. <b:if cond='data:blog.pageName'>
  1077. <meta expr:content='data:blog.pageName' name='twitter:title'/>
  1078. <b:else/>
  1079. <meta expr:content='data:blog.title' name='twitter:title'/>
  1080. </b:if>
  1081.  
  1082. <b:if cond='data:blog.metaDescription'>
  1083. <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  1084. <b:else/>
  1085. <meta expr:content='data:post.snippet' name='twitter:description'/>
  1086. </b:if>
  1087. <meta expr:content='data:post.sharePostUrl' name='twitter:url'/>
  1088. <!-- /Twitter Card Tags -->
  1089. <article class='col-sm-12'>
  1090.  
  1091. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1092. <div class='social-sharing-atas'>
  1093. <div class='social-sharing-baseline share-container ks-share-top clearfix'>
  1094. <!-- buttons start here -->
  1095. <ul class='social-sharing-buttons clearfix'>
  1096. <li class='facebook col-sm-6'>
  1097. <a class='socialPopup facebook' data-location='2' data-service='facebook' data-socialsite='1' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='facebook'>
  1098. <i class='fa fa-facebook'/>
  1099. <span class='text'>شارك على فيس بوك</span> (<span class='count'/>)
  1100. </a>
  1101. </li>
  1102. <li class='twitter col-sm-6'>
  1103. <a class='socialPopup twitter' data-location='2' data-socialsite='2' expr:data-text='data:post.title' expr:data-url='data:post.url' expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot; via @Bamzcoid - &quot;' onclick='window.open(this.href,&quot; sharer&quot; ,&quot; toolbar=0,status=0,width=626,height=436&quot; ); return false;' target='_blank' title='twitter'>
  1104. <i class='fa fa-twitter'/>
  1105. <span class='text'>شارك على تويتر</span>
  1106. </a>
  1107. </li>
  1108. </ul>
  1109. <!-- buttons end here -->
  1110. </div>
  1111. </div>
  1112. </b:if>
  1113.  
  1114. <b:if cond='data:post.title'>
  1115. <h1 class='post-title entry-title'>
  1116. <b:if cond='data:post.link'>
  1117. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  1118. <b:else/>
  1119. <b:if cond='data:post.url'>
  1120. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  1121. <b:else/>
  1122. <data:post.title/>
  1123. </b:if>
  1124. </b:if>
  1125. </h1>
  1126. </b:if>
  1127.  
  1128. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1129. <div class='row'>
  1130. <div class='Viral-tag col-sm-6'>
  1131. <span class='timestamp'>
  1132. <b:if cond='data:top.showTimestamp'>
  1133. <b:if cond='data:post.url'>
  1134. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1135. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:content='data:post.timestampISO8601' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
  1136. </b:if>
  1137. </b:if>
  1138. </span>
  1139. <span class='post-author'>
  1140. <b:if cond='data:top.showAuthor'>
  1141. By
  1142. <b:if cond='data:post.authorProfileUrl'>
  1143. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1144. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1145. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1146. <span itemprop='name'><data:post.author/></span>
  1147. </a>
  1148. </span>
  1149. <b:else/>
  1150. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1151. <span itemprop='name'><data:post.author/></span>
  1152. </span>
  1153. </b:if>
  1154. </b:if>
  1155. </span>
  1156. </div>
  1157. <div class='Viralpost-tag col-sm-6'>
  1158. <b:if cond='data:post.labels'>
  1159. <b:loop values='data:post.labels' var='label'>
  1160. <a expr:href='data:label.url + &quot;?max-results=6&quot;' rel='tag'>#<data:label.name/>&amp;nbsp;</a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1161. </b:loop>
  1162. </b:if>
  1163. </div>
  1164. </div>
  1165. </b:if>
  1166.  
  1167.  
  1168. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1169. <data:post.body/>
  1170. <div style='clear: both;'/>
  1171. </div>
  1172.  
  1173.  
  1174. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1175.  
  1176. <div align='center' class='iklan'>
  1177. <!-- KODE IKLAN DISINI -->
  1178. </div>
  1179.  
  1180. <script type='text/javascript'>//<![CDATA[
  1181. var _0x469f=["\x68\x72\x65\x66","\x61\x74\x74\x72","\x6C\x69\x6E\x6B\x5B\x72\x65\x6C\x3D\x63\x61\x6E\x6F\x6E\x69\x63\x61\x6C\x5D","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x70\x69\x2E\x62\x61\x6D\x7A\x2E\x63\x6F\x2E\x69\x64\x2F\x73\x68\x61\x72\x65\x2F\x3F\x75\x72\x6C\x3D","\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x3F","\x73\x68\x61\x72\x65\x73","\x64\x61\x74\x61\x2D\x73\x65\x72\x76\x69\x63\x65","\x2E\x73\x6F\x63\x69\x61\x6C\x50\x6F\x70\x75\x70","\x70\x61\x72\x65\x6E\x74\x73","\x74\x6F\x46\x69\x78\x65\x64","\x4D","\x6B","\x68\x74\x6D\x6C","\x65\x61\x63\x68","\x2E\x63\x6F\x75\x6E\x74","\x67\x65\x74\x4A\x53\x4F\x4E","\x72\x65\x61\x64\x79"];$(document)[_0x469f[16]](function(){var _0x6fcfx1=$(_0x469f[2])[_0x469f[1]](_0x469f[0]);$[_0x469f[15]](_0x469f[3]+(_0x6fcfx1)+_0x469f[4],function(_0x6fcfx2){shares=_0x6fcfx2[_0x469f[5]];$(_0x469f[14])[_0x469f[13]](function(_0x6fcfx3,_0x6fcfx4){service=$(_0x6fcfx4)[_0x469f[8]](_0x469f[7])[_0x469f[1]](_0x469f[6]);count=shares[service];if(count>1000){count=(count/1000)[_0x469f[9]](1);if(count>1000){count=(count/1000)[_0x469f[9]](1)+_0x469f[10]}else {count=count+_0x469f[11]};};$(_0x6fcfx4)[_0x469f[12]](count);});});});
  1182. //]]></script>
  1183.  
  1184. <div class='social-sharing'>
  1185. <div class='social-sharing-baseline share-container ks-share-top clearfix'>
  1186. <!-- buttons start here -->
  1187. <ul class='social-sharing-buttons clearfix'>
  1188. <li class='facebook'>
  1189. <a class='socialPopup facebook' data-location='2' data-service='facebook' data-socialsite='1' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='facebook'>
  1190. <i class='fa fa-facebook-square'/>
  1191. <span class='text'>شارك على فيس بوك</span> (<span class='count'/>)
  1192. </a>
  1193. </li>
  1194. <li class='twitter'>
  1195. <a class='socialPopup twitter' data-location='2' data-socialsite='2' expr:data-text='data:post.title' expr:data-url='data:post.url' expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot; via @Bamzcoid - &quot;' onclick='window.open(this.href,&quot; sharer&quot; ,&quot; toolbar=0,status=0,width=626,height=436&quot; ); return false;' target='_blank' title='twitter'>
  1196. <i class='fa fa-twitter'/>
  1197. <span class='text'>غرد</span>
  1198. </a>
  1199. </li>
  1200. <li class='googleplus'>
  1201. <a class='socialPopup Gplus' data-location='2' data-socialsite='5' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' target='_blank' title='Google Plus'>
  1202. <i class='fa fa-google-plus'/>
  1203. <span class='text'>جوجل بلس</span>
  1204. </a>
  1205. </li>
  1206. </ul>
  1207. <!-- buttons end here -->
  1208. </div>
  1209. </div>
  1210. </b:if>
  1211.  
  1212. </article>
  1213. </b:if>
  1214.  
  1215. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1216. <div class='clear'/>
  1217. <b:include name='nextprev'/>
  1218.  
  1219. <div class='Viralterkait'>
  1220. <div class='col-sm-12'><h3>مواضيع <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' target='_blank'><data:blog.title/></a> الشائعة :</h3></div>
  1221. <b:if cond='data:post.labels'>
  1222. <b:loop values='data:post.labels' var='label'>
  1223. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50&quot;' type='text/javascript'/>
  1224. </b:loop>
  1225. <div>
  1226. <script type='text/javascript'>artikelterkait();</script>
  1227. </div>
  1228. </b:if>
  1229. <script type='text/javascript'>
  1230. removeRelatedDuplicates();
  1231. printRelatedLabels();
  1232. </script>
  1233. </div>
  1234.  
  1235. <div id='fb-root'/>
  1236. <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
  1237. <div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
  1238.  
  1239.  
  1240. </b:if>
  1241. </div>
  1242. </b:includable>
  1243. <b:includable id='postQuickEdit' var='post'>
  1244. <b:if cond='data:post.editUrl'>
  1245. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1246. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1247. <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1248. </a>
  1249. </span>
  1250. </b:if>
  1251. </b:includable>
  1252. <b:includable id='shareButtons' var='post'>
  1253. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  1254. </b:includable>
  1255. <b:includable id='status-message'>
  1256. <b:if cond='data:navMessage'>
  1257. <div class='status-msg-wrap'>
  1258. <div class='status-msg-body'>
  1259. <data:navMessage/>
  1260. </div>
  1261. <div class='status-msg-border'>
  1262. <div class='status-msg-bg'>
  1263. <div class='status-msg-hidden'><data:navMessage/></div>
  1264. </div>
  1265. </div>
  1266. </div>
  1267. <div style='clear: both;'/>
  1268. </b:if>
  1269. </b:includable>
  1270. <b:includable id='threaded-comment-form' var='post'>
  1271. <div class='comment-form'>
  1272. <a name='comment-form'/>
  1273. <b:if cond='data:mobile'>
  1274. <p><data:blogCommentMessage/></p>
  1275. <data:blogTeamBlogMessage/>
  1276. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1277. <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%'/>
  1278. <b:else/>
  1279. <p><data:blogCommentMessage/></p>
  1280. <data:blogTeamBlogMessage/>
  1281. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1282. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1283. </b:if>
  1284. <data:post.friendConnectJs/>
  1285. <data:post.cmtfpIframe/>
  1286. <script type='text/javascript'>
  1287. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1288. </script>
  1289. </div>
  1290. </b:includable>
  1291. <b:includable id='threaded_comment_js' var='post'>
  1292. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1293.  
  1294. <script type='text/javascript'>
  1295. (function() {
  1296. var items = <data:post.commentJso/>;
  1297. var msgs = <data:post.commentMsgs/>;
  1298. var config = <data:post.commentConfig/>;
  1299.  
  1300. // <![CDATA[
  1301. var cursor = null;
  1302. if (items && items.length > 0) {
  1303. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1304. }
  1305.  
  1306. var bodyFromEntry = function(entry) {
  1307. if (entry.gd$extendedProperty) {
  1308. for (var k in entry.gd$extendedProperty) {
  1309. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1310. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1311. }
  1312. }
  1313. }
  1314. return entry.content.$t;
  1315. }
  1316.  
  1317. var parse = function(data) {
  1318. cursor = null;
  1319. var comments = [];
  1320. if (data && data.feed && data.feed.entry) {
  1321. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1322. var comment = {};
  1323. // comment ID, parsed out of the original id format
  1324. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1325. comment.id = id ? id[2] : null;
  1326. comment.body = bodyFromEntry(entry);
  1327. comment.timestamp = Date.parse(entry.published.$t) + '';
  1328. if (entry.author && entry.author.constructor === Array) {
  1329. var auth = entry.author[0];
  1330. if (auth) {
  1331. comment.author = {
  1332. name: (auth.name ? auth.name.$t : undefined),
  1333. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1334. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1335. };
  1336. }
  1337. }
  1338. if (entry.link) {
  1339. if (entry.link[2]) {
  1340. comment.link = comment.permalink = entry.link[2].href;
  1341. }
  1342. if (entry.link[3]) {
  1343. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1344. if (pid && pid[1]) {
  1345. comment.parentId = pid[1];
  1346. }
  1347. }
  1348. }
  1349. comment.deleteclass = 'item-control blog-admin';
  1350. if (entry.gd$extendedProperty) {
  1351. for (var k in entry.gd$extendedProperty) {
  1352. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1353. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1354. }
  1355. }
  1356. }
  1357. comments.push(comment);
  1358. }
  1359. }
  1360. return comments;
  1361. };
  1362.  
  1363. var paginator = function(callback) {
  1364. if (hasMore()) {
  1365. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1366. if (cursor) {
  1367. url += '&published-min=' + new Date(cursor).toISOString();
  1368. }
  1369. window.bloggercomments = function(data) {
  1370. var parsed = parse(data);
  1371. cursor = parsed.length < 50 ? null
  1372. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1373. callback(parsed);
  1374. window.bloggercomments = null;
  1375. }
  1376. url += '&callback=bloggercomments';
  1377. var script = document.createElement('script');
  1378. script.type = 'text/javascript';
  1379. script.src = url;
  1380. document.getElementsByTagName('head')[0].appendChild(script);
  1381. }
  1382. };
  1383. var hasMore = function() {
  1384. return !!cursor;
  1385. };
  1386. var getMeta = function(key, comment) {
  1387. if ('iswriter' == key) {
  1388. var matches = !!comment.author
  1389. && comment.author.name == config.authorName
  1390. && comment.author.profileUrl == config.authorUrl;
  1391. return matches ? 'true' : '';
  1392. } else if ('deletelink' == key) {
  1393. return config.baseUri + '/delete-comment.g?blogID='
  1394. + config.blogId + '&postID=' + comment.id;
  1395. } else if ('deleteclass' == key) {
  1396. return comment.deleteclass;
  1397. }
  1398. return '';
  1399. };
  1400.  
  1401. var replybox = null;
  1402. var replyUrlParts = null;
  1403. var replyParent = undefined;
  1404.  
  1405. var onReply = function(commentId, domId) {
  1406. if (replybox == null) {
  1407. // lazily cache replybox, and adjust to suit this style:
  1408. replybox = document.getElementById('comment-editor');
  1409. if (replybox != null) {
  1410. replybox.height = '250px';
  1411. replybox.style.display = 'block';
  1412. replyUrlParts = replybox.src.split('#');
  1413. }
  1414. }
  1415. if (replybox && (commentId !== replyParent)) {
  1416. document.getElementById(domId).insertBefore(replybox, null);
  1417. replybox.src = replyUrlParts[0]
  1418. + (commentId ? '&parentID=' + commentId : '')
  1419. + '#' + replyUrlParts[1];
  1420. replyParent = commentId;
  1421. }
  1422. };
  1423.  
  1424. var hash = (window.location.hash || '#').substring(1);
  1425. var startThread, targetComment;
  1426. if (/^comment-form_/.test(hash)) {
  1427. startThread = hash.substring('comment-form_'.length);
  1428. } else if (/^c[0-9]+$/.test(hash)) {
  1429. targetComment = hash.substring(1);
  1430. }
  1431.  
  1432. // Configure commenting API:
  1433. var configJso = {
  1434. 'maxDepth': config.maxThreadDepth
  1435. };
  1436. var provider = {
  1437. 'id': config.postId,
  1438. 'data': items,
  1439. 'loadNext': paginator,
  1440. 'hasMore': hasMore,
  1441. 'getMeta': getMeta,
  1442. 'onReply': onReply,
  1443. 'rendered': true,
  1444. 'initComment': targetComment,
  1445. 'initReplyThread': startThread,
  1446. 'config': configJso,
  1447. 'messages': msgs
  1448. };
  1449.  
  1450. var render = function() {
  1451. if (window.goog && window.goog.comments) {
  1452. var holder = document.getElementById('comment-holder');
  1453. window.goog.comments.render(holder, provider);
  1454. }
  1455. };
  1456.  
  1457. // render now, or queue to render when library loads:
  1458. if (window.goog && window.goog.comments) {
  1459. render();
  1460. } else {
  1461. window.goog = window.goog || {};
  1462. window.goog.comments = window.goog.comments || {};
  1463. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1464. window.goog.comments.loadQueue.push(render);
  1465. }
  1466. })();
  1467. // ]]>
  1468. </script>
  1469. </b:includable>
  1470. <b:includable id='threaded_comments' var='post'>
  1471. <div class='comments' id='comments'>
  1472. <a name='comments'/>
  1473. <h4>
  1474. <b:if cond='data:post.numComments == 1'>
  1475. 1 <data:commentLabel/>:
  1476. <b:else/>
  1477. <data:post.numComments/> <data:commentLabelPlural/>:
  1478. </b:if>
  1479. </h4>
  1480.  
  1481. <div class='comments-content'>
  1482. <b:if cond='data:post.embedCommentForm'>
  1483. <b:include data='post' name='threaded_comment_js'/>
  1484. </b:if>
  1485. <div id='comment-holder'>
  1486. <data:post.commentHtml/>
  1487. </div>
  1488. </div>
  1489.  
  1490. <p class='comment-footer'>
  1491. <b:if cond='data:post.allowNewComments'>
  1492. <b:include data='post' name='threaded-comment-form'/>
  1493. <b:else/>
  1494. <data:post.noNewCommentsText/>
  1495. </b:if>
  1496. </p>
  1497.  
  1498. <b:if cond='data:showCmtPopup'>
  1499. <div id='comment-popup'>
  1500. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1501. </iframe>
  1502. </div>
  1503. </b:if>
  1504.  
  1505. <div id='backlinks-container'>
  1506. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1507. <b:if cond='data:post.showBacklinks'>
  1508. <b:include data='post' name='backlinks'/>
  1509. </b:if>
  1510. </div>
  1511. </div>
  1512. </div>
  1513. </b:includable>
  1514. </b:widget>
  1515. </b:section>
  1516.  
  1517. </div>
  1518. <!-- Main Post end -->
  1519.  
  1520. <!-- Sidebar start -->
  1521. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1522. <aside class='col-sm-4' id='Viralsidebar'>
  1523.  
  1524. <b:section class='right-col' id='sidebaratas' preferred='yes'>
  1525. <b:widget id='HTML1' locked='true' title='Plugin Facebook' type='HTML' version='1'>
  1526. <b:widget-settings>
  1527. <b:widget-setting name='content'/>
  1528. </b:widget-settings>
  1529. <b:includable id='main'>
  1530. <div class='widget-content'>
  1531. <data:content/>
  1532. </div>
  1533. </b:includable>
  1534. </b:widget>
  1535. <b:widget id='HTML100' locked='false' title='Iklan 300x600' type='HTML' version='1'>
  1536. <b:widget-settings>
  1537. <b:widget-setting name='content'/>
  1538. </b:widget-settings>
  1539. <b:includable id='main'>
  1540. <div class='widget-content'>
  1541. <data:content/>
  1542. </div>
  1543. </b:includable>
  1544. </b:widget>
  1545. <b:widget id='PopularPosts1' locked='true' title='مشاركات شائعة' type='PopularPosts' version='1'>
  1546. <b:widget-settings>
  1547. <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
  1548. <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  1549. <b:widget-setting name='showSnippets'>true</b:widget-setting>
  1550. <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  1551. </b:widget-settings>
  1552. <b:includable id='main'>
  1553. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  1554. <div class='widget-content popular-posts'>
  1555. <ul>
  1556. <b:loop values='data:posts' var='post'>
  1557. <li>
  1558. <b:if cond='!data:showThumbnails'>
  1559. <b:if cond='!data:showSnippets'>
  1560. <!-- (1) No snippet/thumbnail -->
  1561. <a expr:href='data:post.href'><data:post.title/></a>
  1562. <b:else/>
  1563. <!-- (2) Show only snippets -->
  1564. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1565. <div class='item-snippet'><data:post.snippet/></div>
  1566. </b:if>
  1567. <b:else/>
  1568. <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  1569. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  1570. <b:if cond='data:post.thumbnail'>
  1571. <div class='item-thumbnail'>
  1572. <a expr:href='data:post.href' target='_blank'>
  1573. <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  1574. </a>
  1575. </div>
  1576. </b:if>
  1577. <h4 class='item-title'><a expr:href='data:post.href'><data:post.title/></a></h4>
  1578. <b:if cond='data:showSnippets'>
  1579. <div class='item-snippet'><data:post.snippet/></div>
  1580. </b:if>
  1581. </div>
  1582. <div style='clear: both;'/>
  1583. </b:if>
  1584. </li>
  1585. </b:loop>
  1586. </ul>
  1587. </div>
  1588. </b:includable>
  1589. </b:widget>
  1590. </b:section>
  1591. </aside>
  1592. </b:if>
  1593. <!-- Sidebar end -->
  1594.  
  1595. <div class='clear'/>
  1596. </div>
  1597. <!-- Wrapper end -->
  1598.  
  1599. <!-- Fotter start -->
  1600. <footer>
  1601. <div class='schema_footer' id='schema_footer' style='text-align:center; z-index: 9999;'>
  1602. <object data='http://orionews.com/schema_footer.html' frameborder='no' height='100%' scrolling='no' width='100%'/>
  1603. </div>
  1604. <div class='signup'>
  1605. <div class='container'>
  1606. <div class='row signup'>
  1607. <div class='col-xs-12 col-sm-8'>
  1608. <span>توصل بمزيد المقالات المشابهة</span><span class='yellow'>&amp;nbsp;على إيميلك!</span>
  1609. </div>
  1610.  
  1611. <b:section class='col-xs-12 col-sm-4' id='subscribebawah' showaddelement='no'>
  1612. <b:widget id='HTML200' locked='true' title='الاشتراك في الايميل' type='HTML' version='1'>
  1613. <b:widget-settings>
  1614. <b:widget-setting name='content'>&lt;form class=&#39;form&#39; action=&#39;http://feedburner.google.com/fb/a/mailverify&#39; method=&#39;get&#39; onsubmit=&#39;window.open(&amp;apos;http://feedburner.google.com/fb/a/mailverify?uri=ID-FEEDBURNER&amp;apos;, &amp;apos;popupwindow&amp;apos;, &amp;apos;scrollbars=yes,width=550,height=520&amp;apos;);return true&#39; target=&#39;popupwindow&#39;&gt;
  1615. &lt;input name=&#39;uri&#39; type=&#39;hidden&#39; value=&#39;http://tiny.cc/zwh1pz&#39;/&gt;
  1616. &lt;input class=&#39;form-control&#39; id=&#39;subscribe-email&#39; name=&#39;email&#39; placeholder=&#39;أدخل إيميلك هنا..&#39; style=&#39;width:80%;float:left&#39; type=&#39;email&#39;/&gt;
  1617. &lt;button class=&#39;btn btn-default&#39; type=&#39;submit&#39;&gt;OK&lt;/button&gt;
  1618. &lt;/form&gt;</b:widget-setting>
  1619. </b:widget-settings>
  1620. <b:includable id='main'>
  1621. <div class='widget-content'>
  1622. <data:content/>
  1623. </div>
  1624. </b:includable>
  1625. </b:widget>
  1626. </b:section>
  1627.  
  1628. </div>
  1629. </div>
  1630. </div>
  1631. <div class='black-box'>
  1632. <div class='container'>
  1633. <div class='row'>
  1634. <b:section class='col-xs-6 col-sm-4' id='menubawah1' showaddelement='no'>
  1635. <b:widget id='Label1' locked='true' title='أقسام مهمة لك!' type='Label' version='1'>
  1636. <b:widget-settings>
  1637. <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  1638. <b:widget-setting name='display'>LIST</b:widget-setting>
  1639. <b:widget-setting name='selectedLabelsList'>إضافات المتصفحات,التواصل الاجتماعي,العاب</b:widget-setting>
  1640. <b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
  1641. <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  1642. </b:widget-settings>
  1643. <b:includable id='main'>
  1644. <b:if cond='data:title != &quot;&quot;'>
  1645. <h4><data:title/></h4>
  1646. </b:if>
  1647. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  1648. <b:if cond='data:display == &quot;list&quot;'>
  1649. <ul class='footer-list'>
  1650. <b:loop values='data:labels' var='label'>
  1651. <li>
  1652. <b:if cond='data:blog.url == data:label.url'>
  1653. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  1654. <b:else/>
  1655. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=6&quot;'><data:label.name/></a>
  1656. </b:if>
  1657. <b:if cond='data:showFreqNumbers'>
  1658. <span dir='rtl'>(<data:label.count/>)</span>
  1659. </b:if>
  1660. </li>
  1661. </b:loop>
  1662. </ul>
  1663. <b:else/>
  1664. <b:loop values='data:labels' var='label'>
  1665. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  1666. <b:if cond='data:blog.url == data:label.url'>
  1667. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  1668. <b:else/>
  1669. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=6&quot;'><data:label.name/></a>
  1670. </b:if>
  1671. <b:if cond='data:showFreqNumbers'>
  1672. <span class='label-count' dir='rtl'>(<data:label.count/>)</span>
  1673. </b:if>
  1674. </span>
  1675. </b:loop>
  1676. </b:if>
  1677. </div>
  1678. </b:includable>
  1679. </b:widget>
  1680. </b:section>
  1681. <b:section class='col-xs-6 col-sm-4' id='menubawah2' showaddelement='no'>
  1682. <b:widget id='PageList1' locked='true' title='المزيد من المعلومات' type='PageList' version='1'>
  1683. <b:widget-settings>
  1684. <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://viral-book1.blogspot.com/', 'title': 'الصفحة الرئيسية', 'position': 0}}]]></b:widget-setting>
  1685. <b:widget-setting name='homeTitle'>الصفحة الرئيسية</b:widget-setting>
  1686. </b:widget-settings>
  1687. <b:includable id='main'>
  1688. <!-- only display title if it's non-empty -->
  1689. <b:if cond='data:title != &quot;&quot;'>
  1690. <h4 class='title'><data:title/></h4>
  1691. </b:if>
  1692. <div class='widget-content'>
  1693. <ul class='footer-list'>
  1694. <b:loop values='data:links' var='link'>
  1695. <b:if cond='data:link.isCurrentPage'>
  1696. <li><a expr:href='data:link.href'><data:link.title/></a></li>
  1697. <b:else/>
  1698. <li><a expr:href='data:link.href'><data:link.title/></a></li>
  1699. </b:if>
  1700. </b:loop>
  1701. </ul>
  1702. </div>
  1703. </b:includable>
  1704. </b:widget>
  1705. </b:section>
  1706.  
  1707. <div class='col-xs-12 col-sm-4'>
  1708. <div class='row'>
  1709. <div class='col-xs-12 col-sm-12'>
  1710. <b:section class='social pull-left' id='sosialwidget' showaddelement='no'>
  1711. <b:widget id='HTML300' locked='true' title='Plugin Social Widget' type='HTML' version='1'>
  1712. <b:widget-settings>
  1713. <b:widget-setting name='content'>&lt;a href=&#39;https://www.facebook.com/ID-FANPAGE&#39; target=&#39;_blank&#39;&gt;&lt;i class=&#39;fa fa-facebook-square&#39;/&gt;&lt;/i&gt;&lt;/a&gt;
  1714. &lt;a href=&#39;https://plus.google.com/+ID-GOOGLEPLUS&#39; target=&#39;_blank&#39;&gt;&lt;i class=&#39;fa fa-google-plus-square&#39;/&gt;&lt;/i&gt;&lt;/a&gt;
  1715. &lt;a href=&#39;https://twitter.com/ID-TWITTER&#39; target=&#39;_blank&#39;&gt;&lt;i class=&#39;fa fa-twitter-square&#39;/&gt;&lt;/i&gt;&lt;/a&gt;
  1716. &lt;a href=&#39;https://www.youtube.com/ID-YOUTUBE&#39; target=&#39;_blank&#39;&gt;&lt;i class=&#39;fa fa-youtube-square&#39;/&gt;&lt;/i&gt;&lt;/a&gt;
  1717. &lt;a href=&#39;http://www.pinterest.com/ID-PINTEREST&#39; target=&#39;_blank&#39;&gt;&lt;i class=&#39;fa fa-pinterest-square&#39;/&gt;&lt;/i&gt;&lt;/a&gt;
  1718. &lt;a href=&#39;http://www.linkedin.com/company/ID-LINKEDIN&#39; target=&#39;_blank&#39;&gt;&lt;i class=&#39;fa fa-linkedin-square&#39;/&gt;&lt;/i&gt;&lt;/a&gt;</b:widget-setting>
  1719. </b:widget-settings>
  1720. <b:includable id='main'>
  1721. <div class='widget-content'>
  1722. <data:content/>
  1723. </div>
  1724. </b:includable>
  1725. </b:widget>
  1726. </b:section>
  1727.  
  1728. </div>
  1729. <div class='col-xs-12'>
  1730. <div class='copyright pull-left'>
  1731. <span title='0.76'>@ 2050</span> <span title='TS20 - DT (og) - Default Desktop'><data:blog.title/></span> </div>
  1732. </div>
  1733. </div>
  1734. </div>
  1735. </div>
  1736. </div>
  1737. </div>
  1738. </footer>
  1739. <!-- Footer end -->
  1740.  
  1741. <a href='#' style='position: fixed; bottom: 5px; left: 5px; opacity: 1; cursor: pointer;' title='Scroll to top'><i><img alt='Scroll to top' src='http://4.bp.blogspot.com/-3oCnnDsEKWQ/VqYLhDt0GGI/AAAAAAAABeY/aZ4W-fnjAq4/s1600/arrow-up.png'/></i></a> <a href='http://tiny.cc/zwh1pz' style='font-size:16px;' title='Translated by CBT soft'>جميع الحقوق محفوظة لموقع ا&#1614;مين</a>
  1742.  
  1743. <script>
  1744. $(function() {
  1745.  
  1746.  
  1747. /* affix the navbar after scroll below header */
  1748. $(&#39;#nav&#39;).affix({
  1749. offset: {
  1750. top: $(&#39;header&#39;).height() - $(&#39;#nav&#39;).height()
  1751. }
  1752. });
  1753.  
  1754. /* highlight the top nav as scrolling occurs */
  1755. $(&#39;body&#39;).scrollspy({target: &#39;#nav&#39;});
  1756.  
  1757. /* smooth scrolling for scroll to top */
  1758. $(&#39;.scroll-top&#39;).click(function() {
  1759. $(&#39;body,html&#39;).animate({scrollTop: 0}, 1000);
  1760. });
  1761.  
  1762. /* smooth scrolling for nav sections */
  1763. $(&#39;#nav .navbar-nav li&gt;a&#39;).click(function() {
  1764. var posi = $(this).offset().top;
  1765. $(&#39;body,html&#39;).animate({scrollTop: posi}, 700);
  1766. });
  1767.  
  1768. $(&#39;#asearch&#39;).on(&#39;click&#39;, function() {
  1769. var ev = arguments[0];
  1770. if(!ev) {
  1771. ev = window.event;
  1772. }
  1773. ev.stopPropagation();
  1774. });
  1775.  
  1776. $(&#39;li#navbar-search &gt; a&#39;).on(&#39;click&#39;, function () {
  1777. $(&#39;#navbar-search &gt; a &gt; i&#39;).toggleClass(&#39;fa-search fa-times&#39;);
  1778. $(&quot;.search-box&quot;).toggleClass(&#39;active&#39;);
  1779. $(&#39;#asearch&#39;).focus();
  1780. return false;
  1781. });
  1782. });
  1783. </script>
  1784. <script src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'/>
  1785. <div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
  1786. <center><object data='http://orionews.com/schema_header.html' frameborder='no' height='90px' scrolling='no' width='100%'/></center>
  1787. </div>
  1788.  
  1789.  
  1790. </body>
  1791. </html>
Advertisement
RAW Paste Data Copied
Advertisement