تغيير شكل المشاركات الشائعة لشكل حصري و إحترافي



السلام عليكم زوار و محبي مدونة ديزاد فان إلى موضوع جديد و حصري
حيث جلبت لكم إضافة رائعة و هي عبارة عن تغيير شكل المشاركات الشائعة إلى شكل و لا أروع

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

ضع الكود التالي فوق هذا الوسم ]]></b:skin>

/* Popular Posts */.PopularPosts .item-thumbnail{float:none;margin:0 0 10px}.PopularPosts .item-title{background:rgba(0,0,0,0.5);position:absolute;display:block;clear:both;z-index:50;top:0;left:0;right:0;bottom:0;padding:15px;transition:all .4s;}.PopularPosts .item-title:hover{background:rgba(0,0,0,.2)}.PopularPosts .item-title a{color:rgba(255,255,255,0);font-weight:700;font-size:120%;text-shadow:0 0 5px rgba(0,0,0,0)}.PopularPosts .item-title:hover a,.PopularPosts .item-title a:hover{color:rgba(255,255,255,1);text-shadow:0 0 5px rgba(0,0,0,.3)}.PopularPosts .widget-content ul li img{translate(0,0) scale(1.0);transition:all .8s linear}.PopularPosts .widget-content ul li:hover img{transform:translate(0,-20px) scale(1.05);transition:all 3.6s linear;}.PopularPosts img{display:block;height:auto;width:100%;padding:0;backface-visibility:hidden;}.PopularPosts .item-snippet{display:none;}.PopularPosts ul li .item-content{position:relative;overflow:hidden;}.PopularPosts ul{padding:0;line-height:normal;counter-reset:count;}.PopularPosts .widget-content ul li{position:relative;padding:10px 0;overflow:hidden;max-height:100px;transition:all .4s;}.PopularPosts .widget-content ul li:before{color:#fff;counter-increment:count;content:counter(count);position:absolute;right:-15px;top:-5px;font:bold 80px/1 Sans-Serif;z-index:51;transition:all .4s;}.PopularPosts .widget-content ul li:hover:before{right:-55px;}.PopularPosts ul li:nth-child(1) .item-title {background:rgba(221,25,29,0.5);}.PopularPosts ul li:nth-child(2) .item-title {background:rgba(141,187,144,0.5);}.PopularPosts ul li:nth-child(3) .item-title {background:rgba(39,169,255,0.5);}.PopularPosts ul li:nth-child(4) .item-title {background:rgba(192,202,51,0.5);}.PopularPosts ul li:nth-child(5) .item-title {background:rgba(26,35,126,0.5);}.PopularPosts ul li:nth-child(6) .item-title {background:rgba(0,188,212,0.5);}.PopularPosts ul li:nth-child(1) .item-title:hover,.PopularPosts ul li:nth-child(2) .item-title:hover,.PopularPosts ul li:nth-child(3) .item-title:hover,.PopularPosts ul li:nth-child(4) .item-title:hover,.PopularPosts ul li:nth-child(5) .item-title:hover,.PopularPosts ul li:nth-child(6) .item-title:hover{background:rgba(0,0,0,0.2);}


ثانيا أضف الكود التالي فوق هذا الوسم </body>




<script type='text/javascript'>// Popular Post Thumb$(document).ready(function() {$(&#39;.PopularPosts img&#39;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;s72-c&#39;, &#39;s400&#39; );});});//<![CDATA[// Custom Popular Post$(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,120),s=t.lastIndexOf(" ");s>10&&$(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))});//]]></script> 


النتيجة / المعاينة

إلى موضوع أخر إن شاء الله

أي إستفسار ضعه في تعليق و سيتم الرد في أسرع وقت 


ربح هدايا قيمة و مجانا من موقع رائع بسهولة


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

، إنه الموقع الجديد التي أطلق على نفسه اسم Gokano ، والجميل في الأمر ان الموقع جديد ويعتبر صادق 100% ويمكنك استغلال الفرصة وتكون من بين الأوائل التي ينظمون إلى هذا الموقع الرائع Gokano ، أما بالنسبة لطرق جمع النقاط التي تستطيع تبديلها بأجهزة هواتف وإلكترونيات قيمة فيمكنك جمع النقاط بسهولة عن طريق دعوة أصدقائك و الإجابة على أسئلة عن شخصيتك أو عن هوياتك يعني اسئلة يمكنك الربح منها بإختيار "نعم" او "لا" ، وما يميز الموقع اكثر فإنه يرسل لك قميص رائع مجانا و عضوية ذهبية في الموقع عندما تصل إلى 30 شخص سجل في الموقع عن طريق رابط الخاص بك 


طريقة التسجيل في موقع Gokano :

أولاً أخي الفاضل للتسجيل في الموقع من فضلك ادعمني بالتسجيل من الرابط الخاص بي من هنا :

http://www.gokano.com/ref/OA0CnqxB

ثم املأ معلوماتك بشكل صحيح كما في الصورة :
ثم ستجد زر ازرق في الأسفل     Register new account  إضغط عليه وستكون مسجلاً وعضو في موقع Gokano ومبروك عليك . تبقى لك فقط الآن ان تجمع النقاط لتستبدلها بجوائز مثل Iphone 6 , Playstation 4 والكثير من الهدايا القيمة :)

