كود صندوق المتابعين بتصميمه الجديد والمميز لمدونات بلوجر

بسم الله الرحمن الرحيم الرحيم

السلام عليكم متابعي مدونة سموُّر الكرام اليوم نقدم لكم تدوينة مميزة لتغيير شكل صندوق المتابعين الخاص بالمدونة وذلك لوجود بعض المشاكل في التصميم القديم من بلوجر حيث يعرض لك صفحة مكتوب فيها " فشل حاول بعد قليل " لكن اليوم نقدم لكم الحل الامثل بحيث نقدم لكم كود صندوق المتابعين بتصميمه الجديد و المميز ...

لاحظ الفرق بين التصميم القديم والتصميم الجديد

شرح تركيب الاداة

نتوجه الى لوحة التحكم > التخطيط > اضافة اداة > جافا سكريب ونلصق الكود التالي :

<div id='ffd12'><a href="http://www.blogger.com/follow-blog.g?blogID=7252566607655107697" target="_blank" >انضمام لهذا الموقع</a></div><style>#ffd12 {background: #FFFFFF url(https://lh6.googleusercontent.com/-QO7Skljo-lw/UyrSO7IUtvI/AAAAAAAAAKI/h8Y-wD5K4ck/Plus-32.png);border: 1px solid #DADADA;background-repeat: no-repeat;background-position: 5px;padding: 5px;float: right;position: relative;width: 230px;height: 30px;top: 25px;margin-top: -25px;border-radius: 4px;}.fc-button {display: none !important;}#ffd12 a {position: relative;top: 5px;font: 11px tahoma,arial;color: #000;width: 200px;height: 30px;display: block;z-index: 99999999999999;}</style>
<script type="text/javascript">if (!window.google || !google.friendconnect) {document.write('<script type="text/javascript"' +'src="http://www.google.com/friendconnect/script/friendconnect.js">' +'</scr' + 'ipt>');}</script><a href='http://blog.7lolblogger.com' rel='follow'></a><script type="text/javascript">if (!window.registeredBloggerCallbacks) {window.registeredBloggerCallbacks = true;gadgets.rpc.register('requestReload', function() {document.location.reload();});gadgets.rpc.register('requestSignOut', function(siteId) {google.friendconnect.container.openSocialSiteId = siteId;google.friendconnect.requestSignOut();});}</script><script type="text/javascript">function registerGetBlogUrls() {gadgets.rpc.register('getBlogUrls', function() {var holder = {};holder.postFeed = "http://www.blogger.com/feeds/7252566607655107697/posts/default";holder.commentFeed = "http://www.blogger.com/feeds/7252566607655107697/comments/default";holder.currentBlogUrl = "http://your.blogspot.com/";holder.currentBlogId = "7252566607655107697";return holder;});}</script><script type="text/javascript">if (!window.registeredCommonBloggerCallbacks) {window.registeredCommonBloggerCallbacks = true;gadgets.rpc.register('resize_iframe', function(height) {var el = document.getElementById(this['f']);if (el) {el.style.height = height + 'px';}});gadgets.rpc.register('set_pref', function() {});registerGetBlogUrls();}</script><div id="div-15hc7ff1otyr9" style="width: 100%; "></div><script type="text/javascript">var skin = {};skin['FACE_SIZE'] = '32';skin['HEIGHT'] = "260";skin['TITLE'] = "Followers";skin['BORDER_COLOR'] = "transparent";skin['ENDCAP_BG_COLOR'] = "transparent";skin['ENDCAP_TEXT_COLOR'] = "#333333";skin['ENDCAP_LINK_COLOR'] = "#cc3300";skin['ALTERNATE_BG_COLOR'] = "transparent";skin['CONTENT_BG_COLOR'] = "transparent";skin['CONTENT_LINK_COLOR'] = "#cc3300";skin['CONTENT_TEXT_COLOR'] = "#333333";skin['CONTENT_SECONDARY_LINK_COLOR'] = "#cc3300";skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#777777";skin['CONTENT_HEADLINE_COLOR'] = "#000000";skin['FONT_FACE'] = "normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif";google.friendconnect.container.setParentUrl("/");google.friendconnect.container["renderMembersGadget"]({id: "div-15hc7ff1otyr9",height: 260,site: "17756114090103798882",locale: 'ar' },skin);</script>

* مع مراعات تغيير رقم الاي بي الذي باللون الاحمر الى الاي بي الخاص بمدونتك الذي يمكنك الحصول عليه من اعلى المتصفح عند الدخول الى لوحة التحكم الخاصة بمدونتك كما في الصورة التالية: