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

 

اضافة الشبكات الاجتماعية لبلوجر بشكل جديد فقط على مدونة ستار نت

اضافة جميلة لمدونات بلوجر حيث تعطي مظهر جميل للمدونة ولا تؤثر على سرعة المدونة فهي تعطي لزائر كم معجب بصفحتك بلاضافة الى امكانية زيارتها ايضا اضافة تويتر والتي تمكن لزائر زيارة صفحتك والخلاصة لتتبع الزوار حيث لها شكل انسيابي وسهولة التركيب .

اضافة الشبكات الاجتماعية لبلوجر بشكل جديد فقط على مدونة ستار نت

• من لوحة التحكم المدونة اذهب الى تخطيط 

• بعدها اختر اضافة اداة في المكان الذي تريد 

• واختر Html/Java

قم بنسخ هذا الكود وقم بوضعه في الاداة الجديدة 

<style type="text/css">
/*--- socialnetwork by th3maestro.com ----*/
.maestrosocialnetwork {
background: #F8F8F8;
margin: 10px;
}
.maestrosocialnetwork ul {
padding: 10px;
overflow: hidden;
}
.maestrosocialnetwork li {
float: right;
width: 33.33%;
background: #F8F8F8;
text-align:center;
padding: 0;
transition:0.4s;
}
.maestrosocialnetwork a {
width: 100%;
text-align: center;
display: block;
text-indent: 9999em;
padding: 80px 0 0;
}
.maestrosocialnetwork li:hover {
transition:0.4s;
}
.maestrosocialnetwork .fb{background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh17UvnCP9RB7hLGLVeIsGewdxngiooNl9aEUkh5pcCbRKoB3WbydXmzoJfduwdQCTzDpMfuzJz-m3EvO5TWfyVe50NDh7epV0B9snYIdwTk9iDwdUczMglLyjimvOMHd_2wnyZWftYf9Bv/s1600/fb.png) no-repeat center 30%;}
.maestrosocialnetwork .fb:hover{background:#0C6DB4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh17UvnCP9RB7hLGLVeIsGewdxngiooNl9aEUkh5pcCbRKoB3WbydXmzoJfduwdQCTzDpMfuzJz-m3EvO5TWfyVe50NDh7epV0B9snYIdwTk9iDwdUczMglLyjimvOMHd_2wnyZWftYf9Bv/s1600/fb.png) no-repeat center 30%;}
.maestrosocialnetwork .tw{background:#555 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9o9XnNmJD1IgTh1U8dS1lGPxiLnXoefaFA82C9GlOAmlrVhwutsPP_RF_bU_UAIOQWPzuBTvphwh-Zc8A5yz5NhDaq6_PfZsjCP180KT09cQL60diTc4ZlKoPt3FcevYmif1jNw9Sd7m_/s1600/twitter.png) no-repeat center 30%;}
.maestrosocialnetwork .tw:hover{background:#33b5e5  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9o9XnNmJD1IgTh1U8dS1lGPxiLnXoefaFA82C9GlOAmlrVhwutsPP_RF_bU_UAIOQWPzuBTvphwh-Zc8A5yz5NhDaq6_PfZsjCP180KT09cQL60diTc4ZlKoPt3FcevYmif1jNw9Sd7m_/s1600/twitter.png) no-repeat center 30%;}
.maestrosocialnetwork .rss{background:#444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ETebeA05uGR1837-OrPpBSl6lckZ8uLXqjumln7Dmt-12uw-WGpNPbtrYVYGB7hyMtRK99_snMCuo_cLBixdJqkVvmLI5o1eDQAnbggPrZ_oHxEgKI_qiUpJOiuX639EwiK5_YZHeJzh/s1600/rss.png) no-repeat center 30%;}
.maestrosocialnetwork .rss:hover{background:#ffbb33 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ETebeA05uGR1837-OrPpBSl6lckZ8uLXqjumln7Dmt-12uw-WGpNPbtrYVYGB7hyMtRK99_snMCuo_cLBixdJqkVvmLI5o1eDQAnbggPrZ_oHxEgKI_qiUpJOiuX639EwiK5_YZHeJzh/s1600/rss.png) no-repeat center 30%;}
.maestrosocialnetwork span {
float: right;
text-align: center;
width: 100%;
font:bold 14px arial;
color:#fff;
padding:0 0 5px
}
.maestrosocialnetwork p {
padding:10px 0;
text-align:center;
font:normal 14px ges;
color:#fff;
background: rgba(50, 50, 50, 0.47);
}
/*--- socialnetwork by th3maestro.com ----*/
</style>
<div class='maestrosocialnetwork'>
<ul>
<li class='fb'><a href='facebook.com/Zakariablog'>فيسبوك</a><p><span>52,250</span>معجـب</p></li>
<li class='tw'><a href='https://twitter.com/ZakariaTech'>تويتر</a><p><span>14,321</span>متـابع</p></li>
<li class='rss'><a href='http://feeds.feedburner.com/blogspot/Syaof'>الخلاصات</a><p><span>11,587</span>مشتـرك</p></li>
</ul>
</div>

 

قم بالتعديل بما يناسبك كلمة Zakariablog برابط صفحتك على الفيس بوك وتويتر ايضا ورابط الخلاصات 

-----------------------------------------------------

اخي الزائر لا تترك المدونة بدون تعليق لو بكلمة شكر