طرق جمع النقاط في Gokano :


جمع النقاط عن طريق دعوة أشخاص أخرين .
جمع النقاط عن طريق الإجابة عن بعض الأسئلة السهلة مثل "هل تحب السباحة" يكفيك اختيار "نعم" أو "لا" .


بعض الهدايا التي يقدمها Gokano :


يقدم موقع Gokano هدايا قيمة إلكترونيات و أكسسورات وإليكم بعض الهدايا :



للتسجيل في موقع Gokano إضغط هنا

إضافة المتابعة عبر مواقع التواصل الإجتماعي الرائعة 2015






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

صورة حية عن الاضافة



طريقة التركيب
أولا المظهر : أدخل الى تحرير القالب ولا تنسى أخذ نسخة إحتياطية ثم قم بتوسيع عناصر الستايل بالضغط على السهم الخاص بذلك

ثم فوق الوسم ]]></b:skin> أضف الكود التالي 


#socialCounterWidget span.fa {
width: 47px;
height: 47px;
color:white;
vertical-align: top;
padding: 10px;
font-size: 26px;
right: 0;
text-align: center;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 1%, rgba(255,255,255,0.1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(1%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#1affffff',GradientType=0 );
}
#socialCounterWidget > a {
display: block;
width: 100%;
height: 47px;
position: relative;
cursor: pointer;
}
a.facebook-box {background-color: #506ba7;}
a.twitter-box {background-color: #56A4C6;}
a.googleplus-box {background-color: #BC4B37;}
#socialCounterWidget > a.facebook-box:hover {
-webkit-box-shadow: inset 0px 0px 80px 44px rgba(47,77,147,1);
-moz-box-shadow: inset 0px 0px 80px 44px rgba(47,77,147,1);
box-shadow: inset 0px 0px 80px 44px rgba(47,77,147,1);
}
#socialCounterWidget > a.twitter-box:hover {
-webkit-box-shadow: inset 0px 0px 80px 44px rgba(45,122,186,1);
-moz-box-shadow: inset 0px 0px 80px 44px rgba(45,122,186,1);
box-shadow: inset 0px 0px 80px 44px rgba(45,122,186,1);
}
#socialCounterWidget > a.googleplus-box:hover {
-webkit-box-shadow: inset 0px 0px 80px 44px rgba(207,40,27,1);
-moz-box-shadow: inset 0px 0px 80px 44px rgba(207,40,27,1);
box-shadow: inset 0px 0px 80px 44px rgba(207,40,27,1);
}
#socialCounterWidget span {display: block;position: absolute;color: #FFFFFF;right: 70px;font-size: 12px;}
#socialCounterWidget .title {top: 7px;}
#socialCounterWidget .count {top: 23px;}
.author-social {
margin-top: -8px;
margin-left: -7px;
}


ثانياتوجه إلى التخطيط ثم إضافة عنصر جديد ثم إظقط على إضافة كود HTML/JAVA SCRIPT

كما هو موضح في الصورة


