السلام عليكم ورحمه الله وبركاته
اتيت اليكم بشكل حديث جدا لعام 2013 لتحديث شكل المشاركات الاجتماعيه التى تظهر تحت كل موضوع وهذه الاشكال على هيئه اشكال مكعبات ثلجيه تقوم بالدوران عند الوقوف عليها مما يعطى لها شكل جميل وجذاب وملفت للانظار . فقلت ان اشاركها معكم لتتمتعوا بها فى مدونتك ان شاء الله تعالى واتمنى ايضا ان تعجبكم :] .
transition:all .7s ease-in-out; -webkit-transition:all .7s ease-in-out; -o-transition:all .7s ease-in-out; -ms-transition:all .7s ease-in-out; transition:all .7s ease-in-out; } p#socialicons img:hover { -moz-transform:rotate(50deg); -webkit-transform:rotate(50deg); -o-transform:rotate(50deg); -ms-transform:rotate(50deg); transform:rotate(50deg); } </style> <center><p id='socialicons'> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiahAtLz92CbdC3JSGoSdHz9WmUqZWAxcYlmiX2WHEt5wMTd8hc0WPZIt9U7IAXQexzAYJF43wjkxL1r5b6X4Iy8OOeKojtFGjC9NjOFcXOZp1ttstnzCH1CUrwKMPOKdMTadJL3prIW4Kd/h120/facebook.png' title='Share on Facebook'/></a> <a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdASdbVStAR7vZd3yLG-qAg-FAR9eXWVWkVTJBiLxze2227DQF05Kslo90LovMaKGpCNeDk9UeoLlMG79bEeL47TZSuYiPdf7dYDqPzzx-uPlM0Ot_wJTKhFkfHmmlYo0UN_xHJj2VGVzz/h120/twitter.png' title='Share on Twitter'/></a> <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1U3J0jjw5di3eazmZKBXxzS02Rwv_fOpNIxYgz9Ih3OLztj3nmschQOEJtCnLLsZnLVZ62e11BqoJuHhXNzbuXFZnki7EFm6J60mBj5mpdcxOLTtwqfzjMI6b65ucsFRNITpInnJgLY-/h120/digg.png' title='Share on Digg'/></a> </p></center></b:if>
عيش التجربه
التركيب
- اذهب الى مدونتك --> القالب --> تحرير القالب
- ثم اضغط CTRL+ F فى المربع الذى به الاكواد
- ثم تبحث عن هذا الكود Data:post.body أو اذا لم تجد السابق ابحث عن هذا div class='post-footer-line post-footer-line-1
- ثم ضع بعده مباشره هذا الكود
transition:all .7s ease-in-out; -webkit-transition:all .7s ease-in-out; -o-transition:all .7s ease-in-out; -ms-transition:all .7s ease-in-out; transition:all .7s ease-in-out; } p#socialicons img:hover { -moz-transform:rotate(50deg); -webkit-transform:rotate(50deg); -o-transform:rotate(50deg); -ms-transform:rotate(50deg); transform:rotate(50deg); } </style> <center><p id='socialicons'> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiahAtLz92CbdC3JSGoSdHz9WmUqZWAxcYlmiX2WHEt5wMTd8hc0WPZIt9U7IAXQexzAYJF43wjkxL1r5b6X4Iy8OOeKojtFGjC9NjOFcXOZp1ttstnzCH1CUrwKMPOKdMTadJL3prIW4Kd/h120/facebook.png' title='Share on Facebook'/></a> <a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdASdbVStAR7vZd3yLG-qAg-FAR9eXWVWkVTJBiLxze2227DQF05Kslo90LovMaKGpCNeDk9UeoLlMG79bEeL47TZSuYiPdf7dYDqPzzx-uPlM0Ot_wJTKhFkfHmmlYo0UN_xHJj2VGVzz/h120/twitter.png' title='Share on Twitter'/></a> <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1U3J0jjw5di3eazmZKBXxzS02Rwv_fOpNIxYgz9Ih3OLztj3nmschQOEJtCnLLsZnLVZ62e11BqoJuHhXNzbuXFZnki7EFm6J60mBj5mpdcxOLTtwqfzjMI6b65ucsFRNITpInnJgLY-/h120/digg.png' title='Share on Digg'/></a> </p></center></b:if>
- احفظ القالب
الان انت انتهيت اتمنى ان يكون الموضوع مفيد لكم
0 التعليقات:
إرسال تعليق