صندوق التنبيهات أو للإعلان

مواقع التواصل الاجتماعى مع تأثير التلميحات الاحترافى

أضف تعليق6:07 م, مرسلة بواسطة Hady store
اليوم وبعد طول غياب عن التدوين فى مجال البلوجر فى مدونة مدون 
أقدم لكم موضوع جديد فى قسم اضافات البلوجر الحصرية كما عودتكم من مدونة مدون 
وهى اضافة مواقع التواصل الاجتماعى مع تأثير التلميحات الاحترافى 
ولأن اضافة مواقع التواصل الاجتماعية تبدو تقليدية فى معظم المدونات العربية على الخصوص 
فلذلك ستكون هذه الاضافة هى الأفضل لمواقع التواصل الاجتماعى ان شاء الله 
مميزات الاضافة
(1) سريعة وخفيفة جدا وستعجبك 
(2) تأثير تلميحات جميل واحترفى 
(3) مواقع التواصل الاجتماعى الأشهر 
( الفيس بوك ، تويتر ، جوجل ، الخلاصة ) 
(4) تحتوى على اضافة للاتصال يمكنها ربطها 
بصفحة اتصل بنا فى مدونتك 


طريقة التركيب 
اذهب للتخطيط >> اضافة أداة >> Html/Javascript 
ضع بها الكود التالى 
 <style type="text/css" >
