الثلاثاء، 18 أكتوبر، 2016

تحميل قالب نيو بوك مع الشرح

تحميل قالب نيو بوك بجميع إظافاته مع الشرح لطريقة التركيب و التعديل


معلومات عن القالب

✔ قالب متجواب مع جميع الأجهزة
✔ سيو جاهز
✔ أزرار المشاركة أسفل التدوينات و في رسائل المدونة
✔ سلايد شو في الأعلى و الأسفل
✔ أنيق و جذاب
✔ شريط الأخبار
و العديد

مشاهدة و تحميل القالب


شرح تركيب و تعديل القالب

لإظافة شريط الأخبار
من تخطيط إفتح صندوق إسمه شريط اخبار و ضع به هذا الكود
10/recent

الرقم 10 عدد المواضيع



لإظافة السلايد شو العلوي
من تخطيط إفتح صندوق إسمه slider-wrpps ثم ضع به هذا الكود
[بلوجر][sidebarcarousel]
غير ما باللون الأحمر بإسم قسم معين



لتعديل على آخر الأخبار و جديدنا
من داخل القالب إبحث عن كلمة tab3
<div class='alltabber'>
<div class='tabber3' id='tab3'>
<h2><a class='titletabber moussa-animation moussa-light' href='#'>آخر الآخبار</a></h2>

