اضف follow me على التويتر باحترافية على مدونتك

  السلام عليكم ورحمة الله تعالى وبركاته 

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

                                 

طرقة التركيب :

1. إذهب للوحة التحكم لبلوجر من هنا
2. إختر المدونة التي تريد تركيب الإضافة فيها
3. تخطيط
4. إضافة أداة
5. HTML/Javascript
6. و ألصق هذا الكود

<!-- floating twitter Bird -->

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>

<script type="text/javascript">

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsKhnES9_JJb5c6BNNd3afdidEPL0Gv9pZEFAHVFaLHn2XNuxTuyOaigW_DVzknV-YStBpL5ZXpN2UYoMH-02wYcDV-YSaOM5rn93sxDuAEFbT3LCtzl9z7esQZOo2LFmnBaDUyMFxwZo/s1600/burung+twitter+terbang.png";

var targetElems=new 
Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");

var twitterAccount = "http://twitter.com/th3gate";

var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";

tripleflapInit();

</script>

1. غير th3gate بمعرف صفحتك بtwitter

أكمل القراءة

إضافة صندوق المعجبين الخاص بالفايسوك الى مدونتك

  السلام عليكم ورحمة الله تعالى وبركاته 

 الان متتبعينا الكرام سيتسنى لكم اضافةlike box الخاص facebook لمدونتكم بطريقة سهلة و صحيحة و خالية من الاخطاء                    

طرقة التركيب :

1. إذهب للوحة التحكم لبلوجر من هنا
2. إختر المدونة التي تريد تركيب الإضافة فيها
3. تخطيط
4. إضافة أداة
5. HTML/Javascript
6. و ألصق هذا الكود

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Th3Gate&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:292px; height:258px;" ></iframe>

7-غير Th3Gate ب معرف صفحتك.

لاتذهب بدون ترك بصمتك !!!!

أكمل القراءة

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

                                  

من الان فصاعدا يمكنك الاستمتاع بازرار الاعجاب اسفل كل تدوينة باحترافية و حصريا على مدونة البوابة.

1- احفظ قالبك لعدم وقوع اي مشكل
2-انتقل إلى تصميم، ثم انقر على تحرير HTML.
3- باستعمال Ctrl+F. ابحت عن

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

4- الصق تحته هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
.ringMenu {
width: 100px;
margin: 150px auto;
}
.ringMenu ul {
list-style: none;
position: relative;
width: 100px;
color: white;
}
.ringMenu ul a {
color: white;
}
.ringMenu ul li {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ringMenu ul li a {
display: block;
width: 100px;
height: 100px;
background: rgba(50,50,50,0.7);
text-align: center;
line-height: 100px;
-webkit-border-radius: 50px;
border-radius: 50px;
font-size: 20px;
}
.ringMenu ul li a:hover {
background: rgba(230,150,20,0.7);
text-decoration: none;
}

.ringMenu ul li:not(.main) {
-webkit-transform: rotate(-180deg) scale(0);
-moz-transform: rotate(-180deg) scale(0);
-o-transform: rotate(-180deg) scale(0);
transform: rotate(-180deg) scale(0);
opacity: 0;
}
.ringMenu:hover ul li {
-webkit-transform: rotate(0) scale(1);
-moz-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
}
.ringMenu ul li.top {
-webkit-transform-origin: 50% 152px;
-moz-transform-origin: 50% 152px;
-o-transform-origin: 50% 152px;
transform-origin: 50% 152px;
position: absolute;
top: -70px;
left: 50px;
}
.ringMenu ul li.bottom {
-webkit-transform-origin: 50% -52px;
-moz-transform-origin: 50% -52px;
-o-transform-origin: 50% -52px;
transform-origin: 50% -52px;
position: absolute;
bottom: -70px;
left: 50px;
}
.ringMenu ul li.right {
-webkit-transform-origin: -52px 50%;
-moz-transform-origin: -52px 50%;
-o-transform-origin: -52px 50%;
transform-origin: -52px 50%;
position: absolute;
top: 10px;
right: -50px;
}
.ringMenu ul li.left {
-webkit-transform-origin: 152px 50%;
-moz-transform-origin: 152px 50%;
-o-transform-origin: 152px 50%;
transform-origin: 152px 50%;
position: absolute;
top: 10px;
left: -50px;
}
</style>
<div>
<script type="text/javascript">var switchTo5x=false;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-e9856caa-8f3b-40a6-82af-461e390fe167"});</script>
<ul>
<li><a href="#main">SHARE</a></li>
<li><span class='st_fblike_vcount' displayText='Like'></span></li>
<li><span class='st_sharethis_vcount' displayText='Share'></span></li>
<li><span class='st_plusone_vcount' displayText='+1'></span></li>
<li><span class='st_twitter_vcount' displayText='Tweet'></span></li>
</ul>
</div>
</b:if> 

ومبروك الاضافة.لاتنسنى بردودك 

أكمل القراءة