#followq {
clear: both;width: 300px;
font-family: 'Droid Arabic Kufi';
height: 40px;margin-top:200px 0px 11px 10px;}
#followq ul { margin-top:50px;padding: 0px;}
#followq ul li {position: relative;list-style-type: none;display: inline-block;}
.ikonz .ikonz-tooltip {display: block;padding: 5px 10px;position: absolute;bottom: 100%;
left: 0px;z-index: 77;margin-bottom: 40px;background-color: #141414;font-size:12px;
color: white;text-align: center;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;opacity: 0;
visibility: hidden;-webkit-transition: all 0.26s ease-out;
-moz-transition: all 0.26s ease-out;
-ms-transition: all 0.26s ease-out;
-o-transition: all 0.26s ease-out;
transition: all 0.26s ease-out;}
.ikonz .ikonz-tooltip:before {content: "";width: 0px;height: 0px;border: 7px solid transparent;border-top-color: #141414;position: absolute;top: 100%;left:42%;}
.ikonz:hover .ikonz-tooltip {visibility:visible;width: 76px;opacity:1;margin:16px 12px 6px -28px;
z-index:99999;}
#followq .ikonz {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmcVkdJtk0WUy7KgAjO6nKBPqGG_ArghoN-GsmJEg28HlcNMTxwybRscVo9Lz5X0nJU4-fgRjzh8lfWyNdqITaXtPhWgPjO5MuJC1sjtWnV0IlHhZs7d45uY28OImgcp-yktqgbaNxECs/s1600/social3d.png') 0 0 no-repeat;display: block;
color: #141414;float: none;height: 39px;width: 39px;line-height:20px;position: relative;z-index: 5;}
#followq .ikonz:active {bottom: -2px;}
#followq .fb {background-position: 0px 0px;}
#followq .twitter {background-position: -40px 0px;}
#followq .google {background-position: -80px 0px;}
#followq .delcis {background-position: -120px 0px;}
#followq .stumble {background-position: -200px 0px;}
#followq .mail {background-position: -280px 0px;}
#followq .rss {background-position: -360px 0px;}
   
</style><div id="followq">
<ul>
<li><a href=" رابط الفيس بوك " class="ikonz fb"><span class="ikonz-tooltip"> فيس بوك </span></a></li>
  
<li><a href=" رابط تويتر " class="ikonz twitter"><span class="ikonz-tooltip"> تويتر</span></a></li>
  
<li><a href=" رابط جوجل " class="ikonz google"><span class="ikonz-tooltip"> جوجل </span></a></li>
  
<li><a href="رابط صفحة التواصل" class="ikonz mail"><span class="ikonz-tooltip"> البريد</span></a></li>
  
<li><a href=" رابط الخلاصات " class="ikonz rss"><span class="ikonz-tooltip"> الخلاصة </span></a></li>
</ul>
</div>
غير الكلمات المحددة بالروابط المناسبة 

√ دمتم فى رعاية الله متتبعى مدونة مدون الكرام √
إقرأ المزيد... Résumé3efrit blogger

تحميل متصفح جوجل كروم 36 مجانى برابط مباشر

تعليقان2:42 ص, مرسلة بواسطة Hady store
جوجل كروم 36
اليوم وفى موضوع جديد من مدونة مدون أقدم لكم برنامج جوجل كروم نسخة 36 باصدار 2014 برابط مباشر وسريع 
ولا شك ان متصفح جوجل كروم ما زال متربعا على عرش المتصفحات حتى عامنا هذا ولم يظهر له منافس حتى الأن سوى 
المتصفح الصينى الذى قلد كل ما يتضمنه جوجل كروم من مزايا لكن فشل المتصفح فى احتلال مكانته 
ولكى لا اطيل علكيم هيا بنا للتحميل 

شرح تحميل البرنامج 



اضغط على كلمة DWNLOAD كما بالصورة 

وسيبدأ التحميل المباشر للبرنامج 

إقرأ المزيد... Résumé3efrit blogger

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

20 تعليق8:49 ص, مرسلة بواسطة Hady store
السلام عليكم ورحمة الله وبركاتة 
هناك بند جديد فى شروط التبادل الإعلانى لدى مدونة مدوّن سيتيح للمدونة المبتدئة قبولها لدينا فى التبادل الإعلانى بشرط يكون محتوى المدونة مهما كان عدد المقالات تكون مقالات غير منقولة وإذا سبت أهمية هذا المقالات بالنسبة للزائر سيتم قبول المدونة ودعمها من (مدونة مدون) سندعم فقط المدونة المبتدئة الذى تقدم محتوى جيد للمدونين العرب والدعم لن يكون فى تبادل الإعلانى فقط وإنما فى أى شئ يريده صاحب المدونة . وشكراً لكم 

الإدارة
إقرأ المزيد... Résumé3efrit blogger

أيقونات planetabhi الإحترافية متوفرة فقط فى مدونة مدون

تعليق واحد4:58 ص, مرسلة بواسطة Hady store
بسم الله الرحمن الرحيم ||| السلام عليكم ورحمة الله وبركاتة 
مدونة مدون فقط تقدم لك هذة الأيقونات الأكثر إحترافية والأكثر جازبية أيقونات planetabhi ذات الألوان الهادئة والتصميم الهادئ والأكثر أناقة والتى تناسب جميع الأذواق متوفرة الآن فقط وحصريا فى مدونة مدون برابط مباشر الأيقونات داخل ملف "PSD" والآن مع التحميل .
إقرأ المزيد... Résumé3efrit blogger

تحميل أيقونات المواقع الإجتماعية بشكل جزاب

أضف تعليق6:32 م, مرسلة بواسطة Hady store
بسم الله الرحمن الرحيم ... السلام عليكم ورحمة والله وبركاته
أقدم لكم فى هذة التدوينة أيقونات المواقع الإجتماعية الإحترافية بحجيمن مختلفين الملحق يضم عدد كبير من أيقونات المواقع الإجتماعية حمل الملحق الآن من مدونة مدون برابط مباشر حجم الملحق 336 KB تقريبا .
إقرأ المزيد... Résumé3efrit blogger

أغنية سمية ( من الآخر ) MP3 تحميل مباشر

أضف تعليق12:24 م, مرسلة بواسطة Hady store
تحميل اغنية سميه من الاخر 2014
تحميل اغنية سميه من الاخر الجديدة من احدث الاغاني العربية حاليا مع كلمات اغنية سميه من الاخر من اعداد فريق عمل موقع كولتارش اليوم جديد الاغاني العربية تحميل وتنزيل اغنية سميه من الاخر
اغنية سميه من الاخر التي نالت علي اعجاب جمهور الفنان وخاصا بعد عرض اغنية سميه من الاخر علي الصفحة الرسمية للفنان علي الفيس بوك وكانت اغنية سميه من الاخر لها ردود افعال كبيرة جدا بين جمهورة
إقرأ المزيد... Résumé3efrit blogger

4 أشكال مختلفة للمشاركات الشائعة بشكل إحترافى

تعليقان8:20 م, مرسلة بواسطة Hady store
إضافة المشاركات الشائعة بـ 4 أشكال مختلفة إحترافية ونحن نعلم تماما أن المشاركة الشائعة فى مدونتك شئ ضرورى لانه يظهر التدوينات الأكثر شعبه فى مدونتك مما يتيح للزائر معرفتها وزيارتها بسهولة والآن مدونة مدون توفرها لك [اشكال مختلفة تناسب جميع المدونات والأزواق والآن مع شرح تركيب الإضافة.
  1. إختر تخطيط وإضافة "المشاركات الشائعة" من قائمة الأدوات التى ستظهر لك 
  2. إعدادات الأداة ستظهر العناوين فقط الإعدادات ستكون مثل الصورة التالية 
3. بعد تكوين القطعة كما بالصورة أعلاه الآن إحفظ الأداة 
الآن عليك إختيار الشكل الذى سيظهر به ومثل ما ذكرت 4 أشكال إختر واحدة منهم 
ملحوظة || عليك البحث عن هذا الكود فى قالبك ]]></b:skin> وضع الكود قبلة مباشرة والآن إختر كود واحد من الأكواد التالية لكى تضعه وإحفظ قالبك .
الشكل الأول
        #PopularPosts1 h2{

        padding:7px 0 3px 0;

        width:100%;

        margin-bottom:10px;

        font-size:1.3em;

        text-indent:-12px;

        font-size:18px;

        text-align:center;

        color: #757575; /* Color of the widget's title */

        }

        #PopularPosts1 ul{

        list-style:none;

        counter-reset:li;

        padding:8px 0px 1px;

        left:-7px;

        width:290px;

        }

        #PopularPosts1 li{

        position:relative;

        margin:0 0 10px 0;

        padding: 3px 2px 0 17px;

        left:-5px;

        width:285px;

        }

        #PopularPosts1 ul li{

        background: #eee;

        position: relative;

        display: block;

        padding: .4em .2em .4em 2em;

        *padding: .2em;

        margin: .5em 0;

        background: #ddd;

        text-decoration: none;

        border-radius: .3em;

        transition: all .3s ease-out; 

        }

        #PopularPosts1 ul li:before{

        content: counter(li);

        counter-increment: li;

        position: absolute;

        top: 50%;

        margin: -1.3em;

        height: 2em;

        width: 2em;

        line-height: 2em;

        font-size: 15px;

        color: #fff; /* text color of numbers */

        background: #FB8835; /* background color of numbers */

        border: .2em solid #fff; /* border color */

        -webkit-box-shadow: 0 8px 5px -7px #888;

        -moz-box-shadow: 0 8px 5px -7px #888;

        box-shadow: 0 8px 5px -7px #888;

        text-align: center;

        font-weight: bold;

        border-radius: 2em;

        position: absolute; 

        left: 0;

        transition: all .3s ease-out;

        }

        #PopularPosts1 ul li:hover{

        background: #eee;

        }

        #PopularPosts1 ul li:hover:before{

        transform: rotate(360deg); 
        }
        #PopularPosts1 ul li a{

        font: 14px Georgia, serif; /* font size of post titles */

        text-shadow: 0 -1px 2px #fff;

        color: #444;

        display:block;

        min-height:25px;

        text-decoration:none;

        text-transform: uppercase;
        }
        #PopularPosts1 ul li a:hover{

        color: #444;
        }
 الشكل الثانى
        #PopularPosts1 h2{
        position:relative;

        padding:8px 10px 6px 10px;

        width:100%;

        margin-bottom: 5px;

        font-size:17px;

        color:#757575; /* Color of the widget's title */

        text-align:left;

        }

        #PopularPosts1 ul{

        list-style:none;

        counter-reset:li;

        padding:10px;

        left:-8px;

        width:100%;

        }

        #PopularPosts1 li{ /* Styles of each element */

        width:100%;

        position:relative;

        left:0;

        margin:0 0 1px 12px;

        padding:4px 5px;

        }

        #PopularPosts1 ul li:before{

        content: counter(li);

        counter-increment: li;

        position: absolute;

        left: -30px;

        top: 50%;

        margin-top: -13px;

        background: #8E8E8E; /* background color of the numbers */

        height: 1.9em;

        width: 2em;

        line-height: 2em;

        text-align: center;

        font-weight: bold;

        color: #fff;

        font-size: 14px;

        }

        #PopularPosts1 ul li:after{

        position: absolute;

        content: '';

        left: -2px;

        margin-top: -.7em;

        top: 50%;

        width: 0;

        height: 0;

        border-top: 8px solid transparent;

        border-bottom: 8px solid transparent;

        border-left:10px solid #8E8E8E; /* background color of the right arrow*/

        }

        #PopularPosts1 ul li a{

        color: #444;

        text-decoration: none; 

        font-size:15px;

        }

        #PopularPosts1 ul li {

        position: relative;

        display: block;

        padding: .4em .4em .4em .8em;

        *padding: .4em;

        margin: .5em 0 .5em 0.4em;

        background: #ddd;

        transition: all .3s ease-out;

        text-decoration:none;

        transition: all .1s ease-in-out;
        }
        #PopularPosts1 ul li:hover{

        background: #eee; /* Background color on mouseover */
        } 
        #PopularPosts1 ul li a:hover{

        color:#444; /* Link color on mouseover */

        margin-left:3px;
        }