قم بتركيب الكود التالي
<div class='socialCounterWidget' id='socialCounterWidget'>
            <a class='facebook-box' href='https://www.facebook.com/dzfun01' id='sc-facebook' target='_blank'>
                    <span class='fa fa-facebook'></span>
                    <span class='title'>تابعنا على الفيس بوك</span>
                    <span class='count'>لتصلك أخر التحديثات على الفيس بوك</span>
            </a>
        </div>
        <div class='socialCounterWidget' id='socialCounterWidget'>
            <a class='twitter-box' href='#' id='sc-twitter' target='_blank'>
                    <span class='fa fa-twitter'></span>
                    <span class='title'>تابعنا على تويتر</span>
                    <span class='count'>لتصلك أخر التحديثات على تويتر</span>
            </a>
        </div>
        <div class='socialCounterWidget' id='socialCounterWidget'>
            <a class='googleplus-box' href='https://plus.google.com/u/0/+' id='sc-googleplus' target='_blank'>
                    <span class='fa fa-google'></span>
                    <span class='title'>تابعنا على جوجل بلس</span>
                    <span class='count'>لتصلك أخر التحديثات على جوجل بلس</span>
            </a>
        </div>

غير ما هو بلون أحمر براوابط الخاصة

و إلى موضوع أخر إن شاء الله 

إنضم الى فريق تدوين ديزاد فان







مدونة ديزاد فان تبحث عن 3 مدونون موهوبين قادرين على الإبداع من اجل المشاركة في المدونة . إذا كنت موهوب تحب التدوين ولديك العديد من الافكار فنحن نبحث عنك . اكتب تدوينة تجريبية بالإضافة الى التعريف عن نفسك و أراسل الكل إلى بريد الصفحة.

rap.dziri@gmail.com

شكرا لانك إخترت ان تساهم بمواضيعك في مدونة ديزاد فان ، كما ندعوك إلى قراءة هذه الشروط حتى يتم نشر موضوعك :

لانقبل المواضيع التي تم التطرق اليها سابقا في المدونة .

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

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


سيتم قراءة كل التدوينات التجريبية و إختيار الثلاث الافضل

إضافة تعريف الكاتب بشكل جديد و إحترافي و حصري 2015



السلام عليكم زوار مدونة ديزاد فان في موضوع جديد و حصري

بحيث جلبت لكم إضافة تعريف الكاتب الاكثر إحترافية

معاينة الاضافة

طريقة تركيب الاضافة

أولا المظهر : أدخل الى تحرير القالب ولا تنسى أخذ نسخة إحتياطية ثم قم بتوسيع عناصر الستايل بالضغط على السهم الخاص بذلك

ثم فوق الوسم ]]></b:skin> أضف الكود التالي 


