إضافة ازرار المشاركة الإجتماعية فى القائمة الجانبية إلى بلوجر- مع تأثيرات جميلة

الرئيسية تطوير بلوجر كل إضافة ازرار المشاركة الإجتماعية فى القائمة الجانبية إلى بلوجر- مع تأثيرات جميلة

إضافة ازرار المشاركة الإجتماعية فى القائمة الجانبية إلى بلوجر- مع تأثيرات جميلة

تقديم آخر وسائل الاعلام الاجتماعية الجميلة التي تتيح الاتصال على القطعة زوار موقعك للبحث بلوق الخاص بك، والاشتراك في الخلاصات RSS الخاصة بك، متابعة لكم على التغريد، متابعة لكم في الفيسبوك وتبادل بلوق الخاص بك مع أكثر من 351 + شبكات وسائل الإعلام الاجتماعية! هذه القطعة هو رمز المستخرجة من قالب وورد التي تقدمها Pbloggertemplates. وأنا كذلك تحرير القطعة لجعله أداة مثالية لمشاركة الاجتماعية. يرجى الاطلاع على العرض التوضيحي أدناه،

إضافة أداة الاتصال الاجتماعي بلوغسبوت

الذهاب إلى> مدون تصميم HTML تحرير>

النسخ الاحتياطي القالب

البحث عن

]]></b:skin>

ولصق الكود التالى فوقه مباشرة ،

/* -------------MBT SOCIAL SHARE WIDGET-------------------- */
#search{width:350px; border:1px solid #E0DFD9;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKBxluyCpcl9dzJSVkjW6GA2UPi1Za2vFYyquRt-ASZ07y794lBKr25rI7vcubWlMDa3mR2Ud36oum9SWEjLSjRknNakLngn87raL0VzsOEvA9vugAlNb6CCTkfab971oWfQ0Ig1-mexc/s1600/search-bg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden}
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}
#search-wrap{padding:15px 0}
.topsearch #search{margin-top:0;margin-bottom:10px}

.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}

4. ثم البحث عن،

PS: في هذا الجزء معظم سوف تواجه مشاكل مثل الترميز لكل قالب تختلف. إذا كنت لا يمكن أن تجد هذا الرمز ثم لا داعي للذعر وانشر ببساطة الرابط الخاص بك في هذه التعليقات المدونة.

5. الآن الصق الكود التالى تحته مباشرة،

<div class='topsearch'>
<div class='clerfix' id='search'>
    <form action='/search' id='searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == "") {this.value = "Search here...";}' onfocus='if (this.value == "Search here...") {this.value = ""}' type='text' value='Search here...'/>
        <input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyRCQ-kz9Uua8pS8AVpTpTyAX71JjC3S3jKo0rO-nCbW21Q3xorDG6QqMSnZ_pIQDFKzMSyCos8_YBN6-Th8Bfl1tHxCkVRjOFchpFab96G1cegVeDicfg7WVe8vsHZ06CptJQWetIhcM/s1600/search.png' title='Search' type='image'/>
    </form>
</div>
</div>
<div style='clear:both;'/>

<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ddDUCO89Wf7UCGm8UmeUii3g2zIYj7hI31m7G5h_Gav2TqQFe9q1k9HHYY-oMWllKu2Gm6RlV1yVYfDeicHNWaGf1LU3jb0loy6u2M5F_JHG97tfNymeN7LRyOrO6PJ2C3QpsDLBI88P/s1600/social-connect-rss.png' title='RSS Feed'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Subscribe to our RSS Feeds!</a>
</div>

<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQmof62R_9USywimjhv9qbtr6ubbsHsPsFd27mKKqI-yzDiO7BKadEX4S5CTScZcwmTa_Si7JppJOnxjDyautxFyBIA0X4r_Y83MiiAzc7hJ_QUNCN5z2SScvI7BV2RMIVCslWvtj1XCtT/s1600/social-connect-twitter.png' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>Follow Us on Twitter!</a>
</div>

<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://facebook.com/USERNAME'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipQGonALyfTOi34vhp8p8kPvjM9u5kaXKVqh5H5RR2eDZojWFkuZDyB8YqUhLaeTYm9m3AY3ft-NjAtr-qIWUtL01GGS8daX0RZ54-vmQJNRw4IDGeCP5Sfqa-XBeSroj1MyahFn788DGS/s1600/social-connect-facebook.png' title='Be Our Fan'/></a><a href='http://facebook.com/USERNAME'>Follow us on Facebook!</a>
</div>

<div style='clear:both;'/>

<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH0mD-yIQzUaHJg5LI3ci-0rsYck65NcSy6P6St4sDYUQUGiSwpVFpovCBM0LrcsUQTfQ7UtwKAU6eZ16XUJXBJJgYDSmoV9NaSLdGdDftOLfdKXBXs4h7li7yvCM9gTh0FzpVK6nKtUM/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE6EsruFpmLitDdXe39b7C8tg4whJS9PWt_eBNjvQatzDvdHe4D-MhcLtBZZJzS7lL14sy2kX9SttTlNKjWoWMirI3b02GKSwTH15nz8qWlUXRIXDMMyMREsQyPhWekRwPh7zaBhZfeI4/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_nmMg3t7w3Euw140YZvKzaIzdWfl9nSyVZSxpz-dtEU1sgzKSExENp9tKpu4yfwibppqMVKBAWKwqo0y_8n8EvsGlePrlm-NocIBxmPKPYVe5NzHbMySCbLCfKca94PTVz1QTYo5jHyE/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcrHO8biWY19AChXsdBG2yjT8bl4nXDd4eKo-uFre21EX-zGmPHWSse1knK-3wysmAKSvcRulHP2rppC0GXOltRczTpFSb-ziMSLwEM8uM6V0522sAIhyphenhypheno09ja3jZttNF0ujZC39m7lIU/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzjCBzUY9Ado6bGiKK4wa7V3vUceKOWevBcBICAdaE4uCFJoJLZ6z0IwoLHHCmOlx8yVC5aTtVZ3GcuqMGUV7qjet7xxq6RD5FlzChLsEu3TxJMuBMuitQN04Nne932e-mOekNsxLirAY/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4LyRepQxteeTPHtkz-BtlCa8i97cfYyyE02nqvGmEbF-WL_IPibiX0kbJ_xwR64mJwkCGzgLEGlaAtjxKIslyKl3OAz2i3BuLMlyEnPcjcTlj9RJ_HcKFW6KjGRWCxwXldDQgbFz_Adw/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdXBl4sZ0wIdyBm_elaTPwp4x5T_A0qVsIyTgpnnTNusWIyJFdDkiX6tKljxGW4Eg7UzQ6U24kTZth-c06E1qoCBQ4kAtogKIDBhANZCBkuXFfQeLuh-NcqLk93SQR7h3D8vgVSzxiz5s/s1600/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
<div style='clear:both;'/>

بعد إجراء هذه التغييرات:

استبدال http://twitter.com/USERNAME مع رابط الصفحة تويتر

استبدال http://facebook.com/USERNAME مع رابط الصفحة على الفيسبوك

6. احفظ القالب والبنغو الانتهاء! :>

زيارة بلوق لترى تغييرا جميلة جديدة. آمل أن يرضوا. هي دائما موضع ترحيب الأسئلة.

الوسوم: تطوير بلوجر كل

وصف المدون

احدث المقالات

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

الوسوم

التعليقات

تطوير بلوجر

التصنيفات

احدث المقالات