الشكل الثالث
#PopularPosts1 h2{
position:relative;
right:-2px;
padding:8px 63px 6px 17px;
width:100%;
margin:0;
font-size:16px;
background:#4F4F4F; /* Background color */
color:#f2f2f2; /* Color of the widget's title */
text-align:left;
text-indent:18px;
}
#PopularPosts1 h2:before{
position:absolute;
content:"";
top:36px;
right:0px;
width: 0px;
height: 0px;
border-bottom:12px outset transparent;
border-left:12px solid #000000;
}
#PopularPosts1 h2:after{
position:absolute;
content:"";
top:-6px;
left:-5px;
width: 0px;
height: 0px;
border-bottom:24px outset transparent;
border-top:24px outset transparent;
border-left:24px solid #ffffff; /* Arrow background color on the left */
}
#PopularPosts1 ul{
list-style:none;
counter-reset:li;
padding:10px;
left:-8px;
width:100%;
}
#PopularPosts1 li{
width:100%;
position:relative;
left:0;
margin:7px 0 16px 12px;
padding:10px  4px 0 5px;
}
#PopularPosts1 ul li:before{
content:counter(li);
counter-increment:li;
position:absolute;
top:-2px;
left:-20px;
font-size:35px;
width:20px;
color:#888888;
}
#PopularPosts1 ul li a{
display:block;
font-size:16px; /* Font size of the links */
color: #666; /* Color of the links */
text-decoration:none;
transition: all .1s ease-in-out;font-weight: bold;
}
#PopularPosts1 ul li a:hover{
color:#3366FF;
margin-left:3px;
}
الشكل الرابع
#PopularPosts1 h2{
padding:8px 10px 3px 0;
width:100%;
margin:0;
font-size:16px;
position:relative;
left:-20px;
display:block;
border-bottom:2px solid #ccc;
}
#PopularPosts1 ul{
list-style:none;
counter-reset:li;
padding:10px;
width:100%;
}
#PopularPosts1 li{ /* Styles of each element */
width:100%;
position:relative;
left:0;
margin:0 0 6px 10px;
padding:4px 5px;
}
#PopularPosts1 ul li:before{ /* Style of the numbers */
content:counter(li);
counter-increment:li;
position:absolute;
top:3px;
left:-39px;
font-size:21px;
width:28px;
height:28px;
border-radius: 50%;
color:#777; /* Text color */
border: 2px solid #ddd; /* Rounded border color */
padding:0;
text-indent:9px;
}
#PopularPosts1 ul li a{
display:block;
position:relative;
left:-45px;
width:100%;
margin:0;
min-height:28px;
padding: 5px 3px 3px 39px;
color:#333; /* color of the links */
text-decoration:none;
font-size:14px; /* Font size of the links */
font-style: italic;
}
#PopularPosts1 ul li a:hover{
color:#3366ff;
margin-left:3px;
}
السلام عليكم ورحمة الله وبركاتة | أى إستفسار أترك تعليقك 
إقرأ المزيد... Résumé3efrit blogger