تجربة القالب 4: أكواد HTML

إضافة تابعنى على مواقع التواصل الاجتماعى على جانب المدونة بشكل مميز
الزيارات:

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

والأن مع طريقـــــــــــة التركيــــب

(1) كـــــــــــــــــــــــــود الـ CSS
ابحث عن ]]>

وضع قبله مباشرة هذا الكود

اذا اعجبك الموضوع فلما لا تكن من معجبينا على الفيس بوك

الموضوع كامل

مربعات لكتابة ملاحظة او تحذير لمدونات بلوجر
الزيارات:

mahmoud elbohy | 8:00 ص | أكواد HTML كن أول من يعلق!

الاضافة بسيطة جدا فقط ركز وتابع معى خطوة بخطوة

(1) اذهب الى لوحة التحكم

ثم اختر القالب ثم تحرير Html

(2) ابحث عن ]]>

ثم اضف قبله مباشرة هذا الكود

(3) ثم اذهب للتخطيط اضغط اضافة اداة

Html/Javascript

لعمل ملاحظــــــــــــة

الحلقة 32: مربعات لكتابة تنبية او ملاحظة او تحذير لمدونات بلوجر

اضف الكود التالى فى أداة الـ Html/Javascript

ضع الكلام هنا

-----------------------------------------------------------------

لعمل تنبيه

اضف الكود التالى فى أداة الـ Html/Javascript

ضع الكلام هنا

-----------------------------------------------------------------

لعمل اقتراح لتحميل برنامج أو ما شابه ذلك

اضف الكود التالى فى أداة الـ Html/Javascript

ضع الكلام هنا

الموضوع كامل

اضافة المشاركة الاجتماعية لمدونات بلوجر بشكل جديد
الزيارات:

mahmoud elbohy | 11:19 م | أكواد Css | أكواد HTML كن أول من يعلق!

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

(1) ابحث عن

</head>

ثم فوقها مباشرة ضع هذا الكود

الموضوع كامل

تغيير شكل تعليقات بلوجر الى شكل مميز واحترافى
الزيارات:

mahmoud elbohy | 11:36 م | أكواد HTML كن أول من يعلق!

صندوق تعليقات بلوجر تقليدى ولا يلفت الأنظار ولا يشجع الزوار على التعليق

وانطلاقًا من إيماننا بهذا المبدأ

فلكم اليوم منى شرح بسيط جدًا لتغيير شكل تعليقات بلوجر إلى شكل مميز وبشكل

احترافى كالعادة من

مدونة ابداعاتى

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

(1) اذهب الى لوحة التحكم

(2) اختــــــــــــــــــر قالب

(3) ثم تحريــــــر HTML

(4) ابــــــحــــث عــــــــن

]]>

ضع قبله مباشرة هذا الكود

