Social Items



وانت تستعمل منصة اليوتوب قد تجد فيديو بالصدفة مهم لكن المشكلة أن الصوت منخفض رغم انك قمت برفع الصوت الى اعلا درجة ممكنة , في هذه الحالة امامك حلين , استعمال مكبرات الصوت او اللجوء الى اضافة AUDIO EQ
فاضافة AUDIO EQ يتجلى دورها في رفع الصوت الى درجة كبيرة فوق الحد ان صح التعبير .

وذلك يعتمد على رفع الموجات الصوتية الخاصة فالفيدو الى حد كبير , حتى تتمكن من سماع فيديوهاتك التعليمة او غيرها بصوت عالي وواضح دون الحاجة للجوء الى مكبرات الصوت .
ومن أجل الاستمتاع بالاضافة يمكنك تحميلها عبر الرابط التالي : AUDIO EQ

اضافة جميلة للرفع من صوت فيديوهات اليوتوب الى اقصى حد ممكن

السلام عليكم ورحمة الله تعالى وبركاته

كثير من يتلقى رسائل حول مواقع ربح أو يشاهدها في اليوتيوب لكن من منا يعلم هل عندما سأجمع المال سأتقاضاه حقا!
Sans%2Btitre-5
لهذا في هته التدوينة سنقدم لكم موقع يقوم بإخبارك عن صحة المواقع. تابع الشرح لكي تتعلم الطريقة.

1- تفتح الموقع الذي ستجده أسفل التدوينة :

ScreenHunter_82%2BAug.%2B26%2B22.52




2- وبعدها تنزل قليلا بعد أن تدخل رابط الموقع لتجد صحة الموقع :

ScreenHunter_83%2BAug.%2B26%2B22.55

3- وتجد أيضا بعد المعلومات عن الدومين والإيميل ... : 

ScreenHunter_84%2BAug.%2B26%2B22.55

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

رابط الموقع : إضغط هنا

اكتشف المواقع النصابة بطريقة سهلة جدا






السلام عليكم ورحمة الله تعالى وبركاته اليوم سنقدم لكم قالب 
MediaFire
 الاحترافي الذي يبحث عنه الكثير من الاشخاص  
واليوم سأقدمه لكم مجانا وبدون شروط 

صورة القالب في الصفحة الرئيسية




داخل الصفحات الثابتة






 رابط تحميل





تحميل
إنقر هنا

تحميلإضغط هن

لتشجيعنا على تقديم الافضل:

  1. اشترك بالمدونة   من هنا 
  2. اشترك بقناتنا على اليوتيوب من هنا
  3.     الاعجاب بصفحتنا على الفيسبوك من هنا

قالب MediaFire مجاني








مرحباً بكم متابعي زازا للمعلوميات وعشاق التقنية ومحبي كل جديد

لنتمكن من التدوين بسهولة وكتابة مواضيع ومقالات تخطر على بالك في الحين على مدوناتنا على بلوجر في الحافلة أو المطعم أو مكان عام دون الحاجة للجوء لجهازك في البيت وربما قد تضيع منك افكار كثيرة..

المُهم !! أصبح الأن ممكن طبعاً ومنذ مدة كبيرة وتطبيق بلوجر على غووغل بلاي مُتوفر للتحميل مجاناً للجميع ، تطبيق رائع ويعمل على جميع الهواتف وأجهزة الأندرويد

وهذه الصور من البلاي ستور



بالتوفيق أحبابي في الله . وشاركوا الموضوع مع الاصدقاء للإستفادة  ^^

تحميل تطبيق بلوجر للأندرويد مجاناً واستمتع بالتدوين على جوالك Blogger for Android




بسم الله و الصلاة و السلام على أشرف المرسلين سلام الله عليكم اخواني الكرام جميع متتبعينا الكرام في هذه التدوينة و الخاصة بمسابقة   لربح اعلان بنري لمدة شهر . كل ما عليك هو اتباع الخطوات المذكورة اسفله .
انشاءالله تكون مدونتني مصدر ربح لك و لنجاح موقعك