.post_author {overflow: hidden;padding: 15px;margin-top: 0;border-top: 2px solid #eee;border-bottom: 2px solid #eee;}
.author_avatar{float:right; margin:0 0 0 15px}
.author_wrapper{text-align:right}
.author_wrapper h4{  color: #2c3e50;font-weight: 100;font:normal 18px &#39;ge_ss_threeregular&#39;; background:#EEE; margin:0 0 10px; padding:3px 12px; display:inline-block}
.author_wrapper h4 a{text-decoration: none;
color: #2c3e50;
font-size: 15px;
font-family: ge_ss_threeregular;}
.author_wrapper p {color: #7B7B7B;margin: 0;font-weight: 100;font-size: 14px;padding: 0;line-height: 1.8em;font-family: ge_ss_threeregular;}
.author_avatar img {border-radius: 50px;background-size: cover;}

ويمكن تغيير نوع الخط بتغير وسم الخط بوسم الخط الذي تستخدمه
الخط المستخدم
font-family: 
ge_ss_threeregular

ضع هذا الكود فوق /head
<link href="http://cdn.jsdelivr.net/darfonts/0.1/dinone-dintwo-sstext-ssthree/stylesheet.css" rel="stylesheet"/>
ورقم 15 هو حجم الخط

ثانيا


قم بتركيب الكود التالي
 تحت أو فوق أحد هذين الكودين بحسب ما تكون ظاهرة جيداً في مدونتك
<div class='post-footer'>
أو
<div class='post-footer-line post-footer-line-1'>
ولا تنسى ان تغير ما يلزم في الكود من روابط ونصوص

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post_author'>
<div class='author_avatar'><div class='small_thumb'><img height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMefDMWsYsOVTV_46XAUksog6XISB9zPh3xjbERTPD8Bl_wfXTqwYxjhiTYsqOO3sFdldZPNKYSHGlZkfGCBqS_bwYvaG8_TA1IC3Eia_kZQHQ7DKDUWyQoiRj6IiQ6jWlmp9YOIPnKRY/s432-no/10431681_654572444650761_6603169847863227653_n.jpg' width='100'/></div></div>
<div class='author_wrapper'>
<h4><i class='fa fa-user'/><a href='#'> آدم مصطفى السبع </a></h4>
<p>إسمي آدم مصطفى السبع ,  أهتم بكل جديد التقنية من أخبار و شروحات و أريد أن أساعد كل مبتدئ في التدوين.</p>
<div id='contact' style='      '>
<a class='facepost' href='https://www.facebook.com/mradimo'><i class='fa fa-facebook'/></a>
<a class='gpost' href='https://plus.google.com/+%D9%85%D9%8A%D8%B3%D8%AA%D8%B1%D8%A3%D8%AF%D9%8A%D9%85%D9%88'><i class='fa fa-google-plus'/></a>
<a class='youpost' href='http://www.youtube.com/progames600 '><i class='fa fa-youtube'/></a>
</div>
</div></div>
</b:if>


أي مشكلة إطرحها في التعليقات

و إلى موضوع اخر إن شاء الله

إضافة العد التنازلي لعيد الفطر المبارك "حصريا"



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

الان طريقة التركيب

  1. إذهب لتحرير القالب
  2. إبحث عن   <div id='conent-wrapper'>
  3. وضع فوقه هذا الكود


<div align="center">
<style scoped="" type="text/css">
#idulfitri{ width: 990px;background:#31acce;color:#ffe8a0;font-size:120%;text-align:center;padding:20px 0;font-weight:normal;border-radius:3px;line-height:normal;font-family:''Droid Arabic Kufi',sans-serif}
.digital,.idjudul {color:#fff}
</style>
<div id="idulfitri">
<span id="hitungmundur"></span>
</div>
<script> var target_date=new Date(&quot;Jul 17, 2015&quot;).getTime();var days,hours,minutes,seconds;var hitungmundur=document.getElementById(&quot;hitungmundur&quot;);setInterval(function(){var current_date=new Date().getTime();var seconds_left=(target_date- current_date)/ 1000;
days=parseInt(seconds_left/86400);seconds_left=seconds_left%86400;hours=parseInt(seconds_left/3600);seconds_left=seconds_left%3600;minutes=parseInt(seconds_left/60);seconds=parseInt(seconds_left%60);hitungmundur.innerHTML=days+&quot; &lt;span class=\&#039;digital\&#039;&gt;يوم&lt;/span&gt; &quot;+ hours+&quot; &lt;span class=\&#039;digital\&#039;&gt;ساعة&lt;/span&gt; &quot;
+ minutes+&quot; &lt;span class=\&#039;digital\&#039;&gt;دقيقة&lt;/span&gt; &quot;+ seconds+&quot; &lt;span class=\&#039;digital\&#039;&gt;ثانية  على&lt;/span&gt; &lt;span class=\&#039;idjudul\&#039;&gt;عيد الفطر المبارك &lt;/span&gt;";},1000);</script>
</div>
لتغيير لون الخلفية إبحث عن #31acce و غيره بالكود الذي تريد
الخط المستعمل : Droid Arabic Kufi
و إلى موضوع أخر إن شاء الله

ربح ما يفوق 200 دولار شهريا بسهولة مع العملاقة trafficmonsoon


السلام عليكم و رحمة الله تعالى و بركاته
اليوم ان شاء الله سأشرح لكم موقع ربحي جديد و متميز جداً 
و له نظام حماية عالي مما يزيد ثقة المستخدمين به
1- خصائص الشركة 
- امكانية الحصول على زوار لموقعك مجاناً 
- ارباح الريفيرال تعود عليك 100% من الظغطات
- سعر الظغطات بين 0.01 و 0.02
- يسحب على Paypal / Payza
2- شرح الموقع بالصور 
1- طريقة التسجيل : 
رابط الموقع : https://trafficmonsoon.com



بعد ذلك ضع كل معلوماتك




ملاحظة : التسجيل لا يتطلب تفعيل 



اثبات الدفع :



قالب لعرض المنتجات و بيعها الإحترافي


السلام عليكم زوار مدونة ديزاد فان
في هذا الموضوع سأطرح لكم قالب جد رائع و جد إحترافي
قالب خاص بالمتاجر الالكترنية لعرض المنتجات و بيعها 

خضائص القالب
  • متجاوب
  • سريع و خفيف
  • أنيق
  • قالب خالي من الاخطاء
  • صديق السيو
  • تجاري
  • أزرار اتباعة و المشاركة عبر الشبكات الاجتماعية
  • 4 أعمدة في الفوتر
  • متوافق مع جميع المتصفحات






تم عرض القالب باللغة الانجليزية
لكن إن اردتم التعريب يرجى وضع تعليقات إن وجدت أكثر من 5 تعليقات تطلب التعريب 
سيتم وضعه معرب

قالب بلوجر رائع للمدونات الإسلامية


السلام عليكم
زوار مدونة ديزاد في موضوع جديد حيث أحضرت لكم قالب بلوجر رائع للمدونات الإسلامية بمنسابة شهر رمضان الفضيل
سائلا الله أن يكون في ميزان حساناتي

مميزات القالب

  1. قالب بسيط
  2. قالب سريع
  3. خالي من الأخطاء
  4. سلايدشو إحترافي
  5. ايقونات المتابعة في الشبكات الإجتماعية
  6. يحتوي على 3 أعمدة (side Bar)
  7. ألوان إحترافية





رونق - قالب بلوجر أنيق و متجاوب المدفوع مجانا

السلام عليكم زوار مدونة ديزاد فان في هذا الموضوع جلبت لكم قالب و لا أروع
إسمه رونق
" إسم على مسمى بحيث يمكن وصفه في كلميتن " أنيق و متجاوب

رونق قالب بلوجر احترافي و مميز، متجاوب، صمم للمدونات التقنية و الاخبارية و حتى الشخصية .
المميزات الكاملة للقالب :
  1. تصميم أنيق و متجاوب مع جميع الشاشات 100% .
  2. سلايد شو مميز و احترافي يعمل بواسطة أحدث المقالات او بواسطة التسميات و يمكنك ايضاً إخفاءه عن الظهور .
  3. مبني بأحدث التقنيات HTML5 و CSS3 و jQuery .
  4. 10 ايقونات التواصل الاجتماعي مجهزة مع القالب و سهلة التحكم . المعاينة
  5. إمكانية أخفاء و إظهار مربع البحث عبر لوحة التحكم .
  6. مساحات إعلانية 728x90 اعلى المدونة بالإضافة الي مساحات إعلانية اعلى و اسفل المقالة سهلة التعديل من لوحة التحكم .
  7. أداة متابعين الفيس بوك بدون أكواد .
  8. محسن لمحركات البحث و سريع التصفح و الأرشفة .
  9. دعم شاشات الريتنا .
  10. التوافق في المظهر مع جميع أدوات بلوجر الأساسية .
  11. صفحة خطأ 404 .
  12. امكانية تخصيص القالب مع عدد لانهائي من الالوان و مجموعة كبيرة من الخلفيات مع إمكانية رفع خلفية من الحاسوب .
  13. لوحة تحكم منسقة المظهرة و شاملة التحكم حيث أنك لن تحتاج للتعامل مع الأكواد . المعاينة
  14. أزرار مشاركة المقالة في مواقع التواصل الإجتماعي أسفل كل مقالة .




    ملاحظة لتشغيل السلايد اضف اداة جديدة في مكان السلايد شو الموجود في التخطيط 


    الكود
    <script src='/feeds/posts/default?published&alt=json-in-script&callback=rs'></script>

    صورة توضيحية