اضافة كاتب الموضوع في بلوجر احترافية 2014
 |
| اضافة كاتب الموضوع في بلوجراحترافية 2014 |
السلام عليكم اخوتي الكرام
ارتايت اليوم ان اشارككم باضافة من احد اهم اضافات بلوجر الا و هي اضافة كاتب الموضوع في بلوجر احترافية 2014
و ذلك بعدما تبين لي ان الكثيير من المدونيين لا يقومون بواجبهم و يعتمدون على نقل و سرقة المواضيع و الاكواد بغير فائدة
و كما تعلم اخي الكريم ان اضافة تعريف الكاتب او صاحب التدوينة في نهاية المقال في مدونات بلوجر اصبح شيئا من الضروري استعماله لانه يجعل من مدونتك مدونة احترافية و يعطي وسائل الاتصال بك للزوار و الاعضاء ليعرفوك جيدا تم يكونوا من متابعيك
و كما ان هذه الاضافة تجعل ترابطا بين مدير المدونة ومتابعيه و تسمح لهم بالتعرف اكثر عن صاحب المدونة
هناك الكثيير من الاضافات في الانترنت و كلها جميلة و لكن تنقصها شيء ما من الجودة و الاحترافية والبساطة اللازمة و معظمها
لذلك ساقدم لكم باسم مدونة متميزون اداة تعريف كاتب الموضوع الاحترافية 2014
الاضافة التي ساقدمها فيها نبذة عن الكاتب و اسمه و و الافاتار الخاص به مع 5 من المواقع الاجتماعية الشهيرة و بازرار رائعة و مناسبة لاي مدونة
لن اطيل عليكم , المهم الاضافة هي كود css يعمل في جميع المدونات و المواقع
# الخطوة الاولى
اتجه الى مدونتك من هنا
تم اتبع المسار التالي >> القالب >> تعديل القالب >> ثم ابحث عن الكود التالي باستخدام زر CTRL+F
<div class='post-footer-line post-footer-line-1'>
واضف كود الاداة بعده مباشرة فان لم ترى اي نتيجة و الكود لم يعمل اضفه مباشرة بعد هذا الكود و سيعمل ان شاء الله
<data:post.body/>
</b:if>
</b:if>
ستجد منه اثنين الثاني هو المقصود
او اضفها قبل هذا الكود
<b:if cond='data:post.authorAboutMe'>
# الخطوة الثانية : اضف الكود التالي
<div class="beh-entry-author">
<div class="author-header main-color-bg">
</div>
</div>
<div class='author-wrap'>
<div class='author-avatar'>
<img alt='author-avatar' class='avatar avatar-80 photo' height='80' src='https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/487292_327202174037831_1400015829_n.jpg' width='80'/>
</div>
<div class='author-description'>
/* هنا تكتب نبذة عن نفسك */انا شاب في 23 من العمر بلدي الجزائر و انا صاحب مدونة متميزون اسعى دائما الى تقديم مقالات و شروحات لاثراء المحتوى العربي
<div class='author-link'>
/* هنا تضع رابطك في جوجل بلس */<a href='https://plus.google.com/+MohamedZozo/posts' rel='author'>
/* هنا تضع اسمك */بقلم : محمد زوية
<span class='meta-nav'/>
</a>
</div>
</div>
</div>
</div>
<div class='entry-social'>
<div class='fb'>
<a href='https://www.facebook.com/mohamed.zouia.14' target='_blank'>Facebook</a>
</div>
<div class='twitter'>
<a href='www.twitter.com/motamayizon' target='_blank'>Twitter</a>
</div>
<div class='gplus'>
<a href='https://plus.google.com/+MohamedZozo/posts' target='_blank'>Google+</a>
</div>
<div class='linkedin'>
<a href='Your_Linkedin_Profile' target='_blank'>Linkedin</a>
</div>
<div class='pinterest'>
<a href='http://pinterest.com/' target='_blank'>Pinterest</a>
</div>
<Script Language='Javascript'>
<!-- HTML Encryption provided by iWEBTOOL.com -->
<!--
document.write(unescape('%3C%70%20%73%74%79%6C%65%3D%22%20%6C%69%6E%65%2D%68%65%69%67%68%74%3A%30%70%78%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%37%70%78%3B%20%66%6F%6E%74%2D%77%65%69%67%68%74%3A%62%6F%6C%64%3B%20%74%65%78%74%2D%61%6C%69%67%6E%3A%72%69%67%68%74%22%3E%3C%61%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%23%44%33%44%33%44%33%3B%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%62%6C%6F%67%67%69%6E%67%65%68%6F%77%2E%63%6F%6D%22%3E%50%6C%75%67%69%6E%20%62%79%3A%20%42%6C%6F%67%67%69%6E%67%65%68%6F%77%2E%63%6F%6D%3C%2F%61%3E%3C%2F%70%3E%20'));
//-->
</Script>
</div>
<style>
.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/AVvXsEhlUdSdGaNNa3Mo7bdM5k0u-LwZ8WH9G7A7XbY3_2EAXJzdAAdr6bmG7eBc1NDvJ7713gH__OOmTUJP9brVTXV5h3NufPTToLPvjhE11rscAjklPG2WrYsFQU6YdRLhpNzvv1nTZ1eWq7o0/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/AVvXsEhlUdSdGaNNa3Mo7bdM5k0u-LwZ8WH9G7A7XbY3_2EAXJzdAAdr6bmG7eBc1NDvJ7713gH__OOmTUJP9brVTXV5h3NufPTToLPvjhE11rscAjklPG2WrYsFQU6YdRLhpNzvv1nTZ1eWq7o0/s1600/fb14.png") no-repeat scroll 10px center #324B81;
}
.entry-social .twitter a {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVH_-Y6wkQQa5PVRnErE5s7jP0qg5do35hRvOK7PzmzjJZSUa-uJSONch3Nsbpif48l2xOY0zfsxAZ2wkv-a-egukIMzglubYih3O7kWWoAHY8UgNRj10q-lMXtpkMncWQomKyvtXPWrIh/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/AVvXsEhVH_-Y6wkQQa5PVRnErE5s7jP0qg5do35hRvOK7PzmzjJZSUa-uJSONch3Nsbpif48l2xOY0zfsxAZ2wkv-a-egukIMzglubYih3O7kWWoAHY8UgNRj10q-lMXtpkMncWQomKyvtXPWrIh/s1600/twitter14.png") no-repeat scroll 8px center #01A7DE;
}
.entry-social .gplus a {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYvP76-_ATqsOhwn4fOETMuuVX5bwqhxwl2_nXwQosoeo_rYp0yFlGn74RtwMCWkz_7Sd-x1CczNkhGz4Vdqyk_ao_1lwYAXdZmW5l8_-E9zuN-a3m4LslFngNY95aGbppuq9Y0ueD4-S3/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/AVvXsEgYvP76-_ATqsOhwn4fOETMuuVX5bwqhxwl2_nXwQosoeo_rYp0yFlGn74RtwMCWkz_7Sd-x1CczNkhGz4Vdqyk_ao_1lwYAXdZmW5l8_-E9zuN-a3m4LslFngNY95aGbppuq9Y0ueD4-S3/s1600/gplus14.png") no-repeat scroll 10px center #BA3227;
}
.entry-social .linkedin a {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaAvum9_nsH2cBbHZgBJQeopKrWWTC3O5DBlvs_Oy2YZi5rUbZrj5eFN-AGaVl0qByLuAr25I6G9YFuE52Bkr3eBurxCW8NbrfxLkaobYngwQ8kGpc7ijV45Oggb2e9nLIlDDlSsF__6qo/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/AVvXsEgaAvum9_nsH2cBbHZgBJQeopKrWWTC3O5DBlvs_Oy2YZi5rUbZrj5eFN-AGaVl0qByLuAr25I6G9YFuE52Bkr3eBurxCW8NbrfxLkaobYngwQ8kGpc7ijV45Oggb2e9nLIlDDlSsF__6qo/s1600/linkedin14.png") no-repeat scroll 10px center #136F9B;
}
.entry-social .pinterest a {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0NiF1l9mnLSsxBOVoeLfwAzcR4Dt3uLZ7j7I_sa_MubTTkMIEeLx86CWSc0DaGi5I1coKQI7lvG32_kpVS70-Z0MTeuEPMOwDBjAaahV36noIOgwzwu1vx9_0E-SrJIGVqPBckdnx_8V/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/AVvXsEjN0NiF1l9mnLSsxBOVoeLfwAzcR4Dt3uLZ7j7I_sa_MubTTkMIEeLx86CWSc0DaGi5I1coKQI7lvG32_kpVS70-Z0MTeuEPMOwDBjAaahV36noIOgwzwu1vx9_0E-SrJIGVqPBckdnx_8V/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;
}
</style>
*/end of the codeغير ما يوجد باللون الاحمر الى مايناسب مدونتك و يمكنك كذلك تغيير حجم الازرار و التحكم في الوانها
و في الاخير اتمنى ان تنال الاضافة اعجابكم و انا في انتظار ارائكم وتعليقاتكم و في موضوع اخر ان شاء الله