<script>
document.write(&quot; &lt;script src=\&quot;http://ar-template007.blogspot.com/feeds/posts/default/-/سيو?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
<div class='tabber3' id='tab3'>
<h2><a class='titletabber moussa-animation moussa-light' href='#'>جديدنا</a></h2>
<script>
document.write(&quot; &lt;script src=\&quot;http://ar-template007.blogspot.com/feeds/posts/default/-/بلوجر?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</div>
غير هذه العلامة # برابط قسم معين
غير ما باللون الأخضر بالعنوان
غير ما باللون الأزرق برابط مدونتك
غير ما باللون الأصفر بإسم القسم



لتعديل على إظافة التبادل الإعلاني
من داخل القالب إبحث عن هذه الكلمة تبادل اعلاني
<h2 class='sidebarmm moussa-animation moussa-orange'><i class='fa fa-fa-link'/> تبادل اعلاني</h2>
<ul>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>
<li><a href='#'><i class='fa fa-fa-link'/>موقعك هنا </a></li>

</ul>
</div>
غير ما باللون الاحمر بإسم الموقع في حال تمت إظافة موقع
و غير هذه العلامة # برابط الموقع



لإظافة السلايد شو السفلي 
من تخطيط إفتح صندوق إسمه slid-posts 
موجود أعلى الفوتر
و ضع به إسم قسم معين



لتعديل على الكاتب
من داخل القالب إبحث عن هذه الكلمة وصف عن نفسك
<div class='post-author'>
<a expr:href='data:post.authorProfileUrl'> <img expr:src='data:post.authorPhoto.url' expr:title='data:post.author' itemprop='image' width='100px'/>
  <h1><a href='https://plus.google.com/101878920866960641116'><data:post.author/></a></h1></a>
<p>
وصف عن نفسك &#215;
وصف عن نفسك &#215;
وصف عن نفسك &#215;
وصف عن نفسك &#215;
وصف عن نفسك &#215;
وصف عن نفسك &#215;
وصف عن نفسك &#215;
وصف عن نفسك &#215;
  </p>
</div>
إستبدل ما باللون الأحمر بوصف موجز عنك أو موقعك



إظافات القالب +
كود إظافة سلايد شو الموجود في السايدبار جديدنا
<style>ul.featured-widget-list,ul.featured-widget-list li{margin:0;padding:0;list-style:none;position:relative }ul.featured-widget-list li{display:none}ul.featured-widget-list li:nth-child(1){display:block;line-height:0;font-family: Ta3alamFont;}ul.featured-widget-list img{border:0;width:100%;height:auto}ul.featured-widget-list .featuredbg{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://3.bp.blogspot.com/-1_Vnfz23h0E/V0m7kzHpgiI/AAAAAAAALlU/f763ScY-PBc2UnqNX3Tf20lyvHxtRo9qwCLcB/s400/overlay-bg.png);background-position:0% 100%;background-repeat:repeat-x}ul.featured-widget-list .featuredbg:hover{opacity:.1}ul.featured-widget-list h5{position:absolute;left:0;right:0;text-align:center;bottom:10px;z-index:2;color:#fff;margin:0;text-transform: capitalize;padding:10px 20px;line-height:1.9em;font: 700 16px 'droid arabic kufi', sans-serif;overflow:hidden}
ul.featured-widget-list li:hover h5{bottom:30px}ul.featured-widget-list .featured-meta{font: 11px 'droid arabic kufi', sans-serif;position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:2;color:#fff;opacity:0}ul.featured-widget-list h5, ul.featured-widget-list .featured-meta {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;font-family: Ta3alamFont;}ul.featured-widget-list li:hover .featured-meta{bottom:20px;opacity:1}.feat-buttons{position:absolute;top:17%;left:0;z-index:5;width:39%}
.feat-buttons a{text-indent: -9999px;
    margin: 0 9px;
    width: 22px;
    height: 22px;
    padding: 20px;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.7;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}.feat-prev{float:left;}.feat-next{float:right;}.feat-buttons a.feat-prev::before, .feat-buttons a.feat-next::before{content:"";width:0;height:0;border-width:6px 7px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:50%;margin-top:-6px;margin-left:-11px;left:50%}
.feat-buttons a.feat-next::before{border-color:transparent transparent transparent #fff;margin-left:-3px}</style>
<div id="featuredbwidget"></div>
<script type='text/javascript'>
//<![CDATA[
featuredbwidget({
listURL:"http://ar-template007.blogspot.nl/",
featuredNum:100,
listbyLabel:false,
feathumbSize:350,
interval:3000,
autoplay:true,
featuredID:"#featuredbwidget"
});
function featuredbwidget(a){(function(e){var h={listURL:"",featuredNum:3,featuredID:"",feathumbSize:300,interval:5000,autoplay:false,loadingFeatured:"nextfeatured",pBlank:"https://3.bp.blogspot.com/-EOu4Rrgcryo/V0m8dV7MU1I/AAAAAAAALlg/4h5vQaHpQiMdkvtUdDbu0LtjJRvgPERYwCLcB/s500/no-image.png",byMonth:["يناير","فبراير","مارس","ابريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],listbyLabel:false};h=e.extend({},h,a);var g=e(h.featuredID);var d=h.featuredNum*200;g.html('<div class="featslider"><ul class="featured-widget-list"></ul><div class="feat-buttons"><a href="#" class="feat-prev">Prev</a><a href="#" class="feat-next">Next</a></div></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.feathumbSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.feathumbSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.byMonth[parseInt(p,10)-1];l+='<li><a href="'+q+'"><div class="featuredbg"></div><img class="featuredthumb" src="'+u+'"/><h5>'+k+'</h5></a><div class="featured-meta"><span class="fdate"><span class="fday">'+t+'</span> <span class="fmonth">'+v+'</span> <span class="fyear">'+x+'</span></span> - <span class="fauthor">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingFeatured)};var c=function(){e(h.featuredID+" .feat-next").click()};var b=function(){e.get((h.listURL===""?window.location.protocol+"//"+window.location.host:h.listURL)+"/feeds/posts/summary"+(h.listbyLabel===false?"":"/-/"+h.listbyLabel)+"?max-results="+h.featuredNum+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.featuredID+" .feat-prev").click(function(){e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));return false});e(h.featuredID+" .feat-next").click(function(){e(h.featuredID+" .featslider li:last").after(e(h.featuredID+" .featslider li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.featuredID+" .featslider li:first").before(e(h.featuredID+" .featslider li:last"));e(h.featuredID+" .featslider").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingFeatured)},d)};e(document).ready(b)})(jQuery)};
//]]>
</script>
غير http://ar-template007.blogspot.nl/
 برابط مدونتك



كود إظافة عن صاحب المدونة
<style>
.card-loader{position:relative;overflow:hidden;margin-bottom:0}.card-loader{background-color:#fff;border-radius:4px}.card-loader>img{display:block;position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.card-loader .user-card{margin-bottom:0}.card-loader:after{content:'';width:80px;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,0);background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );animation:card-loader 1.5s linear infinite;-webkit-animation:card-loader 1.5s linear infinite}@keyframes card-loader{0%{left: -20%;opacity:1}90%{left:120%;opacity:1}98%{left:120%;opacity:0}99%{left: -20%;opacity:0}100%{left: -20%;opacity:1}}@-webkit-keyframes card-loader{0%{left: -20%;opacity:1}90%{left:120%;opacity:1}98%{left:120%;opacity:0}99%{left: -20%;opacity:0}100%{left: -20%;opacity:1}}.user-card{width:100%;display:block;position:relative;background-color:#fff;border-radius:4px;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0,0,0,0.2);text-align:center;margin-bottom:2em;font-size:16px;padding-top:1px}.user-card:last-child{margin-right:0}.user-card .profile-picture
.avatar{display:block;width:120px;height:120px;box-shadow:0 0 12px #b3b3b3;background-color:#fff;border-radius:100%;overflow:hidden;background-size:100%;border:6px
solid #fff;position:relative;margin:1em
auto}.user-card .profile-picture .avatar
img{max-width:100%;max-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);border-radius:100%}.user-card .profile-picture .avatar
label{opacity:0;width:50%;height:50%;color:#333;cursor:pointer;background:white;display:block;border-radius:0 3em 0 1em;z-index:1;position:absolute;top: -1px;right: -1px;display:block;-webkit-transition:opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);-moz-transition:opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);-o-transition:opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);-ms-transition:opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition:opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22)}.user-card .profile-picture .avatar label:before{font-size:1.4em;margin-top:15px;margin-right:5px;display:inline-block}@media screen and (max-width: 880px){.user-card .profile-picture .avatar
label{opacity:1}}.user-card .profile-picture .avatar:hover
label{opacity:1}.user-card .profile-picture
.username{color:#333;display:block;padding:0
1em;word-wrap:break-word}.user-card .profile-picture .real-name{color:#a6a9ac;display:block;font-size: .8em;padding:0
1em;word-wrap:break-word}.user-card .profile-picture
.about{color:#a6a9ac;word-wrap:break-word;padding:0
1em;margin-top: .5em;font-size:0.9em}.user-card
.ranking{border-radius:20px;color:#fff;padding: .1em .5em;font-weight:bold;background-color:#f05f5c;position:absolute;margin-top: -3em;font-size:1em;margin-left:2em;cursor:default}.user-card .ranking:hover{background-color:#f05f5c}.user-card
.stats{border-top:1px solid #f5f8f9}.user-card .stats::after{clear:both;content:"";display:table}.user-card .stats a, .user-card .stats
div{color:#333;float:left;width:25%;display:block;padding: .5em;margin:0;text-decoration:none;border-right:1px solid #f5f8f9;font-size:0.9em}.user-card .stats a b, .user-card .stats div
b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.user-card .stats a i, .user-card .stats div
i{font-size:1em;display:block}.user-card .stats a i:before, .user-card .stats div i:before{font-size:1em;line-height:1.5em;margin:0}.user-card .stats a:last-child{border:none}.user-card .stats a:hover
span{color:#333}.user-card .stats a span, .user-card .stats div
span{color:#a6a9ac;display:block}.user-card .stats a span i.flaticon-photo{font-size:1.2em;margin-top: -2px}.user-card
.links{padding:0.5em;text-align:left;border-top:1px solid #f5f8f9}.user-card .links
a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;display:block;color:#a6a9ac;font-size: .9em;line-height:2em}.user-card .links a:before{margin:0;margin-right: .8em;display:inline-block;width:22px;text-align:center;font-size:1.4em;vertical-align:middle}.user-card .links a:hover{color:#333}.user-card .file-stats{border-top:1px solid #f5f8f9}.user-card .file-stats::after{clear:both;content:"";display:table}.user-card .file-stats
div{width:50%;padding:0.5em;float:left}.user-card .file-stats div
i{display:block;text-align:center;color:#333}.user-card .file-stats div i:before{display:block;text-align:center;margin:0}.user-card .file-stats div
span{display:block;text-align:center;font-size:0.9em;color:#a6a9ac;margin-top:0.1em}.user-card .file-stats div:nth-child(2){border-left:1px solid #f5f8f9;border-right:1px solid #f5f8f9}.user-card .user-social{margin:0;padding:0.5em;border-top:1px solid #f5f8f9}.user-card .user-social
ul{margin:0;padding:0}.user-card .user-social ul
li{display:inline-block}.user-card .user-social ul li
a{display:block;top:0;position:relative;-webkit-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)}.user-card .user-social ul li a:hover{top: -3px;text-decoration:none}.user-card .user-social ul li a:before{font-size:1.4em;margin:0}@media screen and (max-width: 880px){.user-card .user-social ul li a:before{font-size:2.3em}}.user-card
.badges{padding:0.5em;border-top:1px solid #f5f8f9}.user-card .badges
ul{padding:0;margin:0}.user-card .badges ul
li{display:inline-block;margin:0
2px}.user-card .badges ul li
img{max-width:34px;max-height:34px}.user-card .btn-holder{padding:0.5em;border-top:1px solid #f5f8f9}.user-card .btn-holder
.btn{width:100%}.btn-follow{background-color:#286ebb;padding:1em;color:#fff !important;text-align:center;cursor:pointer;font-size:1em;font-weight:bold !important;border-radius:4px}.btn-follow:hover{background-color:#3476d9;text-decoration:none}.btn-follow
i{border:2px
solid #fff;border-radius:100%;display:inline-block;width:20px;height:20px;line-height:16px}.btn-unfollow{background-color:#1bcc87;padding:1em;color:#fff !important;text-align:center;cursor:pointer;font-size:1em;font-weight:bold !important;border-radius:4px;text-decoration:none}.btn-unfollow:hover{text-decoration:none}.btn-unfollow
i{border:2px
solid #fff;border-radius:100%;display:inline-block;width:20px;height:20px;line-height:16px}.btn-unfollow i:before{margin:0;font-size:14px;vertical-align:baseline;display:block;margin-top: -2px}.btn-unfollow span:nth-child(1) i{font-size:0.8em;padding-top:2px}.btn-unfollow span:nth-child(2){display:none}.btn-unfollow:hover{background-color:#f05f5c}.btn-unfollow:hover span:nth-child(1){display:none}.btn-unfollow:hover span:nth-child(2){display:block}.user-card .more-info{border:none;background:none;outline:none;cursor:pointer;display:block;width:100%;text-align:center;border-top:1px solid #f5f8f9}.user-card .more-info:hover{color:#a6a9ac}.user-card .more-info span:nth-child(2){display:none}.user-card .card-hidden{overflow:hidden;padding:0
0.5em;height:0;border:none;-webkit-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.user-card.expanded .card-hidden{overflow:visible;padding:0.5em;height:auto;border-top:1px solid #f5f8f9}.user-card.expanded .more-info span:nth-child(1){display:none}.user-card.expanded .more-info span:nth-child(2){display:block}.icon-google{color:#db402c !important}.icon-google:before{color:#db402c}.icon-facebook{color:#3b5998 !important}.icon-facebook:before{color:#3b5998}.icon-twitter{color:#55acee !important}.icon-twitter:before{color:#55acee}.icon-gravatar{color:#1E8CBE !important}.icon-gravatar:before{color:#1E8CBE}.icon-pinterest{color:#cb2027 !important}.icon-pinterest:before{color:#cb2027}.icon-dribbble{color:#ea4c89 !important}.icon-dribbble:before{color:#ea4c89}.icon-behance{color:#1769ff !important}.icon-behance:before{color:#1769ff}.alert{clear:both;width:100%;border-radius:4px;color:#fff;font-size: .9em;position:relative;background-color:#b3b3b3;color:#fff}.alert.success{background-color:#1bcc87;color:#fff}.alert.error{background-color:#db402c;color:#fff}.alert.danger{background-color:#f05f5c;color:#fff}.alert.warning{background-color:#FDC345;color:#fff}.alert
i{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding:0
1em;text-align:center;height:100%}.alert i:before{font-size:1em;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin:0;display:block}.alert
a{color:#fff !important;text-decoration:underline;font-weight:bold}.alert
p{margin:0;display:inline-block;vertical-align:middle;color:#fff !important;padding:1em
4.5em 1em 3em;text-align:left;width:100%}.alert .close-alert{color:#fff;text-decoration:none;float:right;font-size:1.4em;padding: .4em 1em;border-radius:0 4px 4px 0;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background-color:rgba(0, 0, 0, 0.15);height:100%}.alert .close-alert:hover{color:#fff;background-color:rgba(0, 0, 0, 0.1)}.alert .close-alert
span{display:block;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.alert .close-alert~p{padding-right:1em}.alert-top{background-color:#FDC345;padding: .5em;text-align:center;position:relative;z-index:99999}
.user-card .more-info,#detail #main .content-holder #sidebar .sidebar-content .user-card .more-info{display:none}#detail-exclusive #main .content-holder #sidebar .sidebar-content .user-card .card-hidden,#detail #main .content-holder #sidebar .sidebar-content .user-card .card-hidden{overflow:visible;padding:0.5em;height:auto;border-top:1px solid #f5f8f9}}
</style>
<div class="card-content" rel-user="23"><section class="user-card">
<div class="boxProfile-fields profile-picture">
<div id="avatarImage" class="designerPic avatar">
<a href="http://www.facebook.com/lacolombsanti" onclick="trk_uc('user-link');"><img class="gr_avatar_img" src="https://scontent-frt3-1.xx.fbcdn.net/v/t1.0-9/14449848_197522167336926_653816231247281670_n.jpg?oh=4962530012a4a43c01575fa5c3c68609&amp;oe=586ECD99" /></a>
</div>

<a href="http://www.facebook.com/lacolombsant" class="username" onclick="trk_uc('user-link');">@opsdevme</a>
<span class="real-name">اسماعيل تكليوت</span>
<p class="about">مصمم مغربي الجنسية اهدف الى نشر آخر الدروس والملحقات المتنوعة لأفادة المصممين العرب والارتقاء بالعالم العربي والاسلامي بالاضافة الى نشر آخر المستجدات التقنية.
</p>
</div>

<div class="badges">
<ul>
<li class="simptip-position-top simptip-movable" data-tooltip="مشارك لاكثر من 25 قالب اجنبي ">
<a href="http//www.fb.com/" target="_blank">
<img src="https://fpmedia.cdnpk.net/accounts/img/badges/favorites_gold.svg" alt="Users add to their favorites your files 10000 times" title="Users add to their favorites your files 10000 times" />
</a>
</li>
<li class="simptip-position-top simptip-movable" data-tooltip="Upload 10000 files">
<a href="https://profile.freepik.com/" target="_blank">
<img src="https://fpmedia.cdnpk.net/accounts/img/badges/uploads_gold.svg" alt="Upload 10000 files" title="Upload 10000 files" />
</a>
</li>
<li class="simptip-position-top simptip-movable" data-tooltip="بائع قوالب معروف بإسم the X">
<a href="http://www.fb.com/" target="_blank">
<img src="https://fpmedia.cdnpk.net/accounts/img/badges/social_silver.svg" alt="Users share your files 1000 times" title="Users share your files 1000 times" />
</a>
</li>
<li class="simptip-position-top simptip-movable" data-tooltip="Receive 100 comments in your files">
<a href="http://www.fb.com/" target="_blank">
<img src="https://fpmedia.cdnpk.net/accounts/img/badges/comments_gold.svg" alt="Receive 100 comments in your files" title="Receive 100 comments in your files" />
</a>
</li>
<li class="simptip-position-top simptip-movable" data-tooltip="Users download your files 10000000 times">
<a href="http://www.fb.com/" target="_blank">
<img src="https://fpmedia.cdnpk.net/accounts/img/badges/downloads_gold.svg" alt="Users download your files 10000000 times" title="Users download your files 10000000 times" />
</a>
</li>
<li class="simptip-position-top simptip-movable" data-tooltip="At least one of your files appeared in the home page">
<a href="https://profile.freepik.com/" target="_blank">
<img src="https://fpmedia.cdnpk.net/accounts/img/badges/you_are_on_top.svg" alt="At least one of your files appeared in the home page" title="At least one of your files appeared in the home page" />
</a>
</li>
</ul>
</div>
<div class="stats">
<a href="http://www.freepik.com/" class="images">
</a></div>
<div class="links card-hidden">
<a href="//maps.google.com/maps?q=Spain" class="flaticon-location" target="_blank" onclick="trk_uc('location');">الجزائر</a> <a href="http://www.freepik.com/freepik-exclusive-vectors" class="user-url flaticon-link" target="_blank" onclick="trk_uc('user-link');">freepik</a>
<a href="#" class="user-website flaticon-earth" target="_blank" rel="nofollow" onclick="trk_uc('url-web');">/</a> </div>

<div class="user-social card-hidden">
<ul>
<li><a href="https://www.facebook.com/" class="flaticon-googlerounded icon-google" target="_blank" rel="nofollow" onclick="trk_uc('social_google');"></a></li> <li><a href="https://www.facebook.com/" class="flaticon-facebookrounded icon-facebook" target="_blank" rel="nofollow" onclick="trk_uc('social_facebook');"></a></li> <li><a href="https://www.facebook.com/" class="flaticon-twitterrounded icon-twitter" target="_blank" rel="nofollow" onclick="trk_uc('social_twitter');"></a></li> <li><a href="https://www.facebook.com/" class="flaticon-pinterestrounded icon-pinterest" target="_blank" rel="nofollow" onclick="trk_uc('social_pinterest');"></a></li> <li><a href="https://www.facebook.com/" class="flaticon-dribbblerounded icon-dribbble" target="_blank" rel="nofollow" onclick="trk_uc('social_dribbble');"></a></li> <li><a href="https://www.facebook.com/" class="flaticon-behancerounded icon-behance" target="_blank" rel="nofollow" onclick="trk_uc('social_behance');"></a></li> </ul>
</div>
<button class="more-info">
<span>+ More info</span>
<span>- Collapse</span>
</button>

<script type="text/javascript">$('.more-info').on('click', function () { $('section.user-card').toggleClass('expanded'); });</script>
</section>

<script type="text/javascript">function trk_uc(event) { ga('send', 'event', 'user-card', 'freepik', event); }</script></div>




كود إظافة تعرف علينا
<style>

.zd-social {
min-width: 250px;
margin: 10px 0
}
.zd-social a {
color: #fff;
position: relative;
display: block;
overflow: hidden
}
.zd-social .sq {
width: 50%;
height: 0;
padding-bottom: 50%;
float: left
}
.zd-social .icon {
left: 0%;
top: 0;
width: 100%;
height: 100%;
position: absolute;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out
}
.zd-social a:hover .icon {
left: -100%
}
.zd-social a:hover .content {
left: 0
}
.zd-social .content {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
position: absolute;
top: 0;
left: 100%;
word-wrap: break-word;
width: 90%;
height: 100%;
margin: 0 5%;
font: 400 14px 'open sans', sans-serif;
text-align: center
}
.zd-social .display {
margin-top: 40px;
display: block;
direction: ltr;
}
.zd-social .count {
font-weight: bold;
display: block;
margin-top: 5px
}
.zd-social .icon span {
position: Absolute;
left: 50%;
top: 50%;
color: #fff;
text-align: Center;
width: 40px;
height: 40px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
display: block;
margin-top: -20px;
margin-left: -20px;
border: 2px solid #fff;
font: 400 20px 'fontawesome';
line-height: 40px
}
.zd-social .facebook {
background: #3b5998
}
.zd-social .twitter {
background: #00aced
}
.zd-social .google {
background: #dd4b39
}
.zd-social .instagram {
background: #9b6954
}
.zd-social .email {
background: #ffaa09
}
.zd-social .rec {
height: 0;
padding-bottom: 40%
}
</style>

<div class="widget-content">
<div class="zd-social">
  <a class="sq facebook" href="https://www.facebook.com/rtemplate" target="_blank">
    <div class="icon"><span><i class="fa fa-facebook"></i></span></div>
    <div class="content">
    <span class="display">zinani</span>
    <span class="count">18.2k</span>
    </div>
  </a>
  <a class="sq twitter" href="https://twitter.com" target="_blank">
    <div class="icon"><span><i class="fa fa-twitter"></i></span></div>
    <div class="content">
    <span class="display">@zinani</span>
    <span class="count">800</span>
    </div>
  </a>
  <a class="sq google" href="https://plus.google.com" target="_blank">
    <div class="icon"><span><i class="fa fa-google-plus"></i></span></div>
    <div class="content">
    <span class="display">+ zinani</span>
    <span class="count">1.8k</span>
    </div>
  </a>
  <a class="sq instagram" href="https://www.instagram.com" target="_blank">
    <div class="icon"><span><i class="fa fa-instagram"></i></span></div>
    <div class="content">
    <span class="display">@zinani</span>
    <span class="count">53.2k</span>
    </div>
  </a>
  <div style="clear:both">
  <a class="rec email" href="#" target="_blank">
    <div class="icon"><span><i class="fa fa-envelope"></i></span></div>
    <div class="content">
    <span class="display">yourEmail@gmail.com</span>
    </div>
  </a>
</div></div>
</div>




كود إظافة تابعونا
<div class="social-links-widget cf">
<a class="social-links-behance" href="#" target="_blank"><i class="fa fa-behance"></i></a>
<a class="social-links-dribbble" href="#" target="_blank"><i class="fa fa-dribbble"></i></a>
<a class="social-links-facebook" href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a class="social-links-github" href="#" target="_blank"><i class="fa fa-github"></i></a>
<a class="social-links-gplus" href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
<a class="social-links-instagram" href="#" target="_blank"><i class="fa fa-instagram"></i></a>
<a class="social-links-linkedin" href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
<a class="social-links-pinterest" href="#" target="_blank"><i class="fa fa-pinterest"></i></a>
<a class="social-links-twitter" href="#" target="_blank"><i class="fa fa-twitter"></i></a>
<a class="social-links-youtube" href="#" target="_blank"><i class="fa fa-youtube-play"></i></a>
</div>



أكواد إظافات الفوتر

كود أعلن هنا
<div class="ffsite"><li><a href="/p/blog-page_12.html">اعلن هنا</a></li><li><a href="/p/blog-page_61.html">اعلن هنا</a></li><li><a href="/p/blog-page_6.html">أعلن هنا</a></li><li><a href="/p/blog-page_6.html">أعلن هنا</a></li><li><a href="/p/blog-page_6.html">أعلن هنا</a></li><li><a href="/p/blog-page_6.html">أعلن هنا</a></li><li><a href="/p/blog-page_6.html">أعلن هنا</a></li></div>


كود روابط هامة
<div class="ffsite"><li><a href="/p/blog-page_12.html">الأرشيف</a></li><li><a href="/p/blog-page_61.html">سياسة الخصوصية</a></li><li><a href="/p/blog-page_22.html">طاقم الموقع</a></li><li><a href="/p/blog-page_88.html">إتفاقية الإستخدام</a></li><li><a href="/p/blog-page_6.html">اتصل بنا</a></li></div>


كود عداد المتابعين
<div class="fanscount"><li class=""><a href="https://www.facebook.com/"><i class="fa fa-facebook-square" aria-hidden="true"></i>فيس بوك</a><p>90000</p></li><li class=""><a href="https://www.youtube.com/"><i class="fa fa-youtube-square" aria-hidden="true"></i>يوتيوب</a><p>8000</p></li><li class=""><a href="https://plus.google.com/"><i class="fa fa-google-plus-square" aria-hidden="true"></i>جوجل بلس</a><p>36</p></li><li class=""><a href="https://twitter.com/"><i class="fa fa-twitter-square" aria-hidden="true"></i>تويتر</a><p>1500</p></li></div>



لتعديل على القائمة البريدية
من داخل القالب إبحث عن هذه الكلمة rtemplate
<i class='fa fa-envelope-o'/>
<p>
اشترك في القائمة البريدية الخاصة وكن اول من يعلم بجديد الموقع من اخبار ومواضيع حصرية
  </p>
</span>
<span class='email-left'>
<form action='http://feeds.feedburner.com/r-template' method='post' onsubmit='window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=r-template&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true' target='popupwindow'>
<input class='follow-by-email-address' name='email' placeholder='أكتب إيمايلك هنا ...' type='text'/>
<input class='follow-by-email-submit' type='submit' value='إشترك'/>
<input name='uri' type='hidden' value='rtemplate'/>
<input name='loc' type='hidden' value='en_US'/>
</form>

 غير ما باللون الأحمر بإسم رابطك في موقع feedburner
و غير ما باللون الأخضر بإسمك في الموقع

ليست هناك تعليقات:
إترك تعليق

لدعم هذا المشروع