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

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

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

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

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

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

و كما ان هذه الاضافة تجعل ترابطا بين مدير المدونة ومتابعيه و تسمح لهم بالتعرف اكثر عن صاحب المدونة

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

لذلك ساقدم لكم باسم مدونة متميزون اداة تعريف كاتب الموضوع الاحترافية 2014

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

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

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

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

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

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

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

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

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

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

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

</div>

/* هنا تكتب نبذة عن نفسك */

انا شاب في 23 من العمر بلدي الجزائر و انا صاحب مدونة متميزون اسعى دائما الى تقديم مقالات و شروحات لاثراء المحتوى العربي

/* هنا تضع رابطك في جوجل بلس */

/* هنا تضع اسمك */

بقلم : محمد زوية

</a>

</div>

<a href='https://www.facebook.com/mohamed.zouia.14' target='_blank'>Facebook</a>

</div>

<a href='www.twitter.com/motamayizon' target='_blank'>Twitter</a>

</div>

<a href='https://plus.google.com/+MohamedZozo/posts' target='_blank'>Google+</a>

</div>

<a href='Your_Linkedin_Profile' target='_blank'>Linkedin</a>

</div>

<a href='http://pinterest.com/' target='_blank'>Pinterest</a>

</div>

<!--

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/AVvXsEhIyMNUtNVGukmtXUoWJ3cXLRfYAZRuNZllampITyrZhOl3NnlmaaJz7LcVGrTxLTEZNBmveQjuQRjBHpEtrMh7yCf_Y_L87VNqHT1B0_G9f3X3LugH80w2f8venKEMcbmSyl4oCln1Wxa4/s1600/fb14.png") no-repeat scroll 10px center #3B5999;

padding: 7px 10px 7px 10px;

}

.entry-social .fb a:hover {

}

.entry-social .twitter a {

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNWSsxX7JFJeaUKmliuanGf2d-R2s2lBMLTOHf8wNx8oEOLyl4NrIJICO4Qthhi-IvJPcZA9XAFZIEt-4g-I0p9wBaZVrLM9Mb37ICT6znYrNdUEsAGdjjxQueZltjkSxgk0vCkgY6UWON/s1600/twitter14.png") no-repeat scroll 8px center #01BBF6;

padding: 7px 10px 7px 10px;

}

.entry-social .twitter a:hover {

}

.entry-social .gplus a {

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAZqdBCjNTExr6GWhUoPAJbkFJdrQNU7eQuyMf_xpVseRK3jMjxa08UcLlRRSvJadIap4p5__PZGja3r0Q5lcSHMF7oq19ucdspUZ7VH9aKIEC4mTHL2OjzUtwMhLE0YqvRJiDMAPokyuT/s1600/gplus14.png") no-repeat scroll 10px center #D54135;

padding: 7px 10px 7px 32px;

}

.entry-social .gplus a:hover {

}

.entry-social .linkedin a {

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9eZfx-Jr3uLau1Ntxosu1q82curXohAZ2Vf8muHJUjG_1OYlxmOCzKHfuYiZk92U0pDtwt-z_7y2CTVBRnWbvFR0Ix57kdUEIE2s_acsrh_YE86Ct6Zjvuk7o5Fik8aAcpvoiB9shWFMV/s1600/linkedin14.png") no-repeat scroll 10px center #167FB1;

padding: 7px 10px 7px 35px;

}

.entry-social .linkedin a:hover {

}

.entry-social .pinterest a {

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy1moWE8r7ynRIWWkozBx8_1ZlrCF_A3tZMfx40afH-Xiui0jzSw9A-Kv3B6-H4iK6y_pgUhEsNtPUJA6lyE_UN_lWgY3O0Th9Ti6hvnrJRyg6PxzrR5kwP9KJ6LvAJ2I5p0PdAvUNgS1d/s320/pinterest14.png") no-repeat scroll 10px center #CB2027;

padding: 7px 10px 7px 32px;

}

.entry-social .pinterest a:hover {

}

.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

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

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

By glok

Similiar tagsبلوجر