قالب حركات الاحترافي بتقنية Animated
القالب يعمل على منصة بلوجر ولكنه مصمم على شكل موقع وليس كما هو المعتاد ان يكون شكله كباقي قوالب مدونات بلوجر ,يحتوي القالب على الكثير من المميزات واللمسات الجماليه التي تجعله انيق وانسيابي وبيسيط بنفس الوقت , فهو يحتوي على سلايدر شو خفيف جدا واحترافي , ويحتوي ايضا على معرض صور يقوم بجلب صور المواضيع تلقائيا كما انه يحتوي على سلايدر ثانوي يقوم بعرض شرائح لاخر الاعمال
- لاضافة السلايد شو اضف الكود التالي من التخطيط في مكان home-slider
- وغير التسمية
<div class='widget HTML' id='HTML26'><h2 class='title'><span>السلايدشو الرئيسي</span></h2><div class='widget-content'><div class='home_box_slider'></div><script type='text/javascript'>PostSlide({idcontaint:".home_box_slider",MaxPost:4,ImageSize: 667, Summarylength: 150, RandompostActive: false,tagName:"اكشنات"});</script><div class='clear'></div></div><div class='clear'></div><span class='widget-item-control'><span class='item-control blog-admin'></span></span><div class='clear'></div></div>
- اضف الكود التالي من التخطيط في مكان catab1
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
var showpostsummary = true;
var numchars = 100;
</script>
<div class='wow bounceInright'>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?published&alt=json-in-script&callback=labelthumbs11\"><\/script>");
</script>
</div>
<div class='wow bounceInDown center' data-wow-delay='1s'>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/-/"+label2+"?published&alt=json-in-script&callback=labelthumbs11\"><\/script>");
</script>
</div>
<div class='wow bounceInLeft'>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/-/"+label3+"?published&alt=json-in-script&callback=labelthumbs11\"><\/script>");
</script>
</div>
</ul>
</div>
- اضف الكود التالي ايضا من التخطيط tag-widget
- وغير التسمية
<div class='widget HTML' id='HTML69'>
<div class='widget-content'>
<div class='pic_tag-post6'></div>
<script type='text/javascript'>
pbtpost2({
idpbt:".pic_tag-post6",
maxpost:10,
tagName:"اكشنات"
});
</script>
<div class='clear'></div>
</div>
</div>
- اضف الكود التالي من التخطيط cat-box scroll-box scroll-box-wide tie-cat-4
<div class='cat-box-content'>
<div class='group_items-box' id='wslideshow4'>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT3b82JKyuICKnpm9jT5bctEAGsmam8oECECdwOJogkwjMW2kru0oR5KDAUU6rn9YEkVJuHaEvRMPqqy7UK25Sd2AXJQ9UAFDYsumIk1dU9fqDZCsF0SAzGRoNjIqdLyGo6nlxx21uFZA/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 140;
summaryTitle = 25;
numposts1 = 12;
label1 = "اكشنات";
function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["يناير","فبراير","مارس","ابريل","ماي","يونيو","يوليوز","غشت","شتنبر","اكتوبر","نوفمبر","دجنبر"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd='<div class="scroll-item"><article><div class="post-thumbnail"><a href="'+posturl+'" rel="bookmark" title="'+posttitle+'"><img style="height: 150px; margin-bottom: 13px;" alt="'+posttitle+'" class="attachment-300x160" height="160" src="'+img[i]+'" width="300"/>'+posttitle+'</a></div> <h3 class="post-box-title"><a href="'+posturl+'" rel="bookmark" title="'+posttitle+'"></a></h3></article></div>';
document.write(trtd);
j++;
}
document.write('');
}
//]]>
</script>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
<div class='clear'></div>
</div>
<div class='scroll-nav'><a href='#' id='next4'><i class='fa fa-chevron-left'></i></a><a class='prev-scroll' href='#' id='prev4'><i class='fa fa-chevron-right'></i></a></div>
</div>
- ثم ابحث في القالب وغيرها بتسميات منوعة
var label1 = "اكشنات"; var label2 = "بلوجر عام"; var label3 = "ويب نايت";