قالب المساعد العربي نسخة تسعة (قالب شيري محول إلى بلوجر )

قالب المساعد العربي نسخة تسعة (قالب شيري محول إلى بلوجر )

2:34 م
السلام عليكم و رحمة الله تعالى و بركاته
السلام عليكم و رحمة الله تعالى و بركأته
كيف حالكم أتمنى بخير
اليوم قررت طرح القالب بعد حصول منشور على الفيسبوك الأيكأت اللازمة
القالب هو النسخة التاسعة من قوالب المدونة المجانية
و القالب هو قلب شيري المحول إلى بلوجر من طرفي
القالب متوفر باللغتين العربية و الإنجليزية
صور القالب
القالب العربي
القالب الإنجليزي
مميزات القالب :
*قالب responsive بمعنى يتماشى مع جميع الشاشات
*إضافات جميلة فل الصفحة الرئيسية
*سهولة إضافة الأدوات من تخطيط
*أدوات و ملحقات مميزة مع القالب
*سلايدشو إحترافي
*يحتوي على schemas التي تساعد في تحسين الأرشفة
*ترقيم صفحات مميز
*إضافة قراءة المزيد أو التلخيص لا تنعطب
*صفحة خطأ إحترافية مع مربع البحث
*تخطيط منسق
و الكتير من المميزات أتركم لتكتشفوها وحدكم
بعد تحميل القالب و تركيبه لن تجدو فيه شيء فقط ألسليدشوو و لا لا يعمل إذن أول خطوة
هي تشغيل ألسليدشوو
و هذا كوده
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<b:if cond='data:blog.url == data:blog.homepageUrl'>
                    <div class='slider'>
                      <div class='top_slider'>
                        <button id='slider_prev' type='button'>
                          prev
                        </button>
                        <button id='slider_next' type='button'>
                          next
                        </button>
                        <script>
                          var Label = &quot;كل&quot;;
                          var Type = &quot;slideshow&quot;;
                          var numpost = 7;
                          load ();
                        </script>
                      </div>
                      <script>
                        var Type = &quot;slideshowsmallimg&quot;;
                        var numpost = 7;
                        load ();
                      </script>
                    </div>
                    <script type='text/javascript'>
                      jQuery(document).ready(function (jQuery){
                        jQuery(&#39;.top_slider .items, #slider&#39;).cycle({
                               fx: &#39;fade&#39;,
                               speed: 600,
                               timeout: 4000,
                               prev :&#39;#slider_prev&#39;,
                               next :&#39;#slider_next&#39;,
                               pause: true,
                               cleartype: true,
                               cleartypeNoBg: true,
                               pager: &#39;ul.small_thumbs&#39;,
                               after: feature_after,
                               before: onbefore,
                               pagerAnchorBuilder: function(idx, slide) {
                          return &#39;ul.small_thumbs li:eq(&#39; + (idx) + &#39;)&#39;;
                        }});
                      jQuery(&#39;ul.small_thumbs li&#39;).hover(function() {
                             jQuery(&#39;.top_slider .items&#39;).cycle(&#39;pause&#39;);
                             }, function () {
                        jQuery(&#39;.top_slider .items&#39;).cycle(&#39;resume&#39;);
                               });
                        //jQuery(&#39;.top_slider .items&#39;).bind(&#39;mousewheel&#39;,wheelMove);
                        function feature_after() {
                          jQuery(&#39;.slider .top_slider .thumb .readmore&#39;).stop().animate({opacity:1, margin: &#39;0 -2px 0 0&#39;},{queue:false,duration: 200 });
                                 jQuery(&#39;.slider #slider_next&#39;).stop().animate({opacity:1, bottom:&#39;0px&#39;},{queue:false,duration: 50 });
                                 jQuery(&#39;.slider #slider_prev&#39;).stop().animate({opacity:1, bottom:&#39;0px&#39;},{queue:false,duration: 150 });
                                 /*
      interval = setTimeout(function(){
        jQuery(&#39;.top_slider .items&#39;).bind(&#39;mousewheel&#39;, wheelMove);
      },1600);
    */
                                 }
                                 function onbefore() {
                            jQuery(&#39;.slider .top_slider .thumb .readmore&#39;).stop().animate({opacity:1, margin: &#39;0 -200px 0 0&#39;},{queue:false,duration:200});
                                   jQuery(&#39;.slider #slider_next&#39;).stop().animate({opacity:1, bottom: &#39;-50px&#39;},{queue:false, duration: 50});
                                   jQuery(&#39;.slider #slider_prev&#39;).stop().animate({opacity:1, bottom: &#39;-50px&#39;},{queue:false, duration: 150});
                                   }
                                   jQuery(&#39;.small_thumbs li:not(.activeSlide) a&#39;).click(
                                   function () {
                              jQuery(&#39;.small_thumbs li a&#39;).css(&#39;opacity&#39;, 1);
                                     jQuery(this).css(&#39;opacity&#39;, 1);
                                                      });
                              jQuery(&#39;.small_thumbs li:not(.activeSlide) a&#39;).hover(
                                     function () {
                                jQuery(this).stop(true, true).animate({opacity: 0.7}, 300);
                              }, function () {
                                jQuery(this).stop(true, true).animate({opacity: 1}, 300);
                              });
                            });
                    </script>
</b:if>
كامل في حالة أردتم حذفه
الآن إذا بحثم في الكود ستجدون هذا الكود مرتين فقط في ألسليدشوو و أيضا ستجدونه في باقي الإضافأت أسفله
1
2
3
4
var Label = &quot;كل&quot;;
var Type = &quot;slideshow&quot;;
var numpost = 7;
load ();
لجعله يعمل فقط تقومون بتغيير السطر الأول كلمة كل بتصنيف من مدونتك و التصنيفات هي الكلمات الموجودة هنا
وتجدونها عند كتابة موضوع
و السطر التاني هو مخصص لعدد المواضيع المرجو عرضها في الإضافة
أما السطر الثالث هو خاص لتسمية نوع الإضافة
إضافة آخر الأخبار هذا كودها
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
            <div class='newsticker'>
              <span class='title'>
                عاجل 
              </span>
              <script>
                var Label = &quot;كل&quot;;
                var Type = &quot;ticker&quot;;
                var numpost = 7;
                load ();
              </script>
              <script type='text/javascript'>
                jQuery(document).ready(function (jQuery){
                  jQuery(&#39;.newsticker_scroller&#39;).cycle({
                         fx: &#39;fade&#39;, //scrollVert
                         easing: &#39;easeOutBack&#39;, //easeInOutBack
                         speed: 2000,
                         pause:true,
                         timeout: 1000,
                         pauseOnPagerHover: true,
                         });
                });
              </script>
            </div>
و طبق عليه نفس الشرح السابق الخاص بالسليدشو
الآن ننتقل إلى باقي الإضافات و كي لا أطيل نفس ما سبق وشرحته صالح للتطبيق على باقي الإضافات
أولا بعد تنصيب القالب ستحتاج إلى إضافة الإضافات الأخرى و التي تضيفها حسب ذوقك
إبحث في القألب عن هذا الكود
1
<!--Place for adding widgets-->
و ضع أسفله أي إضافة من الإضافات التالية و يمكن وضع إضافة أكتر من مرة
الإضافة الأولى
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
                    <div class='box_inner scrolling_box'>
                      <div class='news_box'>
                        <h3 class='news_box_title2'>
                          صندوق متحرك  
                        </h3>
                        <div class='scrolling_box_content' id='scrolling_box_content3'>
                          <script>
                            var Label = &quot;كل&quot;;
                            var Type = &quot;scrollbox&quot;;
                            var numpost = 7;
                            load ();
                          </script>
                        </div>
                        <div class='nav' id='nav_3'/>
                      </div>
                    </div>
                    <script type='text/javascript'>
                      //<![CDATA[
                      jQuery(document).ready(function($) {
                        var vids = $("#scrolling_box_content3 .items .item");
                        for(var i = 0; i < vids.length; i+=4) {
                          vids.slice(i, i+4).wrapAll('<div class="scrolling_items"></div>');
                        }
                        $('#scrolling_box_content3 .items').cycle({
                          fx: 'scrollHorz',
                          easing: 'easeOutBack',
                          speed: 300,
                          timeout: 5000,
                          pause: 1,
                          cleartype: true,
                          cleartypeNoBg: true,
                          pager: '#nav_3',
                        });
                      }); 
                      //]]>
                    </script>
الإضافة الثانية
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
                    <div class='postsv3'>
                      <div class='box_inner cat_box list_posts_box column2 posts-v3 last_column'>
                        <div class='news_box'>
                          <h3 class='news_box_title2'>
                            <a href='http://themes.bdayh.com/cherry/category/business/ '>
                              إضافة واحد  
                            </a>
                          </h3>
                          <script>
                            var Label = &quot;كل&quot;;
                            var Type = &quot;boxlist&quot;;
                            var numpost = 3;
                            load ();
                          </script>
                        </div>
                      </div>
                      <div class='box_inner cat_box list_posts_box column2 posts-v3 '>
                        <div class='news_box'>
                          <h3 class='news_box_title2'>
                            <a href='http://themes.bdayh.com/cherry/category/entertainment/ '>
                              إضافة واحد 
                            </a>
                          </h3>
                          <script>
                            var Label = &quot;كل&quot;;
                            var Type = &quot;boxlist&quot;;
                            var numpost = 3;
                            load ();
                          </script>
                        </div>
                      </div>
                    </div>
الإضافة الثالثة
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class='box_inner cat_box list_posts_box first_post_left posts-v1'>
                      <div class='news_box'>
                        <h3 class='news_box_title2'>
                          <a href='http://themes.bdayh.com/cherry/category/lifestyle/ '>
                            مربع أخبار   
                          </a>
                        </h3>
                        <script>
                          var Label = &quot;كل&quot;;
                          var Type = &quot;boxlist&quot;;
                          var numpost = 5;
                          load ();
                        </script>
                      </div>
                    </div>
الإضافة الرابعة
1
2
3
4
5
6
7
8
9
10
11
12
13
                    <div class='box_inner cat_box recent_bd'>
                      <div class='news_box'>
                        <h3 class='news_box_title2'>
                          إضافة أخبار في تصنيف ما  
                        </h3>
                        <script>
                          var Label = &quot;كل&quot;;
                          var Type = &quot;recentbox&quot;;
                          var numpost = 6;
                          load ();
                        </script>
                      </div>
                    </div>
الإضافة الخامسة
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
                    <div class='box_inner'>
                      <div class='news_box news_pic_home'>
                        <h3 class='news_box_title2'>
                          <a href='http://themes.bdayh.com/cherry/category/health-fitness/ '>
                            إضافة آخر المواضيع في تصنيف محدد  
                          </a>
                        </h3>
                        <script>
                          var Label = &quot;كل&quot;;
                          var Type = &quot;smallpic&quot;;
                          var numpost = 22;
                          load ();
                        </script>
                      </div>
                    </div>
الإضافة السادسة
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
                    <div class='box_inner cat_box posts-v2'>
                      <div class='news_box'>
                        <h3 class='news_box_title2'>
                          <a href='http://themes.bdayh.com/cherry/category/sports/ '>
                            مربع أخبار آخر 
                          </a>
                        </h3>
                        <ul>
                          <script>
                            var Label = &quot;كل&quot;;
                            var Type = &quot;boxlist&quot;;
                            var numpost = 6;
                            load ();
                          </script>
                          <script type='text/javascript'>
                            //<![CDATA[
                            jQuery(document).ready(function()
                                                   {
                                                     var vids = jQuery(".posts-v2 .posts-list-small");
                                                     for(var i = 0; i < vids.length; i+=2)
                                                     {
                                                       vids.slice(i, i+2).wrapAll('<div class="posts-list-small-items"></div>');
                                                     }
                                                   });
                            //]]>
                          </script>
                        </ul>
                      </div>
                    </div>
الإضافة السابعة
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
                    <div class='box_inner'>
                      <div class='news_box news_pic_home'>
                        <h3 class='news_box_title2'>
                          <a href='http://themes.bdayh.com/cherry/category/health-fitness/ '>
                            صندوق صور
                          </a>
                        </h3>
                        <script>
                          var Label = &quot;كل&quot;;
                          var Type = &quot;difpic&quot;;
                          var numpost = 22;
                          load ();
                        </script>
                      </div>
                    </div>
إعلان بين الإضافات
1
2
3
4
5
6
                    <div class='clear'/>
                    <div class='home_ads'>
                      <a href='http://www.3rab-help.com/' title='Cherry News'>
                        <img alt='Cherry News' src='http://themes.bdayh.com/cherry/wp-content/uploads/ads-728.png'/>
                      </a>
                    </div>
الإضافة الثامنة
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
                    <div class='clear'/>
                    <div class='box_inner box_tabs cat_box'>
                      <div class='news_box'>
                        <ol class='box_tabs_nav'>
                          <li class='active'>
                            <a href='#item1'>
                              تبويب واحد  
                            </a>                          </li>
                          <li>
                            <a href='#item2'>
                              تبويب إثنان  
                            </a>
                          </li>
                          <li>
                            <a href='#item3'>
                              تبويب ثلاثة
                            </a>
                          </li>
                          <li>
                            <a href='#item4'>
                              تبويب أربعة 
                            </a>
                          </li>
                          <li>
                            <a href='#item5'>
                              تبويب خمسة  
                            </a>
                          </li>
                          <li>
                            <a href='#item6'>
                              تبويب ستة  
                            </a>
                          </li>
                        </ol>
                        <div class='box_tabs_content'>
                          <div class='box_tabs_container' id='item1'>
                            <script>
                              var Label = &quot;كل&quot;;
                              var Type = &quot;tabbedpst&quot;;
                              var numpost = 5;
                              load ();
                            </script>
                          </div>
                          <div class='box_tabs_container' id='item2'>
                            <script>
                              var Label = &quot;كل&quot;;
                              var Type = &quot;tabbedpst&quot;;
                              var numpost = 5;
                              load ();
                            </script>
                          </div>
                          <div class='box_tabs_container' id='item3'>
                            <script>
                              var Label = &quot;كل&quot;;
                              var Type = &quot;tabbedpst&quot;;
                              var numpost = 5;
                              load ();
                            </script>
                          </div>
                          <div class='box_tabs_container' id='item4'>
                            <script>
                              var Label = &quot;كل&quot;;
                              var Type = &quot;tabbedpst&quot;;
                              var numpost = 5;
                              load ();
                            </script>
                          </div>
                          <div class='box_tabs_container' id='item5'>
                            <script>
                              var Label = &quot;كل&quot;;
                              var Type = &quot;tabbedpst&quot;;
                              var numpost = 5;
                              load ();
                            </script>
                          </div>
                          <div class='box_tabs_container' id='item6'>
                            <script>
                              var Label = &quot;كل&quot;;
                              var Type = &quot;tabbedpst&quot;;
                              var numpost = 5;
                              load ();
                            </script>
                          </div>
                        </div>
                      </div>
                    </div>
                    <script type='text/javascript'>
                      jQuery(&quot;.box_tabs_container&quot;).hide();
                      jQuery(&quot;ol.box_tabs_nav li:first&quot;).addClass(&quot;active&quot;).show();
                      jQuery(&quot;.box_tabs_container:first&quot;).show();
                      jQuery(&quot;ol.box_tabs_nav li&quot;).click(function() {
                        jQuery(&quot;ol.box_tabs_nav li&quot;).removeClass(&quot;active&quot;);
                        jQuery(this).addClass(&quot;active&quot;);
                        jQuery(&quot;.box_tabs_container&quot;).hide();
                        var activeTab = jQuery(this).find(&quot;a&quot;).attr(&quot;href&quot;);
                        jQuery(activeTab).fadeIn();
                        return false;
                      });
                    </script>
الآن إنتهينا من شق الإضافات في القالب ننتقل إلى الشق الثاني هو التخطيط
و أول إضافة أخبار في  صور
1
2
3
4
5
6
<script>
var Label = "كل";
var Type = "nwswdgt";
var numpost = 8;
load ();
</script>
القائمة البريدية
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class='newsletter_content'>
                          <p>
                           إشترك في قائمتنا البريدية .
                          </p>
                          <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=psdtuts&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
                            <div class='enter_search'>
                              <input name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;إكتب إيميلك هنا &apos;;}' onfocus='if (this.value == &apos;Enter your e-mail address&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your e-mail address'/>
                            </div>
                            <input name='uri' type='hidden' value='psdtuts'/>
                            <input name='loc' type='hidden' value='en_US'/>
                            <div class='go_newsletter'>
                              <button name='Submit' type='submit' value='Subscribe'>
                                Subscribe
                              </button>
                            </div>
                          </form>
                        </div>
صندوق الفيسبوك
1
2
3
<div class="like_box_footer" style="background:#FFFFFF;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Modawenondotcom&amp;width=280&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23e7402f&amp;stream=false&amp;header=false&amp;height=250" style="border:none; overflow:hidden; width:280px; height:250px;"></iframe>
</div>
الأكتر شعبية هي إضافة مدمجة مع بلوجر و تسمى المواضيع الشائعة
إضافة الأحدث هذا كودها
1
2
3
4
5
6
<script>
var Label = "كل";
var Type = "recentwid";
var numpost = 8;
load ();
</script>
و تقوم بإنشاء تصنيف تسميه الأحدث و تضع فيه أحدث المواضيع
إضافة آخر التعليقات هذا كودها
1
2
3
<ul>
<script src='/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script>
</ul>
إضافة الوسم و هي إضافة موجودة في البلوجر تسمى التسميات
الآن إذا لاحظنا في تخطيط ألسيدبار و هو القائمة الصغيرة في الجانب أين يوجد أخبار في صور وما إلى ذلك
سنجد مكان لإضافة إضافة فوق الإضافات الأربع (الأكتر شعبية – الأحدث – تعليقات – الوسم )
ذلك المكان مخصص فقط لإضافة صناديق المواقع الإجتماعية
لدينا أربع أشكل
الشكل الأول
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div class="style1-SC" id="social-counter-widget">
<ul class="social-counter-widget">
<li class="social-counter-twitter">
<a href="http://twitter.com/bdayh" target="_blank">
<i class="icon social_icon-twitter"></i>
<span>
                              448
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
<li class="social-counter-facebook">
<a href="http://www.facebook.com/google" target="_blank">
<i class="icon social_icon-facebook"></i>
<span>
                              15,747,216
                            </span>
<small>
                              Fans
                            </small>
</a>
</li>
<li class="social-counter-gplus">
<a href="https://plus.google.com/104748681377637289158" target="_blank">
<i class="icon social_icon-google"></i>
<span>
                              1,248,036
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
<li class="social-counter-youtube">
<a href="http://www.youtube.com/user/egyptoon" target="_blank">
<i class="icon social_icon-youtube"></i>
<span>
                              266,344
                            </span>
<small>
                              Subscribers
                            </small>
</a>
</li>
<li class="social-counter-vimo">
<a href="http://vimeo.com/channels/kidproof" target="_blank">
<i class="icon social_icon-vimeo"></i>
<span>
                              1,153
                            </span>
<small>
                              Subscribers
                            </small>
</a>
</li>
<li class="social-counter-soundcloud">
<a href="http://soundcloud.com/maherzain" target="_blank">
<i class="icon social_icon-soundcloud"></i>
<span>
                              30,147
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
</ul>
</div>
الشكل الثاني
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div class="style2-SC" id="social-counter-widget">
<ul class="social-counter-widget">
<li class="social-counter-twitter">
<a href="http://twitter.com/bdayh" target="_blank">
<i class="icon social_icon-twitter"></i>
<span>
                              448
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
<li class="social-counter-facebook">
<a href="http://www.facebook.com/google" target="_blank">
<i class="icon social_icon-facebook"></i>
<span>
                              15,747,216
                            </span>
<small>
                              Fans
                            </small>
</a>
</li>
<li class="social-counter-gplus">
<a href="https://plus.google.com/104748681377637289158" target="_blank">
<i class="icon social_icon-google"></i>
<span>
                              1,248,036
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
<li class="social-counter-youtube">
<a href="http://www.youtube.com/user/egyptoon" target="_blank">
<i class="icon social_icon-youtube"></i>
<span>
                              266,344
                            </span>
<small>
                              Subscribers
                            </small>
</a>
</li>
<li class="social-counter-vimo">
<a href="http://vimeo.com/channels/kidproof" target="_blank">
<i class="icon social_icon-vimeo"></i>
<span>
                              1,153
                            </span>
<small>
                              Subscribers
                            </small>
</a>
</li>
<li class="social-counter-soundcloud">
<a href="http://soundcloud.com/maherzain" target="_blank">
<i class="icon social_icon-soundcloud"></i>
<span>
                              30,147
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
</ul>
</div>
الشكل الثالث
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div class="style3-SC" id="social-counter-widget">
<ul class="social-counter-widget">
<li class="social-counter-twitter">
<a href="http://twitter.com/bdayh" target="_blank">
<i class="icon social_icon-twitter"></i>
<span>
                              448
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
<li class="social-counter-facebook">
<a href="http://www.facebook.com/google" target="_blank">
<i class="icon social_icon-facebook"></i>
<span>
                              15,747,216
                            </span>
<small>
                              Fans
                            </small>
</a>
</li>
<li class="social-counter-gplus">
<a href="https://plus.google.com/104748681377637289158" target="_blank">
<i class="icon social_icon-google"></i>
<span>
                              1,248,036
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
<li class="social-counter-youtube">
<a href="http://www.youtube.com/user/egyptoon" target="_blank">
<i class="icon social_icon-youtube"></i>
<span>
                              266,344
                            </span>
<small>
                              Subscribers
                            </small>
</a>
</li>
<li class="social-counter-vimo">
<a href="http://vimeo.com/channels/kidproof" target="_blank">
<i class="icon social_icon-vimeo"></i>
<span>
                              1,153
                            </span>
<small>
                              Subscribers
                            </small>
</a>
</li>
<li class="social-counter-soundcloud">
<a href="http://soundcloud.com/maherzain" target="_blank">
<i class="icon social_icon-soundcloud"></i>
<span>
                              30,147
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
</ul>
</div>
الشكل الرابع
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div class="style4-SC" id="social-counter-widget">
<ul class="social-counter-widget">
<li class="social-counter-twitter">
<a href="http://twitter.com/bdayh" target="_blank">
<i class="icon social_icon-twitter"></i>
<span>
                              448
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
<li class="social-counter-facebook">
<a href="http://www.facebook.com/google" target="_blank">
<i class="icon social_icon-facebook"></i>
<span>
                              15,747,216
                            </span>
<small>
                              Fans
                            </small>
</a>
</li>
<li class="social-counter-gplus">
<a href="https://plus.google.com/104748681377637289158" target="_blank">
<i class="icon social_icon-google"></i>
<span>
                              1,248,036
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
<li class="social-counter-youtube">
<a href="http://www.youtube.com/user/egyptoon" target="_blank">
<i class="icon social_icon-youtube"></i>
<span>
                              266,344
                            </span>
<small>
                              Subscribers
                            </small>
</a>
</li>
<li class="social-counter-vimo">
<a href="http://vimeo.com/channels/kidproof" target="_blank">
<i class="icon social_icon-vimeo"></i>
<span>
                              1,153
                            </span>
<small>
                              Subscribers
                            </small>
</a>
</li>
<li class="social-counter-soundcloud">
<a href="http://soundcloud.com/maherzain" target="_blank">
<i class="icon social_icon-soundcloud"></i>
<span>
                              30,147
                            </span>
<small>
                              Followers
                            </small>
</a>
</li>
</ul>
</div>
و آخر شكل
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<ul class="widget_social">
<li></li>
<li class="youtube">
<a href="#" original-title="youtube">
                          youtube 
                        </a>
</li>
<li class="twitter">
<a href="#" original-title="twitter">
                          twitter 
                        </a>
</li>
<li class="rss">
<a href="#" original-title="rss">
                          rss 
                        </a>
</li>
<li class="googleplus">
<a href="#" original-title="googleplus">
                          googleplus 
                        </a>
</li>
<li class="flickr">
<a href="#" original-title="flickr">
                          flickr 
                        </a>
</li>
<li class="facebook">
<a href="#" original-title="facebook">
                          facebook 
                        </a>
</li>
<li></li>
</ul>
لإضافة مقال بفيديو ضع هذا الكود مكان الفيديو و لن تحتاج أن ترفع صورة الفيديو مع الموضوع
1
<iframe allowfullscreen="" frameborder="0" height="320" src="http://www.youtube.com/embed/أيدي الفيديو" width="100%"></iframe>
 لتحميل القالب
النسخة العربية
النسخة الإنجليزية
أتمنى أن لا تنسو دعمنا عبر تعليق ومشاركة و أي إستفسار اطرحوه في تعليق

عن الكاتب

هذا النص الغبي ، غير مقصود لقرائته . وفقا لذلك فمن الصعب معرفة متى وأين نهايته ، لكن حتى . فإن هذا النص الغبي ، ليس مقصود لقرائته . نقطة رجوع لسطر مدونة عرب ويب ترحب بك

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )
تحويل كودإخفاء محول الأكواد الإبتساماتإخفاء

شكرا لك ولمرورك
الاشتراك في: تعليقات الرسالة (Atom)