کد اشتراک گذاری مطالب در شبکه های اجتماعی ( رزبلاگ )

در این پست از وب سایت یک لرن کد اشتراک گذاری مطالب در شبکه های اجتماعی ( رزبلاگ ) را برای کاربران رزبلاگ آماده کرده ایم

این مطلب توسط یکی از کاربران درخواست شده بود که ابتدا بابت تاخیر در انتشار این مطلب عذرخواهی میکنیم

برای دریافت این کد و توضیحات تکمیلی به ادامه مطلب مراجعه نمایید …

کد اشتراک گذاری مطالب در شبکه های اجتماعی ( رزبلاگ )

شبکه های اجتماعی یکی از بهترین راه های برای پیشرفت سایت شما میباشند که امروزه تمامی وب نویس ها از آن استفاده میکنند اما یکی از قسمت های جذاب این شبکه های اجتماعی اشتراک گذاری مطالب توسط کاربران شما میباشد که امری بسیار ضروری میباشد زیرا اگر کاربران مطالب شما را به اشتراک بگذاریند هم محبوبیت مطلب شما افزایش میباشد هم تعداد بازدیدکنندگان شما

از این رو این کد را برای کاربران گرامی اماده کرده ایم که میتوانید از آن استفاده کنید

کد زیر مربوط به استایل دکمه های اشتراک گذاری میباشد که باید قبل از تگ </head> در ویرایش قالب خود قرار دهید .
<style type="text/css">
@font-face {
 font-family: 'xmyekan';
 src: local('XM Yekan'),
 url('http://1learn.ir/wp-content/themes/1learn-V2/font/xmyekan.eot?#') format('eot'),
 url('http://1learn.ir/wp-content/themes/1learn-V2/font/xmyekan.woff') format('woff'),
 url('http://1learn.ir/wp-content/themes/1learn-V2/font/xmyekan.ttf') format('truetype');
}
.share-buttons{margin:10px;padding:8px;direction:rtl;background-color:#ffdad0;border-radius:8px;border-bottom:2px solid #f34517;font:16px xmyekan,'b yekan',Tahoma,Arial;display:inline-block}
.share-buttons span{color:#f34517}
.share-buttons p{margin:5px 0}
.share-buttons div{width:36px;height:24px;display:inline-block;background-image:url(http://dl.1learn.ir/admin/posts/social-media/share-buttons.png)}
.share-buttons div a{width:36px;height:24px;float:right}
.p-facebook:hover{background-position:0 -24px}
.p-twitter{background-position:-36px 0}
.p-twitter:hover{background-position:-36px -24px}
.p-googleplus{background-position:-72px 0}
.p-googleplus:hover{background-position:-72px -24px}
.p-delicious{background-position:-108px 0}
.p-delicious:hover{background-position:-108px -24px}
.p-mail{background-position:-144px 0}
.p-mail:hover{background-position:-144px -24px}
.p-blogger{background-position:-180px 0}
.p-blogger:hover{background-position:-180px -24px}
.p-digg{background-position:-216px 0}
.p-digg:hover{background-position:-216px -24px}
.p-linkedin{background-position:-252px 0}
.p-linkedin:hover{background-position:-252px -24px}
.p-flickr{background-position:-288px 0}
.p-flickr:hover{background-position:-288px -24px}
.p-reddit{background-position:-324px 0}
.p-reddit:hover{background-position:-324px -24px}
.p-stumbleupon{background-position:-360px 0}
.p-stumbleupon:hover{background-position:-360px -24px;}
.p-technorati{background-position:-396px 0}
.p-technorati:hover{background-position:-396px -24px;}
.p-evernote{background-position:-432px 0}
.p-evernote:hover{background-position:-432px -24px;}
.p-myspace{background-position:-468px 0}
.p-myspace:hover{background-position:-468px -24px;}
.p-netvibes{background-position:-504px 0}
.p-netvibes:hover{background-position:-504px -24px;}
.p-posterous{background-position:-540px 0}
.p-posterous:hover{background-position:-540px -24px;}
</style>
کد زیر را شما باید در مکان مناسبی از قالب خود قرار دهید فقط فراموش نکنید که حتما باید این کد بین تگ های <ROZBLOG> و </ROZBLOG> قرار گیرد تا بتواند عمل اشتراک گذاری را انجام دهد
در ضمن این جعبه اشتراک گذاری دارای عرض ثابتی نیست و در هر بلاکی قرار دهید مزاحمتی برای آن بلاک ایجاد نمیکند
<div class="share-buttons">
<p>برای حمایت از ما این مطلب را به
<span>اشتراک</span> بگذارید :
</p>
	<div class="p-facebook">
    	<a href="http://facebook.com/sharer.php?u=[Post_Link]&t=[Post_Title]"></a>
    </div>
    <div class="p-twitter">
    	<a href="http://twitter.com/home?status=[Post_Link]&title=[Post_Title]"></a>
    </div>
    <div class="p-googleplus">
    	<a href="https://plus.google.com/share?url=[Post_Link]"></a>
    </div>
	<a href="http://1learn.ir" style="display:none;">آموزش طراحی سایت</a>
    <div class="p-delicious">
    	<a href="http://delicious.com/save?url=[Post_Link]&title=[Post_Title]" title="delicious" target="_blank"></a>
    </div>
    <div class="p-mail">
    	<a href="mailto:?subject=[Post_Title]&body=[Post_Link]" title="Mail" target="_blank"></a>
    </div>
    <div class="p-blogger">
    	<a href="http://www.blogger.com/blog_this.pyra?t&u=[Post_Link]&title=[Post_Title]" title="blogger" target="_blank"></a>
    </div>
    <div class="p-digg">
    	<a href="http://digg.com/submit?phase=2&url=[Post_Link]&title=[Post_Title]" title="digg" target="_blank"></a>
    </div>
	<div class="p-linkedin">
    	<a href="http://www.linkedin.com/shareArticle?mini=true&url=[Post_Link]&title=[Post_Title]" title="linkedin" target="_blank"></a>
    </div>
    <div class="p-flickr">
		<a href="http://www.flickr.com/?url=[Post_Link]&title=[Post_Title]" title="flickr" target="_blank"></a>
	</div>
    <div class="p-reddit">
    	<a href="https://pay.reddit.com/submit?url=[Post_Link]&title=[Post_Title]" title="reddit" target="_blank"></a>
    </div>
    <div class="p-stumbleupon">
    	<a href="http://www.stumbleupon.com/submit?url=[Post_Link]&title=[Post_Title]" title="stumbleupon" target="_blank"></a>
    </div>
    <div class="p-technorati">
    	<a href="http://technorati.com/faves?add=[Post_Link]&title=[Post_Title]" title="technorati" target="_blank"></a>
    </div>
    <div class="p-evernote">
    	<a href="http://www.evernote.com/clip.action?url=[Post_Link]&title=[Post_Title]" title="evernote" target="_blank"></a>
    </div>
    <div class="p-myspace">
    	<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=[Post_Link]&title=[Post_Title]" title="myspace" target="_blank"></a>
    </div>
    <div class="p-netvibes">
    	<a href="http://www.netvibes.com/share?title=[Post_Link]&title=[Post_Title]" title="netvibes" target="_blank"></a>
    </div>
    <div class="p-posterous">
    	<a href="http://posterous.com/share?linkto=[Post_Link]&title=[Post_Title]" title="posterous" target="_blank"></a>
    </div>
</div>
اگر در قرار دادن این کد مشکلی داشتید در انجمن مطرح کنید همکاران برای شما قرار خواهند داد
در صورت وجود هر گونه مشکل در قسمت نظرات یا انجمن مطرح کنید

فرادرس

برچسب ها : ، ، ، ، ، ، ،