الاسلام و تقنية الحاسوب: إضافة بلوجر

إضافة بلوجر

‏إظهار الرسائل ذات التسميات إضافة بلوجر. إظهار كافة الرسائل

كود التبادل الإعلاني النصي المميز

إضافة بلوجر

Unknown 2:43 م اضف تعليق

Unknown

إخواني الكرام نعلم جميعا ان اغلب المدونات إن لم اقل معضمها تعتمد على التبادلات الإعلانية

سواءا بالبرن او نصي فقط لذالك قررت وضع كود خاص بالتبادل النصي وهو مميز

يمكنك تغيير اللون لاي لون تريد لون الخلفية او لون مرور الفأرة على الإعلان وذالك لتجعله متناسقا مع مدونتك

صورة لشكل الكود

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

}
#navlist a:hover {
font-family: "DroidKufi-Regular";
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    background-color:#6EA611;
    border:1px solid #6EA611;
    font-size: 12pt;
    text-decoration: none;
    color: #000000;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;

}

</style><br />
<ul id='navlist'><table align='center' width='100 %'>
<tr>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='' target='_blank'>أعلن هنا</a><br />
</td>
</tr>
</table>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td></tr>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td></tr>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
</table>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td></tr>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td>
<td align='center' width='25%'><br />
<a href='/' target='_blank'>إعلانك هنا</a><br />
</td></tr>
</table>
</table>
</table>
</ul>
<div class='clear'>
</div>

وهكذا تكون إنتهيت اتمنى ان يكون الكود قد لاق إعجابكم بالتوفيق للجميع

ودمتم في رعاية الله وحفضه

اضف 6اشكال مميزة لصندوق اقتباس بلوجر

إضافة بلوجر

Unknown 7:18 ص اضف تعليق

Unknown

كما نعلم جميعا ان صندوق الاقتباس Blockquote يعتبر مهم لمدوني شبكة بلوجر ويستعمل في تنسيق مواضيع المدونة ويضفي عليها شكلا مميزا .ويستعمل خاصة في مدونات بلوجر التي تطرح أكواد أو شروحات فصندوق الاقتباس يعوض الاطار لتمييز الكود عن بقية النص!

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

اليوم تستطيع اضافة نماذج واشكال لصندوق الاقتباس بتقنية CSS ما عليك سوي تنفيذ الخطوات التالية:

قم بالدخول إلى حساب مدونتك.
أنقر على تصميم .
ثم انقر فوق تحرير HTML
فوق الرمز </head> مباشرة قم بلصق الكود التالي ثم احفظ القالب:

الآن في كل مرة تقوم فيها بإنشاء مشاركة جديدة انقر علي زر HTML واضف رقم كود صندوق الاقتباس الذي اعجبك

الشكل الأول

الشكل الثاني

الشكل الثالث

الشكل الرابع

الشكل الخامس

الشكل السادس

تغيير شكل ومظهر التسميات(العلامات الدليلية) لمدونة البلوجر

إضافة بلوجر

Unknown 1:23 م اضف تعليق

Unknown

بسم الله الرحمن الرحيم

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

طريقة التركيب سهلة جدا ولاتستغرق أكثر من عدة دقائق

توحه للوحة التحكم >>تصميم>>أضافة أداة>>تهيئة HTML/JavaScript

بعد ذلك أضف الكود التالي داخل الخانة المخصصة لذلك

.label-size a {
        display: inline-block;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
        padding: 4px 7px;
        font-family: 'Helvetica Neue', helvetica, sans-serif;
        font-size: 12px;
        line-height: 14px;
        height: 14px;
        vertical-align: middle;
        margin-bottom: 6px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
       
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
        -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
    }

.label-size a {
        color: #996633;
        border: 1px solid #DDA13C;
       
        background: rgb(238,177,75);
        background: url(data:image/svg+xml;base64,PD94bWwgdmV
    yc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG
    5zPSJodHRwOi8vd3d3LnczLm9yZy'
    8yMDAwL3N2ZyIgd2lkdGg9IjEwM
    CUiIGhlaWdodD0iMTAwJSIgdmlld0
    JveD0iMCAwIDEgMSIgcHJlc2VydmV
    Bc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGl
    kPSJncmFkLXVjZ2ctZ2VuZXJhdGV
    kIiBncmFkaWVudFVuaXRzPSJ1c2V
    yU3BhY2VPblVzZSIgeDE9IjAlIiB5M
    T0iMCUiIHgyPSIwJSIgeTI9IjEwMCUi
    PgogICAgPHN0b3Agb2Zmc2V0PSIw
    JSIgc3RvcC1jb2xvcj0iI2VlYjE0YiIgc
    3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c
    3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3A
    tY29sb3I9IiNjYzkxMmQiIHN0b3Atb3Bh
    Y2l0eT0iMSIvPgogIDw
    vbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lk
    dGg9IjEiIGhlaWdodD0iMSIgZmlsbD0id
    XJsKCNncmFkLXVjZ2ctZ2VuZ
    XJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(238,177,75,1) 0%, rgba(204,145,45,1) 100%);
        background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,rgba(238,177,75,1)), color-stop(100%,rgba(204,145,45,1)));
        background: -webkit-linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
        background: -o-linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
        background: -ms-linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
        background: linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb14b', endColorstr='#cc912d',GradientType=0 );
    }