.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px} .comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right} .comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer} .comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none} .comments .comments-content .inline-thread{padding:0} .comments .comments-content .comment-thread{margin:8px 0} .comments .comments-content .comment-thread:empty{display:none} .comment-replies{margin-top:1em;margin-right:40px;background:#fff} .comments .comments-content .comment{margin-bottom:0;padding-bottom:0} .comments .comments-content .comment:first-child{padding-top:16px} .comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0} .comments .comments-content .comment-body{position:relative} .comments .comments-content .user{font-style:normal;font-weight:normal} .comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none} .comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px} .comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:left;text-decoration:none} .comment-content{margin:0 0 8px;padding:0 5px} .comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px} .comments .comments-content .owner-actions{position:absolute;left:0;top:0} .comments .comments-replybox{border:none;height:230px;width:100%} .comments .comment-replybox-thread{margin-top:0} .comments .comment-replybox-single{margin-top:5px;margin-right:48px} .comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center} .comments .thread-toggle{cursor:pointer;display:inline-block} .comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0} .comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden} .comments .thread-chrome.thread-collapsed{display:none} .comments .thread-toggle{display:inline-block} .comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-left:4px} .comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent} .comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent} .avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZzgArFhxZ15A4rSVO_IqSgdY3Vj_Tkv2tFlpqRUUH5DASj4BpZja9BSdtV3XVkCckbe6iJl4hOnC-YyBZpfmYiV4SUcO85MPgIl2VtrwHKnjsWOPk2t60WyIxQ9pnjznIzHDm1bbP2SI/s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important} .comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important} .comments .comment-block{margin-right:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px} @media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-right:0}}

ثم اضغط على حفظ النموذج

اتمنى منكم كلمة شكر

فلا تبخلوا بها

الموضوع كامل

تغيير شكل تعليقات بلوجر مع تمييز تعليقات الكاتب
الزيارات:

mahmoud elbohy | 9:19 ص | أكواد HTML كن أول من يعلق!

اذهب الى لوحة تحكم مدونتك

ثم اختر قالب

ثم تحرير HTML

قم بالبحث عن هذا الكود

أو جزء منه

ثم قم باستبداله بالكود التالي

.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:13px}.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right}.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}.comments .comments-content .inline-thread{padding:0}.comments .comments-content .comment-thread{margin:8px 0}.comments .comments-content .comment-thread:empty{display:none}.comment-replies{margin-top:1em;margin-right:40px;background:#fff}.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}.comments .comments-content .comment:first-child{padding-top:16px}.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}.comments .comments-content .comment-body{position:relative}.comments .comments-content .user{font-style:normal;font-weight:normal}.comments .comments-content .user a{color:#fefefe;font-weight:normal;text-decoration:none}.comments .comments-content .icon.blog-author { position: absolute; top: -3px; left: -3px; margin: 0; background-image: url(http://im39.gulfup.com/8wnUv.png); width: 60px; height: 44px; } .comments .comments-content .datetime a { padding: 0 10px 10px 47px; color: #fefefe; font-size: 12px; float: left; text-decoration: none;  }.comment-content{margin:0 0 8px;padding:0 5px}.comment-header{font-size:18px;background-color:rgb(248, 211, 61);border-bottom:1px solid #fec648;padding:3px}.comments .comments-content .owner-actions{position:absolute;left:0;top:0}.comments .comments-replybox{border:none;height:230px;width:100%}.comments .comment-replybox-thread{margin-top:0}.comments .comment-replybox-single{margin-top:5px;margin-right:48px}.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}.comments .thread-toggle{cursor:pointer;display:inline-block}.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}.comments .thread-chrome.thread-collapsed{display:none}.comments .thread-toggle{display:inline-block}.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-left:4px}.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZzgArFhxZ15A4rSVO_IqSgdY3Vj_Tkv2tFlpqRUUH5DASj4BpZja9BSdtV3XVkCckbe6iJl4hOnC-YyBZpfmYiV4SUcO85MPgIl2VtrwHKnjsWOPk2t60WyIxQ9pnjznIzHDm1bbP2SI/s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}.comments .comment-block{margin-right:65px;position:relative;border:2px solid rgb(184, 184, 182);}@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-right:0}}

ثم قم بحفظ القالب
ومبروك عليك الاضافة

لمعاينة الاضافة
اذهب لترى التعليقات وتمييز تعليق الكاتب من
هنا

الموضوع كامل

كيفية وضع كتابة تتبع مؤشر الماوس في مدونة بلوجر
الزيارات:

mahmoud elbohy | 5:52 ص | أكواد HTML كن أول من يعلق!

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

توجه للوحة التحكم الخاصة بمدونتك

اختر القالب

ثم تحرير HTML

اضغط من لوحة المفاتيح على CTRL+F

قم بالبحث عن الكود التالي

اضف فوقه مباشرة الكود التالي

قم بتغيير ما باللون الاحمر بما تريد

الموضوع كامل

إضافة تابعنى على مواقع التواصل الاجتماعى على جانب المدونة بشكل مميز
الزيارات:

مربعات لكتابة ملاحظة او تحذير لمدونات بلوجر
الزيارات:

اضافة المشاركة الاجتماعية لمدونات بلوجر بشكل جديد
الزيارات:

تغيير شكل تعليقات بلوجر الى شكل مميز واحترافى
الزيارات:

تغيير شكل تعليقات بلوجر مع تمييز تعليقات الكاتب
الزيارات:

كيفية وضع كتابة تتبع مؤشر الماوس في مدونة بلوجر
الزيارات:

المشاركات الشائعة

التسميات

اعلانات مجانية عن صفحات الفيس بوك

أرشيف المدونة الإلكترونية

إضافة تابعنى على مواقع التواصل الاجتماعى على جانب المدونة بشكل مميز الزيارات:

مربعات لكتابة ملاحظة او تحذير لمدونات بلوجر الزيارات:

اضافة المشاركة الاجتماعية لمدونات بلوجر بشكل جديد الزيارات:

تغيير شكل تعليقات بلوجر الى شكل مميز واحترافى الزيارات:

تغيير شكل تعليقات بلوجر مع تمييز تعليقات الكاتب الزيارات:

كيفية وضع كتابة تتبع مؤشر الماوس في مدونة بلوجر الزيارات:

المشاركات الشائعة

التسميات

اعلانات مجانية عن صفحات الفيس بوك

أرشيف المدونة الإلكترونية

إضافة تابعنى على مواقع التواصل الاجتماعى على جانب المدونة بشكل مميز
الزيارات:

مربعات لكتابة ملاحظة او تحذير لمدونات بلوجر
الزيارات:

اضافة المشاركة الاجتماعية لمدونات بلوجر بشكل جديد
الزيارات:

تغيير شكل تعليقات بلوجر الى شكل مميز واحترافى
الزيارات:

تغيير شكل تعليقات بلوجر مع تمييز تعليقات الكاتب
الزيارات:

كيفية وضع كتابة تتبع مؤشر الماوس في مدونة بلوجر
الزيارات: