القائمة الرئيسية

الصفحات

اضافة كاتب الموضوع في بلوجراحترافية 2014

اضافة كاتب الموضوع في بلوجر احترافية 2014



اضافة كاتب الموضوع في بلوجراحترافية 2014
اضافة كاتب الموضوع في بلوجراحترافية 2014




السلام عليكم اخوتي الكرام

ارتايت اليوم ان اشارككم باضافة من احد اهم اضافات بلوجر الا و هي اضافة كاتب الموضوع في بلوجر احترافية 2014
و ذلك بعدما تبين لي ان الكثيير من المدونيين لا يقومون بواجبهم و يعتمدون على نقل و سرقة المواضيع و الاكواد بغير فائدة

و كما تعلم اخي الكريم ان اضافة تعريف الكاتب او صاحب التدوينة في نهاية المقال في مدونات بلوجر اصبح شيئا من الضروري استعماله لانه يجعل من مدونتك مدونة احترافية و يعطي وسائل الاتصال بك للزوار و الاعضاء ليعرفوك جيدا تم يكونوا من متابعيك
 و كما ان هذه الاضافة تجعل ترابطا بين مدير المدونة ومتابعيه و تسمح لهم بالتعرف اكثر عن صاحب المدونة

هناك الكثيير من الاضافات في الانترنت و كلها جميلة و لكن تنقصها شيء ما من الجودة و الاحترافية والبساطة اللازمة و معظمها 
لذلك ساقدم لكم باسم مدونة متميزون اداة تعريف كاتب الموضوع الاحترافية 2014

الاضافة التي ساقدمها فيها نبذة عن الكاتب و اسمه و و الافاتار الخاص به مع 5 من المواقع الاجتماعية الشهيرة و بازرار رائعة و مناسبة لاي مدونة

لن اطيل عليكم , المهم الاضافة هي كود css يعمل في جميع المدونات و المواقع


اضافة كاتب الموضوع في بلوجراحترافية 2014







   # الخطوة الاولى

اتجه الى مدونتك            من هنا 

تم اتبع المسار التالي   >> القالب >> تعديل القالب >> ثم ابحث عن الكود التالي باستخدام زر CTRL+F

<div class='post-footer-line post-footer-line-1'>

واضف كود الاداة بعده مباشرة فان لم ترى اي نتيجة و الكود لم يعمل اضفه مباشرة بعد هذا الكود و سيعمل ان شاء الله

<data:post.body/>
 </b:if>

ستجد منه اثنين الثاني هو المقصود


او اضفها قبل هذا الكود

 <b:if cond='data:post.authorAboutMe'>


# الخطوة الثانية : اضف الكود التالي





<div class="beh-entry-author">
<div class="author-header main-color-bg">
</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: &quot;Open Sans&quot;,&quot;Tahoma&quot;,&quot;Verdana&quot;,&quot;Arial&quot;,sans-serif;
    font-weight: 400;
    padding-left: 20px;
}
.entry-social div {
    float: right;
    margin-right: 10px;
    width: 138px;
}
.entry-social .fb a {
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7P_O3BWGzvUJvGY1fuffq1rlr-HT3quctlaTLSMDvqkqFhaswOz825ldqzeAw9pMuQIudODJxwVBdvuRVy5HmNpv1Q8GrxYhRcHmpT4B8M-ftCqj39kdXFSKXvTvvVkPJ80AJ93IHN6u0/s1600/fb14.png&quot;) no-repeat scroll 10px center #3B5999;
    padding: 7px 10px 7px 10px;
}
.entry-social .fb a:hover {
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7P_O3BWGzvUJvGY1fuffq1rlr-HT3quctlaTLSMDvqkqFhaswOz825ldqzeAw9pMuQIudODJxwVBdvuRVy5HmNpv1Q8GrxYhRcHmpT4B8M-ftCqj39kdXFSKXvTvvVkPJ80AJ93IHN6u0/s1600/fb14.png&quot;) no-repeat scroll 10px center #324B81;
}
.entry-social .twitter a {
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuOi7Hwsr4T5Njha8VUmf1v-k8024ZMXdIa-FilTV0n2y8Na0cJ5pWZr2YE6x8iIrWyzg8JrDSeqxen7QHhw0rBWvin5vk1pRPmgFm7C71E79aiZ0HD2Ty4-clb4DF5M9QucDKqiQW7Y7d/s1600/twitter14.png&quot;) no-repeat scroll 8px center #01BBF6;
    padding: 7px 10px 7px 10px;
}
.entry-social .twitter a:hover {
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuOi7Hwsr4T5Njha8VUmf1v-k8024ZMXdIa-FilTV0n2y8Na0cJ5pWZr2YE6x8iIrWyzg8JrDSeqxen7QHhw0rBWvin5vk1pRPmgFm7C71E79aiZ0HD2Ty4-clb4DF5M9QucDKqiQW7Y7d/s1600/twitter14.png&quot;) no-repeat scroll 8px center #01A7DE;
}
.entry-social .gplus a {
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW_XEe0ZJymezYPZEnCC6K8Yq1z9mdc4tq3Ys9VaOXPKM0NSKhXbwlsUTJXSjtksbhMo-cEsIalf1Y30cYOb4eTc9nOsBsItFu8LakPxrMRwBAM9IGFCyOXOrmCkOZNixuN1xCjrWjG9u4/s1600/gplus14.png&quot;) no-repeat scroll 10px center #D54135;
    padding: 7px 10px 7px 32px;
}
.entry-social .gplus a:hover {
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW_XEe0ZJymezYPZEnCC6K8Yq1z9mdc4tq3Ys9VaOXPKM0NSKhXbwlsUTJXSjtksbhMo-cEsIalf1Y30cYOb4eTc9nOsBsItFu8LakPxrMRwBAM9IGFCyOXOrmCkOZNixuN1xCjrWjG9u4/s1600/gplus14.png&quot;) no-repeat scroll 10px center #BA3227;
}
.entry-social .linkedin a {
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg7jhbQnONPPOT3gkB8uVyy1-GJYAAN0mROS1nhgY794Pwx6pdd34_LYyP9UMzknqhvjWqTvwaj3SM1tWESo3a2o0ZnCpWaVuHjB8Gxol7DhLLg3GNMH-3UFOGC_tSQ35GTQxDVyH8Qy1t/s1600/linkedin14.png&quot;) no-repeat scroll 10px center #167FB1;
    padding: 7px 10px 7px 35px;
}
.entry-social .linkedin a:hover {
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg7jhbQnONPPOT3gkB8uVyy1-GJYAAN0mROS1nhgY794Pwx6pdd34_LYyP9UMzknqhvjWqTvwaj3SM1tWESo3a2o0ZnCpWaVuHjB8Gxol7DhLLg3GNMH-3UFOGC_tSQ35GTQxDVyH8Qy1t/s1600/linkedin14.png&quot;) no-repeat scroll 10px center #136F9B;
}
.entry-social .pinterest a {
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgY6HknrApwdtGPz2ha8ZairjD7pHwNWgK7uxsksEuEICnnLL0fO8F8c9McOGNd-8hVsbLWi53CKxVYofomDHLpqNDtesTqMTbvpIFEDZRRiuWpYjp5FqJHXz1riXjiBwI_aSgbCw7sa4x/s320/pinterest14.png&quot;) no-repeat scroll 10px center #CB2027;
    padding: 7px 10px 7px 32px;
}
.entry-social .pinterest a:hover {
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgY6HknrApwdtGPz2ha8ZairjD7pHwNWgK7uxsksEuEICnnLL0fO8F8c9McOGNd-8hVsbLWi53CKxVYofomDHLpqNDtesTqMTbvpIFEDZRRiuWpYjp5FqJHXz1riXjiBwI_aSgbCw7sa4x/s320/pinterest14.png&quot;) 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


غير ما يوجد باللون الاحمر الى مايناسب مدونتك و يمكنك كذلك تغيير حجم الازرار و التحكم في الوانها


و في الاخير اتمنى ان تنال الاضافة اعجابكم و انا في انتظار ارائكم وتعليقاتكم و في موضوع اخر ان شاء الله



هل اعجبك الموضوع :

تعليقات