.label-size a:before  {
        content: '\2022';
        color: #FFFFFF;
        margin-left: 4px;
        font-size: 15px;
        line-height: 13px;
        height: 13px;
        vertical-align: text-top;
       
        text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2);
    }

.label-size a:hover {
        text-decoration: none;
       
        background: rgb(240,183,86);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHR
    wOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwM
    CUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2Vy
    dmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW5
    0IGlkPSJncmFkLXVjZ2ctZ2VuZX
    JhdGVkIiBncmFkaWVudFVuaXRz
    PSJ1c2VyU3BhY2VPblVzZSIgeD
    E9IjAlIiB5MT0iMCUiIHgyPSIwJSI
    geTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1
    jb2xvcj0iI2YwYjc1NiIgc3RvcC1vcGFj
    aXR5PSIxIi8+CiAgICA8c3RvcCBvZ
    mZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmEwNDQiIHN0b3A
    tb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbn
    Q+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIg
    ZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(240,183,86,1) 0%, rgba(214,160,68,1) 100%);
        background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,rgba(240,183,86,1)), color-stop(100%,rgba(214,160,68,1)));
        background: -webkit-linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
        background: -o-linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
        background: -ms-linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
        background: linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b756', endColorstr='#d6a044',GradientType=0 );
    }
    /*]]>*/
    </style>

أعمل حفظ للأداة

ثم بعد ذلك أختار أضافة أداة >>التسميات

وعدل الخيارات كما هو موضح في الصورة

أما أذا كنت مضيف أداة التسميات (العلامات الميتاتاج)

فقط قم بدخول على الأداة وأعمل التعديلات كما في الصورة

أتمنى أن تنال على رضاكم

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

اضافة لا تنسى الانضمام الى متابعينا

إضافة بلوجر

Unknown 12:09 م اضف تعليق

Unknown

بسم الله الرحمن الرحيم

كود اضافه لاتنسى الانضمام الى متابعينا

يظهر عند النزول الى اخر المدونة به ازرار المفضلات الاجتماعيه الخاصه بك

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

    ادخل مدونتك .
    التخطيط .
    اضافة اداة HTML/JavaScript.
    الان اضف هذا الكود ( مع تعديل ما سأذكره ) :

لا تنسى تقوم بتغير المطلوب حتى تتناسب مع مدونتك !!

إضافة كودhtml في موضوع بلوجر بطريقة احترافية

إضافة بلوجر

Unknown 1:18 م اضف تعليق

Unknown

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

شرح الدرس
من لوحة التحكم نفتح صفحة تحرير html ثم نحفظ نسخة احتياطية من القالب قبل بدء التعديل.
و نبحث عن :

قبلها أي فوقها مباشرة نلصق الكود الموالي:

مرة أخرى نبحث عن:

و قبله أي فوقه مباشرة نلصق الكود الآتي و نحفظ القالب:

الآن بعد حفظ القالب سنتعرف طريقة وضع الكود بالتدوينة أو الموضوع.
كما لاحظتم في الكود الأول فإن الإضافة بها عدة ملفات جافاسكريبت كل واحد منها مختص بعرض أكواد لغة برمجة معينة ك php ، java ، javascript ، xml ، و غيرها ... و هذا سنأخذه بعين الاعتبار فيما يلي .
يدرج الكود كما يلي :

هنا يوضع الكود

أو

<textarea name="code" class="css">
هنا يوضع الكود
</textarea>

طبعا هذا الكود معد لعرض css و منه لعرض أكواد أي لغة أخرى نستبدل css باسم تلك اللغة.
باستعمال pre لعرض كود html تأكد من تعويض الأقواس المعقوفة < و > بما يلي

- < إلى &lt;
- > إلى &gt;

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

أتمنى أن أكون وفقت في شرح درس

إضافة ساعة جميلة إلى مدونتك أو موقعك

إضافة بلوجر

Unknown 5:23 م 2 تعليقات

Unknown

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

ادخل مدونتك .
    التخطيط .
    اضافة اداة HTML/JavaScript.
    الان اضف هذا الكود

ساعات أخرى إذا أعجبتك

الكود الخاص بها هو

هذا كل شيء أحبابي في الله أتمنى أن يعجبكم الدرس

كود أداة جميلة تخبرك كم تبقى على رمضان مبارك

إضافة بلوجر

Unknown 4:51 م اضف تعليق

Unknown

بسم الله الرحمن الرحيم
والصلآة والسلأم على اشرف الانبياء والمرسلين سيدنا محمد عليه وعلى اله افضل الصلآة واتم التسليم
السلآم عليكم ورحمة الله وبركاته .

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

صورة للأداة

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

ادخل مدونتك .
    التخطيط .
    اضافة اداة HTML/JavaScript.
    الان اضف هذا الكود

هذا كل شيء مبروك عليك إضافة رائعة

اضافة ايقونات المواقع الاجتماعيه بشكل جميل جدا

إضافة بلوجر

Unknown 2:13 م اضف تعليق

Unknown

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

    ادخل مدونتك .
    التخطيط .
    اضافة اداة HTML/JavaScript.
    الان اضف هذا الكود ( مع تعديل ما سأذكره ) :

التعديلات :

قم بتغير هذه العلامة ( # ) بالروابط الخاصه بك في تلك المواقع