دانانی ئایکۆنی تۆڕە کۆمەڵایەتی یەکان بەشێوەیەکی خولاوە بە سیستمی CSS3





دانانی ئایکۆنی تۆڕە کۆمەڵایەتی یەکان بەشێوەیەکی خولاوە بە سیستمی CSS3

ڕێگەکانی دانانی :

١ -  بچۆرە ‌حسابەکەت لە بلۆگەر و Layout بکەرەوە  .

٢ -   کلیک لەسەر Add Gadget and select بکەو  HTML/Javascript’ هەڵبژێرە ‘

٣ -  پاشان ئەم کۆدەی لای خوارە کۆپی بکە و لەوێ پەیستی بکە.
٤ - لینکی پەیجە کۆمەڵایەتیەکانی تایبەت بەخۆت داخڵ بکە و پاشان کلیک لەسەر  Save arrangement بکە  واتە سەیڤی بکە . 


بۆستایلی (١) ئەم کۆدەی لای خوارەوە
<style>p#hb_socialicons img {
 /* Spinning Social Icons Widget By HelperBlogger */
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
p#hb_socialicons img:hover {
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
/* Spinning Social Icons Widget By HelperBlogger */
</style> 
<center><p id="hb_socialicons">
    <a href="لینکی پەیجی فەیسبوکەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_qj-e3lpqEn9QojOUn4mtE9w6gxOs2nVd-ZeToL1BaRTF_VL6pT7jTlOpz2_omqwNuomt-G3XBnl1uI-9EnlxBmm5IhJk8sRc0dVF3DBpK1Eqwne_KG9lxQlLvd06PeC7bbPLKrVUlbs/s1600/helperblogger.com-facebook.png" /></a>
    <a href="لینکی پەیجی تویتەرەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2NadPFIbCPAbP5PfEIJP8Slzp2TLgCfOhCy9l3jJXam4eSS6z8KaPfa1AP-bV6_bvLgsxlXc0uJV4T8u1xaIcntwUvtlpYUE3_RT_pV4-1Yte9M9q7EM2YaUFKeosM6wyfgwF1vfi7l0/s1600/helperblogger.com-twitter.png" /></a>
    <a href="لینکی پەیجی گووگڵ پلەسەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIvUDxschAYhzgJgOTYtG2lfWxIcBtq-8pSO46nPDEeSFkF1AH0TEYc5oZIgPwtuTKCBXxWIbvTkU2yv2XNzjepncbTYeZ72dVj_2bSDqMOBVwsTf5SLYVcd3LkzbPvYCQTHyyrvy5fVM/s1600/helperblogger.com-google_plus.png" /></a>
    <لینکی فییدی ( rrs ) ی ماڵپەڕەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTGXKBwAjzj2alHjyxrYmrhP-XP1TpH15HJM8rEu_jkvO8udyTfBX129LqjedrdLoqEwjSUwPWHsTeiyvtSC4K1lTNO18GqdElvoWdrffQZ_DmIUOg85p_I1NGvdOjtwJ_wMNqJ1SxLxc/s1600/helperblogger.com-rss.png" /></a>
    <a href="لینکی پەیجی یوتوبەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwmQ6zNNS4bDzXEp-kUIG6vxy2VRx3Pia0bSOpxjb8T13gofBnF6avbuwmNnM4ObA2igp_vDQsuRww0wUiWfS_4EeDdHRbb8Q791Crcs3yObKWEPewOltc8Sh5A2Z4sY1PdX7thQ1euKU/s1600/helperblogger.com-youtube.png" /></a>
</p></center>





بۆستایلی (٢) ئەم کۆدەی لای خوارەوە

<style>p#hb_socialicons img {
 /* Spinning Social Icons Widget By HelperBlogger */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
