اضافة كاتب الموضوع في بلوجراحترافية
اضافة كاتب الموضوع في بلوجر احترافية 2016
السلام عليكم اخوتي الكرام
ارتايت اليوم ان اشارككم باضافة من احد اهم اضافات بلوجر الا و هي اضافة كاتب الموضوع في بلوجر احترافية 2014
و ذلك بعدما تبين لي ان الكثيير من المدونيين لا يقومون بواجبهم و يعتمدون على نقل و سرقة المواضيع و الاكواد بغير فائدة
و كما تعلم اخي الكريم ان اضافة تعريف الكاتب او صاحب التدوينة في نهاية
المقال في مدونات بلوجر اصبح شيئا من الضروري استعماله لانه يجعل من مدونتك
مدونة احترافية و يعطي وسائل الاتصال بك للزوار و الاعضاء ليعرفوك جيدا تم
يكونوا من متابعيك
و كما ان هذه الاضافة تجعل ترابطا بين مدير المدونة ومتابعيه و تسمح لهم بالتعرف اكثر عن صاحب المدونة
هناك الكثيير من الاضافات في الانترنت و كلها جميلة و لكن تنقصها شيء ما من الجودة و الاحترافية والبساطة اللازمة و معظمها
لذلك ساقدم لكم باسم مدونة متميزون اداة تعريف كاتب الموضوع الاحترافية 2014
الاضافة التي ساقدمها فيها نبذة عن الكاتب و اسمه و و الافاتار الخاص به مع
5 من المواقع الاجتماعية الشهيرة و بازرار رائعة و مناسبة لاي مدونة
لن اطيل عليكم , المهم الاضافة هي كود css يعمل في جميع المدونات و المواقع
# الخطوة الاولى
اتجه الى مدونتك من هنا
تم اتبع المسار التالي >> القالب >> تعديل القالب >> ثم ابحث عن الكود التالي باستخدام زر CTRL+F
واضف كود الاداة بعده مباشرة فان لم ترى اي نتيجة و الكود لم يعمل اضفه مباشرة بعد هذا الكود و سيعمل ان شاء الله
ستجد منه اثنين الثاني هو المقصود
او اضفها قبل هذا الكود
# الخطوة الثانية : اضف الكود التالي
.entry-social {
margin-bottom: 10px;
overflow: hidden;
}
.entry-social a {
color: #FFFFFF !important;
display: block;
font-family: "Open
Sans","Tahoma","Verdana","Arial",sans-serif;
font-weight: 400;
padding-left: 20px;
}
.entry-social div {
float: right;
margin-right: 10px;
width: 138px;
}
.entry-social .fb a {
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOOhrD7eg9PFz0I6Q5fJ5PCx0RfnWRvotKnkiSHjcaegu2JExKl6Pvf5YKUL0Za2ygwVunT9YVwmeOJRFBG1DwbcVLKEvfXU-TJDH3zmoc0_AALwekviu14mH0zuiOWnOnuqmGMrZf0fks/s1600/fb14.png")
no-repeat scroll 10px center #3B5999;
padding: 7px 10px 7px 10px;
}
.entry-social .fb a:hover {
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOOhrD7eg9PFz0I6Q5fJ5PCx0RfnWRvotKnkiSHjcaegu2JExKl6Pvf5YKUL0Za2ygwVunT9YVwmeOJRFBG1DwbcVLKEvfXU-TJDH3zmoc0_AALwekviu14mH0zuiOWnOnuqmGMrZf0fks/s1600/fb14.png")
no-repeat scroll 10px center #324B81;
}
.entry-social .twitter a {
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBrSPnPSL2sQA6yrtYmEJRrqA8kiivOSphLoNwe1z_BaE1rRvoci3LtZvyFQPwu7iS6_wxm3AVB07iEKBt7pU9kA6-rzfylAeIMa-HpsZTrgpcW9U1S8eiEHjG3CMQPsiu0zSGaPPc5mv/s1600/twitter14.png")
no-repeat scroll 8px center #01BBF6;
padding: 7px 10px 7px 10px;
}
.entry-social .twitter a:hover {
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBrSPnPSL2sQA6yrtYmEJRrqA8kiivOSphLoNwe1z_BaE1rRvoci3LtZvyFQPwu7iS6_wxm3AVB07iEKBt7pU9kA6-rzfylAeIMa-HpsZTrgpcW9U1S8eiEHjG3CMQPsiu0zSGaPPc5mv/s1600/twitter14.png")
no-repeat scroll 8px center #01A7DE;
}
.entry-social .gplus a {
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm2ZNhAsGdW_oK4WIss6HsLycYg4T_m-GU-vaIztfoo0IjD259CAuiiz6Vf0sYOdmLcgIxiSpbudxBKXIJ2dqh0aEQSAYn0C7qtlHiy2vBYS6lbIjfivzNgWJ9TQgOzeflC-JXQkEHSvFW/s1600/gplus14.png")
no-repeat scroll 10px center #D54135;
padding: 7px 10px 7px 32px;
}
.entry-social .gplus a:hover {
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm2ZNhAsGdW_oK4WIss6HsLycYg4T_m-GU-vaIztfoo0IjD259CAuiiz6Vf0sYOdmLcgIxiSpbudxBKXIJ2dqh0aEQSAYn0C7qtlHiy2vBYS6lbIjfivzNgWJ9TQgOzeflC-JXQkEHSvFW/s1600/gplus14.png")
no-repeat scroll 10px center #BA3227;
}
.entry-social .linkedin a {
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7W42_CqDPg_5ysM_i7feAIGUbnA7uIVXKcLnGEQLiA5vF1GS1iY71B_fKTNVUabjsVfkN0qzS4-XXKOVTjU82yyRfTut4ELZX_crl_ATzq7tsesvjbu9IzJgFsrTIUu6pPxqtNo-WcqKu/s1600/linkedin14.png")
no-repeat scroll 10px center #167FB1;
padding: 7px 10px 7px 35px;
}
.entry-social .linkedin a:hover {
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7W42_CqDPg_5ysM_i7feAIGUbnA7uIVXKcLnGEQLiA5vF1GS1iY71B_fKTNVUabjsVfkN0qzS4-XXKOVTjU82yyRfTut4ELZX_crl_ATzq7tsesvjbu9IzJgFsrTIUu6pPxqtNo-WcqKu/s1600/linkedin14.png")
no-repeat scroll 10px center #136F9B;
}
.entry-social .pinterest a {
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvmql09KG15TVeImhrxsvNncNrA6A1fkpfk8a-3w_bP5VKvlOZekveaUwdgjJ-hu8XvbK6nhiU0tVA1NQhy4KesWOMOa2D-Zk_bz1d0Q_fOLOXTfsP-5VGqFZAxfuiZBsZBD4F5n4ZzriU/s320/pinterest14.png")
no-repeat scroll 10px center #CB2027;
padding: 7px 10px 7px 32px;
}
.entry-social .pinterest a:hover {
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvmql09KG15TVeImhrxsvNncNrA6A1fkpfk8a-3w_bP5VKvlOZekveaUwdgjJ-hu8XvbK6nhiU0tVA1NQhy4KesWOMOa2D-Zk_bz1d0Q_fOLOXTfsP-5VGqFZAxfuiZBsZBD4F5n4ZzriU/s320/pinterest14.png")
no-repeat scroll 10px center #B01C23;
}
.beh-entry-author {
margin-bottom: 20px;
}
.beh-entry-author .author-header {
padding: 1px 15px;
}
.beh-entry-author .author-header h4 a:hover {
color: #000000;
}
.beh-entry-author .author-header h4 a {
color: #FFFFFF;
}
.beh-entry-author .author-header h4 {
color: #FFFFFF;
font-size: 15px;
text-transform: uppercase;
}
.beh-entry-author .author-wrap {
border: 1px solid #EEEEEE;
overflow: hidden;
padding: 12px 15px;
}
.beh-entry-author .author-avatar {
float: left;
height: 80px;
margin-right: 30px;
width: 80px;
}
.beh-entry-author .author-link {
margin-top: 5px;
}
.main-color-bg {
background: none repeat scroll 0 0 #2BBFF6;
}
.beh-entry-author a {
color: #3A3A3A;
outline: 0 none;
text-decoration: none;
transition: all 0.2s ease 0s;
}
.entry-social a {
color: #3A3A3A;
outline: 0 none;
text-decoration: none;
transition: all 0.2s ease 0s;
}
*/end of the code
غير ما يوجد باللون الاحمر الى مايناسب مدونتك و يمكنك كذلك تغيير حجم الازرار و التحكم في الوانها
و في الاخير اتمنى ان تنال الاضافة اعجابكم و انا في انتظار ارائكم وتعليقاتكم و في موضوع اخر ان شاء الله

تعليقات