شروط  ضرورية وهي:

  1. اشترك بالمدونة   من هنا 
  2. اشترك بقناتنا على اليوتيوب من هنا
  3. الاعجاب بصفحتنا على الفيسبوك من هنا
  4.   ضع تعليق به ايميلك و رابط مدونتك و رابط البنر 125 *125     

ملاحظة :

تنتهي المسابقة يوم  10/09/2016

مسابقة لربح اعلان لمدونك لمدة شهر كامل بحجم 125 * 125 |



سنوافيكم اليوم باضافة لصندوق وسائل الاعلام الاجتماعية بشكل احترافي يجمع بين الأناقة والتأثيرات المختلفة، ستخدم موقعك بشكل كامل يشمل صورة (كوفر) وزر يرافقها بالإضافة الى الازرار الاجتماعية بما ان صورة التدوينة توضح الفكرة فلا ضرر من المعاينة الحية 😉

شرح طريقة التركيب
1. من التخطيط أضف أداة Html/Javascript وضع بها كود الإضافة
<style>
.about_blog { padding: 0; overflow: hidden;background: #fff; }
.about-ar1web-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}
.about-ar1web-img{position:relative;max-height:140px;overflow:hidden}
.about-ar1web-img img {max-width:100%;width:100%;transition:all .6s;}
.about-ar1web-img:hover img{transform:scale(1.2) rotate(-10deg)}
.about-ar1web-img:before{content:'';background:rgba(0,0,0,0.3);position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;transition:all .3s}
.about-ar1web-img:hover:before{background:rgba(0,0,0,0.6);}
.aboutfloat-img{width:55%;position:absolute;top:35%;bottom:35%;right:22.5%;z-index:3}
.about-ar1web-float{text-align:center;display:table;width:100%;height:100%}
.about-ar1web-float a{color: #fff; padding: 8px 14px; z-index: 2; display: table-cell; width: 100%; font-size: 100%; text-transform: uppercase; vertical-align: middle; transition: all .3s; border: 2px solid #FFFFFF; font-weight: bold; background: rgba(0,0,0,0.5); text-shadow: 0 2px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(19, 18, 18, 0.38), 0 3px 13px -1px rgba(0, 0, 0, 0.08); border-radius: 2px;}
.about-ar1web-float:hover a{background:#fff; color: #444!important;}
.about-ar1web-float a i{font-weight:normal;margin-left:5px}
.about-ar1web-wrpicon{display:block;margin:0 auto;position:relative;}
.extender{text-align:center;font-size:16px;    margin: 15px!important;}
.extender .about-ar1web-icon{display: inline-block!important; border: 0!important; margin: 0!important; padding: 0!important; width: 32%!important;}
.extender .about-ar1web-icon a{background: #ccc; display: inline-block; font-weight: 400; color: #fff; line-height: 32px; border-radius: 3px; font-size: 12px; width: 100%; border: 1px solid rgba(0,0,0,0.21); border-bottom-color: rgba(0, 0, 0, 0.27); text-shadow: 0 1px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0, 0, 0, 0), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0, 0, 0, 0.08);}
.extender .about-ar1web-icon i{font-family:fontawesome;margin:0 3px 0 0}
.about-ar1web-icon.fbl a{background:#3b5998}
.about-ar1web-icon.twitt a{background:#19bfe5}
.about-ar1web-icon.crcl a{background:#d64136}
.about-ar1web-icon.fbl a:hover,.about-ar1web-icon.twitt a:hover,.about-ar1web-icon.crcl a:hover{background:#313B42}
.extender .about-ar1web-icon:hover a,.extender .about-ar1web-icon a:hover{color:#fff;}
.about-ar1web-info{margin:10px 0 0 0;font-size:13px;text-align:center;}
.about-ar1web-info p{margin:5px 0;font: 12px Droid Arabic Naskh;    color: #444;}
.about-ar1web-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
.about-ar1web-info h4 span {position:relative;display:inline-block;padding:0 10px;margin:0 auto;}
.about-ar1web-info h4:before,.about-ar1web-info h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:rgba(0, 0, 0, 0.08)}
.about-ar1web-info h4:before {margin-right:-50%;text-align:left;}
</style>
<div class="about_blog">
<div class="inner_wrapper">
<div class="about-ar1web-img">
<img alt="alwan may" class="img-responsive" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwognHF-F2pQGErMTJSLriABITUHKV-reymGT2Ii-Dcw44oBjuI5f1BgxIUhFoDzQZE1PTplOPhxEyhcg0l21Rbg0ixk14rYzxgwRKQRRN_QXmPeWkP-EaLHE-wZQ40TH62RoUgIdgufPV/s1600/Festival-Of-Colors-People-HD-Wallpaper.jpg" width="300" />

<div class="aboutfloat-img">
<span class="about-ar1web-float"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-user"></i> انضم لموقعنا</a></span></div>
</div>
</div>
<div class="about-ar1web-info">
<h4>
تابعنا جديد موقعنا</h4>
تميز بلا حدود</div>
<div class="about-ar1web-wrpicon">
<ul class="extender">
<li class="about-ar1web-icon fbl"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-facebook fa-fw"></i> صفحتنا</a></li>
<li class="about-ar1web-icon twitt"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-twitter fa-fw"></i> تابعنا</a></li>
<li class="about-ar1web-icon crcl"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-google-plus fa-fw"></i> جوجل</a></li>
</ul>
</div>
</div>
تخصيص الإضافة :
المحدد بالأحمر # يغير بالرابط
المحدد بالبرتقالي يغير بالكلمات
المحدد بالأخضر يخص رابط الصورة

اضافة صندوق بازرار التواصل الاجتماعي



بسم الله و الصلاة و السلام على أشرف المرسلين سلام الله عليكم اخواني الكرام جميع متتبعينا الكرام في هذه التدوينة و الخاصة بمسابقة لربح حساب بايبال مفعل ,المسابقة عبارة عن سحب بين المشاركين و لكن بقليل من الشروط البسيطة التي لن نستفيد منها شيء ولكن سوف تستفيد أنت ، سوف تسأل كيف هذا ؟ هذا لأنك سوف تشترك و تتابعنا على الفايسبوك و سوف تتوصل بكل الدروس و الأخبار مجانا .
على بركة الله نبدأ بالشروط:

شروط  ضرورية وهي:

  1. اشترك بالمدونة   من هنا 
  2. اشترك بقناتنا على اليوتيوب من هنا
  3. الاعجاب بصفحتنا على الفيسبوك من هنا
  4.   ضع تعليق به ايميلك او رابط حسابك على الفيس بوك

ملاحظة :

تنتهي المسابقة يوم 20/09/2016

مسابقة لربح حساب بايبال مفعل



اهلا بكم في مدونة زازا للمعلوميات اقدم لكم في هذه التدوينة اضافة اداة تبعونا الي بلوجر  بشكل جديد وبتاثير احترافي للبلوجر وتكمن اهمية هذه الاضافة في ابراز شيئ ما او ايصال ملاحظة او تنويه للزائر بشكل افضل الاضافة متجاوبه مع جميع الاجهزة.

شرح التركيب

اولأ توجه الى التخطيط  html/javascript
ثانيأ وضع الكود التالي داخل الاداة
<style>
#HTML7 { background: #EEF3F6; }
#fanpages{padding: 0; position: relative; text-align: center; list-style: none!important; background: #fafafa; border-radius: 4px!important; box-shadow: inset 0 0 0 1px #e8e8e8;}
#fanpages p{list-style:none;padding:0;margin:0 0 5px}
#fanpages a.a-fans{clear:both;background:#456b8e;color:#fff;display:inline-block;font-weight:700;width:100%;max-width:100%;font-size:22px;list-style:none;text-align:center;margin:0 auto;padding:30px 0;border-radius:4px 4px 0 0!important;overflow:hidden;}
#fanpages a.a-fans:hover{background:#f63f47;color:#fff;    text-decoration: none!important;}
#fanpages a.a-fans p{color:#f1d657!important;display:inline-block}
#fanpages a.a-fans:hover p{color:#fff!important}
#fanpages a.a-fans span{font-size:13px;font-weight:normal;text-align:center}
#ar1web-fbtw,#ar1web-fbtw-msg{margin:0 auto;text-align:center;padding:0 5px 5px;position:relative;line-height:1.3em}
#ar1web-fbtw-msg:before{content:&quot;تابعنا عبر المواقع الاجتماعية&quot;;font-weight:700;display:table;text-align:center;color:#555;font-size:15px;bottom:0;margin:10px auto}
#subscribebox{background:#456b8e;padding:20px;}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700;font-family: &#39;Noto Sans Kufi Arabic&#39;, sans-serif!important; line-height: 3em;}
.follow-subscribe-social{padding:0 0 14px;border-bottom:#858585 solid 1px}
.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li{display:inline;margin-left: 20px;border-bottom:none}
.follow-subscribe-social ul li:last-child{margin:0}
.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.follow-subscribe-social ul li a:hover{color:#fff}
a.subscribe-button{    margin: 0;
    color: #ed3f46;
    padding: 7px 90px;
    z-index: 2;
    font-size: 100%;
    text-transform: uppercase;
    vertical-align: middle;
    transition: all .3s;
    border: 2px solid #FFFFFF;
    font-weight: bold;
    background: rgba(0,0,0,0.5);
    text-shadow: 0 2px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(19, 18, 18, 0.38), 0 3px 13px -1px rgba(0, 0, 0, 0.08);
    border-radius: 2px;}
a.subscribe-button:hover{background:#fff}
</style>
<div id='fanpages'>
<div class='clear'>

<a class='a-fans' href='https://www.facebook.com/Zazapro.tk' rel='nofollow' target='_blank'> <p>صفحتنا على الفيسبوك</p><span>www.facebook.com/cngk</span></a>

<div id='subscribebox'>
<div class='follow-subscribe-social'>
<ul>
<li><a href='#' target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-google'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-youtube'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-instagram'/></a></li>
</ul>
</div>
<p>تابع اخر مواضيعنا</p>
<a arget='_blank' class='subscribe-button' href='#' target='_blank'>إنضم إلينا</a>

</div></div></div>

اداة انضم الينا بازار التواصل الاجتماعى لبلوجر








اهلا بكم احبائى الكرام. الان وحصريا على مدونة زاز للمعلوميات طريقة اضافة اداة لعرض التدوينات حسب التسمية او القسم بعدة تبويبات وبشكل احترافى.

شرح طريقة التركيب

1- خذ نسخة احتياطية من القالب لتجنب حدوث اى مشكلة
2- توجه الى تحرير html من قالب فى لوحة التحكم
3- ابحث عن </head> واضف قبله هذة الاكواد 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <style>
/* Recent Post Label */
.recent-labpost{margin:20px;}
.rctab-button &gt; span{padding:15px 20px;cursor:pointer;position:relative;color:#222;display:inline-block;font-size:120%;font-weight:700;}
.rctab-button &gt; span.active{color:#222;background:rgba(0,0,0,0.05)}
.rctab-button &gt; span.active:before{content:&#39;&#39;;top:0;opacity:1}
.rctab-content{padding:15px;background:rgba(0,0,0,0.05);position:relative;min-height:100px;overflow:auto}
.rctab-item{float:left;width:48%;margin:10px 1%;background:#fff;border:1px solid rgba(0,0,0,0);transition:all .3s;}
.rctab-item:hover{border:1px solid rgba(0,0,0,0.1);}
.rctab-item-inner{padding:10px}
.rctab-item img{float:left;width:120px;height:auto;}
.rctab-item h3{float:right;width:calc(100% - 130px);height:20px;margin:10px 0;font-size:120%}
.rctab-item h3 a{color:#222}.rctab-item h3 a:hover{color:#e74c3c}
.loader{position:absolute;left:50%;top:50%;margin-left:-27.5px;margin-top:-27.5px;transition:all .3s linear}
.hide-load .loader{opacity:0}
.squarin{background:#374140;width:15px;height:15px;float:left;top:-10px;margin-right:5px;margin-top:5px;position:relative;opacity:0;-webkit-animation:enter 6s infinite;animation:enter 6s infinite}
.enter{top:0;opacity:1}
.squarin:nth-child(1){-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;animation-delay:1.8s}
.squarin:nth-child(2){-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;animation-delay:2.1s}
.squarin:nth-child(3){-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;animation-delay:2.4s;background:#09c}
.squarin:nth-child(4){-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;animation-delay:0.9s}
.squarin:nth-child(5){-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}
.squarin:nth-child(6){-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s}
.squarin:nth-child(8){-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;animation-delay:0.3s}
.squarin:nth-child(9){-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s}
@media screen and (max-width:768px) {
.rctab-item{float:left;width:100%;}
.rctab-item {margin:10px auto;}}
</style>
<script type='text/javascript'>
//<![CDATA[
function getMeImg(a){var t=[a,a,!1];return void 0!==a?-1!==a.url.indexOf("img.youtube")?(t[0]=a.url.replace("default.jpg","hqdefault.jpg"),t[1]=a.url.replace("default.jpg","mqdefault.jpg"),t[2]=!0):(t[0]=a.url.replace("s72-c","w100-h75-c"),t[1]=a.url.replace("s72-c","s500-c")):(t[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwFIasR8ioZVnRB7KoYaLdQxNYAxxhw-x5rWDCsszIZSxGwfZsMzXsj5vft9gjUp7a6_JOv1VJ31cFM-MIT3J0mO9egTa9JVqHn5SkAuo-mzmArFLfOagiK86w8fUd7-ifNyMuuG5fyHY/s1600/thumb.png",t[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwFIasR8ioZVnRB7KoYaLdQxNYAxxhw-x5rWDCsszIZSxGwfZsMzXsj5vft9gjUp7a6_JOv1VJ31cFM-MIT3J0mO9egTa9JVqHn5SkAuo-mzmArFLfOagiK86w8fUd7-ifNyMuuG5fyHY/s1600/thumb.png"),t}function load_w_tab(a){var t=a.find(".rctab-content>.active"),e=t.attr("data-load");$.ajax({type:"GET",url:"/feeds/posts/summary/-/"+e+"?max-results=20&alt=json-in-script",async:!1,contentType:"application/json",dataType:"jsonp",success:function(a){if(a.feed.entry){t.append('<div class="wtab-inner"></div>');for(var e=0;e<a.feed.entry.length;e++){for(var i=a.feed.entry[e],d=0;d<a.feed.entry[e].link.length;d++)if("alternate"==a.feed.entry[e].link[d].rel){var s=a.feed.entry[e].link[d].href;break}var n=i.title.$t,l=getMeImg(i.media$thumbnail),r='<div class="rctab-item"><div class="rctab-item-inner"><a href="'+s+'"><img src="'+l[0]+'"/></a><h3><a href="'+s+'">'+n+'</a></h3><div style="clear:both"></div></div></div>';t.find(".wtab-inner").append(r)}t.addClass("hide-load")}}})}function getwtabs(e){for(var labelArr=eval(e.attr("data-label")),html='<div class="rctab-button">',i=0;i<labelArr.length;i++)html+='<span data-target="'+labelArr[i]+'-genova">'+labelArr[i]+"</span>";html+='</div><div class="rctab-content">';for(var i=0;i<labelArr.length;i++)html+='<div data-load="'+labelArr[i]+'" data-container="'+labelArr[i]+'-genova">'+loaderHTML+"</div>";html+="</div>",e.append(html),e.find(".rctab-button>span").first().addClass("active"),e.find(".rctab-content>div").hide(0),e.find(".rctab-content>div").first().show(0).addClass("active loaded"),setTimeout(function(){load_w_tab(e)},500),e.find(".rctab-button>span").click(function(){var a=$(this).attr("data-target"),t=$(this),i="";e.find(".rctab-content>div").each(function(){$(this).attr("data-container")==a&&(e.find(".rctab-button>span").removeClass("active"),t.addClass("active"),e.find(".rctab-content>div").removeClass("active").hide(0),$(this).fadeIn().addClass("active"),i=$(this))}),i.hasClass("loaded")||(i.addClass("loaded"),setTimeout(function(){load_w_tab(e)},500))})}var loaderHTML='<div class="loader"> <div class="squarin" ></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin "></div> <div class="squarin last"></div> </div>';$(function(){getwtabs($(".recent-labpost"))});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function getMeImg(a){var t=[a,a,!1];return void 0!==a?-1!==a.url.indexOf("img.youtube")?(t[0]=a.url.replace("default.jpg","hqdefault.jpg"),t[1]=a.url.replace("default.jpg","mqdefault.jpg"),t[2]=!0):(t[0]=a.url.replace("s72-c","w100-h75-c"),t[1]=a.url.replace("s72-c","s500-c")):(t[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwFIasR8ioZVnRB7KoYaLdQxNYAxxhw-x5rWDCsszIZSxGwfZsMzXsj5vft9gjUp7a6_JOv1VJ31cFM-MIT3J0mO9egTa9JVqHn5SkAuo-mzmArFLfOagiK86w8fUd7-ifNyMuuG5fyHY/s1600/thumb.png",t[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwFIasR8ioZVnRB7KoYaLdQxNYAxxhw-x5rWDCsszIZSxGwfZsMzXsj5vft9gjUp7a6_JOv1VJ31cFM-MIT3J0mO9egTa9JVqHn5SkAuo-mzmArFLfOagiK86w8fUd7-ifNyMuuG5fyHY/s1600/thumb.png"),t}function getauthor(a){for(var t=0;t<a.length;t++)var e="<span class='author'>&#xf007; "+a[t].name.$t+"</span>";return e}function getmeta(a){var t=[];t[1]="Jan",t[2]="Feb",t[3]="Mar",t[4]="Apr",t[5]="May",t[6]="Jun",t[7]="Jul",t[8]="Aug",t[9]="Sep",t[10]="Oct",t[11]="Nov",t[12]="Dec";var e=a.substring(0,4),s=a.substring(5,7),n=a.substring(8,10),i="<span class='date'>&#xf017; "+t[parseInt(s,10)]+" "+n+" "+e+"</span>";return i}function t(a){var a,t,e=[];for(t=0;a>t;t++)e.push(t);return shuffle(e)}function getmashrandom(a){var e="/feeds/posts/summary/?max-results=500&alt=json-in-script",s=a.find("div.tab-mash-random");s.find("span#tab-mash-random").addClass("loaded"),s.append('<ul class="random-inner"></ul>'),$.ajax({type:"GET",url:e,async:!0,contentType:"application/json",dataType:"jsonp",success:function(a){s.addClass("hide-load");for(var e=a.feed.entry,n=e.length,i=t(n),r=0;5>r;r++){for(var d=0;d<a.feed.entry[i[r]].link.length;d++)if("alternate"==e[i[r]].link[d].rel){var l=a.feed.entry[i[r]].link[d].href;break}var c=getMeImg(e[i[r]].media$thumbnail),o=e[i[r]].title.$t,u=e[i[r]].published.$t,h=getmeta(u),f=getauthor(e[i[r]].author),m='<li><a href="'+l+'"><img  class="toLoad" src="'+c[0]+'"/></a><div class="recent-list-c"><h3><a href="'+l+'">'+o+'</a></h3><div class="meta">'+f+" "+h+"</div></div></li>";s.find("ul").append(m)}}})}function getmashrecent(a){a.find("span#tab-mash-recent").addClass("loaded"),$.ajax({type:"GET",url:"/feeds/posts/summary?max-results=20&alt=json-in-script",async:!1,contentType:"application/json",dataType:"jsonp",success:function(t){if(t.feed.entry){a.find("div.tab-mash-recent").append('<ul class="recent-post-list"></ul>');for(var e=0;e<t.feed.entry.length;e++){for(var s=t.feed.entry[e],n=0;n<t.feed.entry[e].link.length;n++)if("alternate"==t.feed.entry[e].link[n].rel){var i=t.feed.entry[e].link[n].href;break}var r=s.title.$t,d=getmeta(s.published.$t),l=getauthor(s.author),c=getMeImg(s.media$thumbnail),o="<li class='recent-post-item'><a href='"+i+"'><img src='"+c[0]+"'/></a><div class='recent-list-content'><h3><a href='"+i+"'>"+r+"</a></h3><div class='recent-list-meta'>"+d+l+"</div></div></li>";a.find("div.tab-mash-recent ul").append(o)}}}})}var loaderHTML='<div class="loader"> <div class="squarin" ></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin "></div> <div class="squarin last"></div> </div>';shuffle=function(a){for(var t,e,s=a.length;s;t=parseInt(Math.random()*s),e=a[--s],a[s]=a[t],a[t]=e);return a},$(function(){$(".thetabs").each(function(){var a=$(this);a.append("<div class='tab-mash-outer'><div class='tab-mash-button'><span class='active' id='tab-mash-recent'><i class='fa fa-rss'></i> Recent</span><span id='tab-mash-random'><i class='fa fa-random'></i> Random</span></div><div class='tab-mash-content'><div class='tab-mash-recent min-height-need'></div><div class='tab-mash-random min-height-need' style='display:none;'>"+loaderHTML+"</div></div></div>"),getmashrecent(a),a.find(".tab-mash-button>span").click(function(){var t=$(this),e=a.find(".tab-mash-content>div");e.each(function(){$(this).hasClass(t.attr("id"))?($(this).fadeIn(),a.find(".tab-mash-button>span").removeClass("active"),t.addClass("active"),t.hasClass("loaded")||("tab-mash-random"==t.attr("id")?(t.addClass("loaded"),setTimeout(function(){getmashrandom(a)},500)):"tab-mash-comment"==t.attr("id")&&(t.addClass("loaded"),setTimeout(function(){getmashcomment(a)},2e3)))):$(this).hide(0)})})})});
//]]>
</script>
</b:if>

4- اضف هذا الكود فى المكان الذى تريد ان تظهر فيه الاضافة فكل قالب يختلف عن الاخر
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='recent-labpost' data-label='[&quot;NAMA LABEL&quot;,&quot;NAMA LABEL&quot;,&quot;NAMA LABEL&quot;,&quot;NAMA LABEL&quot;,&quot;NAMA LABEL&quot;]'/></b:if>

التغييرات الاساسية
* غير NAMA LABEL بالتسمية
5- احفظ القالب
اذا كان هناك اى مشكلة فباب التعليقات مفتوح وكذلك صفحة الاسئلة

اضافة اداة لعرض التدوينات حسب التسمية بعددة تبويبات

Inscription à : Articles (Atom)