p#hb_socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
/* Spinning Social Icons Widget By HelperBlogger */
</style> 
<center><p id="hb_socialicons">
    <a href="لینکی پەیجی فەیسبوکەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_qj-e3lpqEn9QojOUn4mtE9w6gxOs2nVd-ZeToL1BaRTF_VL6pT7jTlOpz2_omqwNuomt-G3XBnl1uI-9EnlxBmm5IhJk8sRc0dVF3DBpK1Eqwne_KG9lxQlLvd06PeC7bbPLKrVUlbs/s1600/helperblogger.com-facebook.png" /></a>
    <a href="لینکی پەیجی تویتەرەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2NadPFIbCPAbP5PfEIJP8Slzp2TLgCfOhCy9l3jJXam4eSS6z8KaPfa1AP-bV6_bvLgsxlXc0uJV4T8u1xaIcntwUvtlpYUE3_RT_pV4-1Yte9M9q7EM2YaUFKeosM6wyfgwF1vfi7l0/s1600/helperblogger.com-twitter.png" /></a>
    <a href="گووگل پلەسەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIvUDxschAYhzgJgOTYtG2lfWxIcBtq-8pSO46nPDEeSFkF1AH0TEYc5oZIgPwtuTKCBXxWIbvTkU2yv2XNzjepncbTYeZ72dVj_2bSDqMOBVwsTf5SLYVcd3LkzbPvYCQTHyyrvy5fVM/s1600/helperblogger.com-google_plus.png" /></a>
    <a href="لینکی فییدی ( rrs ) ی ماڵپەڕەکەت/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTGXKBwAjzj2alHjyxrYmrhP-XP1TpH15HJM8rEu_jkvO8udyTfBX129LqjedrdLoqEwjSUwPWHsTeiyvtSC4K1lTNO18GqdElvoWdrffQZ_DmIUOg85p_I1NGvdOjtwJ_wMNqJ1SxLxc/s1600/helperblogger.com-rss.png" /></a>
    <a href="لینکی پەیجی یوتوبەکەت/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwmQ6zNNS4bDzXEp-kUIG6vxy2VRx3Pia0bSOpxjb8T13gofBnF6avbuwmNnM4ObA2igp_vDQsuRww0wUiWfS_4EeDdHRbb8Q791Crcs3yObKWEPewOltc8Sh5A2Z4sY1PdX7thQ1euKU/s1600/helperblogger.com-youtube.png" /></a>
</p></center>





بۆستایلی (٣) ئەم کۆدەی لای خوارەوە

<style>p#hb_socialicons img {
 /* Spinning Social Icons Widget By HelperBlogger */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
p#hb_socialicons img:hover {
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
/* Spinning Social Icons Widget By HelperBlogger */
</style> 
<center><p id="hb_socialicons">
    <a href="لینکی پەیجی فەیسبوکەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_qj-e3lpqEn9QojOUn4mtE9w6gxOs2nVd-ZeToL1BaRTF_VL6pT7jTlOpz2_omqwNuomt-G3XBnl1uI-9EnlxBmm5IhJk8sRc0dVF3DBpK1Eqwne_KG9lxQlLvd06PeC7bbPLKrVUlbs/s1600/helperblogger.com-facebook.png" /></a>
    <a href="لینکی پەیجی تویتەرەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2NadPFIbCPAbP5PfEIJP8Slzp2TLgCfOhCy9l3jJXam4eSS6z8KaPfa1AP-bV6_bvLgsxlXc0uJV4T8u1xaIcntwUvtlpYUE3_RT_pV4-1Yte9M9q7EM2YaUFKeosM6wyfgwF1vfi7l0/s1600/helperblogger.com-twitter.png" /></a>
    <a href="لینکی پەیجی گووگل پلەسەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIvUDxschAYhzgJgOTYtG2lfWxIcBtq-8pSO46nPDEeSFkF1AH0TEYc5oZIgPwtuTKCBXxWIbvTkU2yv2XNzjepncbTYeZ72dVj_2bSDqMOBVwsTf5SLYVcd3LkzbPvYCQTHyyrvy5fVM/s1600/helperblogger.com-google_plus.png" /></a>
    <a href="لینکی فییدی ( rrs ) ی ماڵپەڕەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTGXKBwAjzj2alHjyxrYmrhP-XP1TpH15HJM8rEu_jkvO8udyTfBX129LqjedrdLoqEwjSUwPWHsTeiyvtSC4K1lTNO18GqdElvoWdrffQZ_DmIUOg85p_I1NGvdOjtwJ_wMNqJ1SxLxc/s1600/helperblogger.com-rss.png" /></a>
    <a href="لینکی پەیجی یوتوبەکەت">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwmQ6zNNS4bDzXEp-kUIG6vxy2VRx3Pia0bSOpxjb8T13gofBnF6avbuwmNnM4ObA2igp_vDQsuRww0wUiWfS_4EeDdHRbb8Q791Crcs3yObKWEPewOltc8Sh5A2Z4sY1PdX7thQ1euKU/s1600/helperblogger.com-youtube.png" /></a>
</p></center>



ليست هناك تعليقات:

إرسال تعليق