دکمه ابزار رتبه دهی و لایک به مطالب وبلاگ تان اضافه کنید

در خدمتون هستم با ابزارک رتبه دهی به مطالب وبلاگ  ، شما می توانید با استفاده از این ابزارک به مطالب و حتی نظرات وبلاگ تون رتبه دهی و لایک اضافه کنید همچنین امکان اشتراک گذاری مطالب نیز وجود دارد. برای کاربران بلاگ که بازدیدکنندگان شان باید عضو بیان باشند تا بتونند رای خود را ثبت کنند بسیار کاربردی هست که رتبه و لایک دیگر کاربران وبلاگ شان رو هم ببیند.شما می توانید با خیالت راحت و به آسانی هر چه تموم تر فقط با گذاشتن چند خط کد در صفحه مورد نظرتون اضافه کنید و آمار لایک و رتبه کاربران را فوری در داشبورد سایت ابزارک مشاهده کنید.

گام اول : به این سایت وارد بشید. کلیک کن

چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

گام اول : کدنویسی اچ تی ام ال (html) ؛ ساختار بلاک مورد نظرمون رو ایجاد میکنیم. شامل عکس و عنوان عکس که می خواهیم افکت هاور را رویشان اعمال کنیم.

<div class="block">
    <img title="" alt="" src="/park.jpg">
    <div class="block-caption">
       عنوان عکس مورد نظر
    </div>
</div>

فیلم آموزشی چگونه لینک بالای نظرات را در وبلاگ بیان حذف کنیم
پنهان کردن لینک بخش نظرات بلاگ بیان
  • پنهان کردن لینک بخش نظرات بلاگ بیان
  • فیلم آموزشی چگونه لینک بالای نظرات را در وبلاگ بیان حذف کنیم
  • 8.37 مگابایت
  • 5 دقیقه 57 ثانیه

کدهای مربوطه

کدهای بخش استایل
#comments .item_success{ display:none;}
کد اسکریپت

setTimeout(function(){ var count = $("#comment-add-form").children().length; if(coutn==0){$(".item_success").show().text("نظر با موفقیت ارسال شد").css( {"position":"fixed", "top":"12%","right":"0%", "left":"0%","padding":"25px", "z-index":"1000", "background-color":"green", "font-size":"20px", "font-family":"inherit", "color":"#222", "text-align":"center"}); } },1000); setTimeout(function(){ $(".item_success").hide(); },10000);

دریافت فایل پیوست ( کد سورس )

آموزش ساخت قالب بلاگ بیان:بخش اول ساختار فایل ها

قسمت قبلی : مقدمه

آموزش ساخت قالب بلاگ بیان : بخش اول ساختار فایل های قالب بلاگ بیان

در بخش اول ما از قسمت اصلی و چارچوب قالب سایت و وبلاگ مان شروع میکنیم که ساختار قالب نام دارد. همانطور که می دانید برای ساختن هر چیزی طرح و نقشه اولیه لازم هست ، قالب های سایت و وبلاگ هم از این قضیه مستثنی نیستند.پس ما اول یک طرح برای ساختار قالب سایت یا وبلاگ مان انتخاب میکنیم تا از روی آن بتوانیم ساختار را ایجاد کنیم. من از طرح یا قالب بندی دو ستونه و کلاسیک قالب های سایت و وبلاگ استفاده می کنم.دقت کنید این طرح فقط ساختار قالب رو نشون میده ، جزئیات زیباسازی و افزودن رنگ و... در قسمت های بعدی انجام می شود.

برای شروع کار یک فولدر در دسکتاپ ویندوز خودتون با نام قالب بلاگ من (My Blog Theme) ایجاد کنید.سپس سه فولدر دیگر با نام های css – js– imgs   داخل آن ایجاد کنید. سه تا فایل با نام و فرمت های زیر ایجاد کنید.

Index.html – post.html ، وارد پوشه سی اس اس شوید فایلی با نام و فرمت زیر ایجاد کنید style.css. یک اسکرین شات از طرح قالب را در فولدر imgs  اضافه کنید.اسکرین شات مورد نظر در لیست قالب های شخصی بیان نشان داده خواهد شد.

درگاه پرداخت و کیف پول الکترونیک برای وبلاگ و سایت

دریافت درگاه پرداخت و کیف پول الکترونیک برای وبلاگ و سایت در کمتر از یک روز! هر آنچه که شما از یک سرویس پرداخت آنلاین برای سایت یا وبلاگ خودتان نیاز دارید! امکاناتی نظیر درگاه اختصاصی رسمی با مجوز بانک مرکزی ، کیف پول الکترونیک ، فروشگاه شارژ و سرویس آسان پرداخت و ...! همچنین ربات تلگرامی جذاب برای انتشار محصولات خود در گروه های تلگرامی و کسب درآمد بدون داشتن سایت و وبلاگ اختصاصی! در ادامه همین مطلب یک توضیح مختصر از هر امکانات معرفی شده براتون می نویسم.

درگاه پرداخت : درگاه پرداخت به شما اجازه می دهد تا وب سایت خود را در کوتاه ترین زمان ممکن و با استفاده از پلاگین های آماده سیستم های مدیریت محتوا متفاوت ، به سیستم پرداخت شتابی کشور متصل کنید.

کیف پول الکترونیک : با استفاده از سرویس کیف پول قادر خواهید بود تا وجه کالا یا خدمات خود را به وسیله اعتبار کیف پول دریافت نمایید.

فروشگاه شارژ : با استفاده از این سرویس می توانید بدون نیاز به سرمایه ، فروشگاه مجازی با قابلیت فروش انواع شارژ تاپ آپ،پین کد، پرداخت قبض و ... داشته باشید و پورسانت دریافت نمایید.

آسان پرداخت : این سرویس ساده ترین راه برای دریافت وجه کالا و محصولات شما بدون داشتن وب سایت است.فقط کافیست عضو شوید و بی نهایت فرم پرداخت برای محصولات خود ایجاد نمایید.

آموزش ساختن قالب های حرفه ای برای بلاگ بیان

اگر عضو بلاگ بیان  هستید و می خواهید برای خودتان قالب درست کنید یا اینکه می خواهید بعنوان یه کدنویس قالب دانش خودتون رو توسعه بدهید و برای سرویس وبلاگدهی بیان هم قالب بنویسد، جای درستی اومدید این سری مطالب برای شماست.

برای این که بتوانید قالب بلاگ بیان برای خودتان بسازید به موارد زیر نیاز دارید یا حداقل آشنایی باهاشون داشته باشید.

 

  • آشنایی با تگ های اچ تی ام ال ( زبان نشانه گذازی ابر متن یا HTML: Hyper Text Markup Language)
  • آشنایی با سی اس اس (CSS : Cascading Stylesheet )
  • ویرایشگر متن یا محیط کدنویسی
  • مرورگر وب فقط گوگل کروم ، موزیلا فایرفاکس و اپرا
  • توانایی کار با محیط پنل مدیریت بلاگ بیان
  • تگ های مخصوص قالب های بلاگ بیان
  • طرح برای قالب بلاگ خودتون (طراحی قالب با نرم افزارهای گرافیکی مانند فتوشاپ)؛ حتما نباید خودتون طراحی کنید می توانید از طراحان عزیز بخواهید براتون طراحی کنند یا اینکه تو اینترنت جست جو کنید و از طرح های آماده ایده برداری کنید یا از طرح های رایگان که مناسب برای بلاگ تان هست استفاده کنید.

 

همه موارد بالا خودش هر کدوم یه بحث جدا هست و نیاز به چندین جلسه آموزش دارد. من فرض می کنم شما حداقل های هر کدام رو می دانید. همچنین از تگ های که استفاده می کنیم سعی میکنم توضیحات کاملی در مورد اون تگ HTML یا CSS  خدمت تون عرض کنم.

 

 

آموزش سی اس اس : طراحی روبان گوشه ی باکس

با سلام در خدمتون هستم با آموزش سی اس اس  در این بخش با هم یک روبان برای گوشه باکس طراحی می کنیم.

قدم اول : کدنویسی ساختار باکس و روبان

<div id="box-wrp">
<div class="rooban-wrp">
<div class="rooban">1coder.blog.ir</div>
</div>
</div>

قدم دوم : استایل باکس 

#box-wrp {
  margin: 50px auto;
  width: 280px;
  height: 370px;
  background: white;
  border-radius: 10px;
  box-shadow:0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}

با استفاده از لینک زیر می توانید پس از انتشار مطلب به صورت دستی آدرس مطلب خود را به گوگل معرفی کنید تا سریعتر ایندکس بشه! کافیست روی لینک زیر کلیک کنید تا به صفحه مربوطه ارجاع داده بشید ، سپس لینک مطلب خود را در کادر مربوطه بنویسید (جایگذاری "Paste") کنید بعد رو دکمه add url کلیک کنید. حتمن باید اکانت گوگل داشته باشید و لاگین هم باشید.

لینک

در این مطلب در خدمت تون هستم با فیلم آموزش سی اس اس نحوه ی پنهان کردن یک تصویر و نمایش تصویر دیگر  را آموزش بدهم ، امیدوارم براتون مفید باشه.( آموزش درخواستی کاربر) ؛ صفحه مربوط به دمو و کدها (کلیک کنید)

باکس صفحات بلاگ وبلاگ من

در خدمتون هستم با مطلب مربوط به باکس صفحات بلاگ ، در این مطلب ( باکس صفحات بلاگ با استایل ) چند نمونه باکس برای دوستان آماده کردم. در این پست میخام باکس صفحات بلاگ خودم را به درخواست یکی از کاربران عزیز در اختیارتون بگذارم که بتونید استفاده کنید. کد آماده شده به اچ تی ام ال هست که شما میتوانید با جایگزینی کدهای صفحه بندی مربوط به قالب بلاگ خود از این کدها استفاده کنید.

آموزش افکت محو نمودن یک تصویر بر روی تصویری دیگر با سی اس اس

در این مطلب می خواهم نحوه ی پنهان کردن یک تصویر و نمایش تصویر دیگر با سی اس سی را آموزش بدهم ، امیدوارم براتون مفید باشه.( آموزش درخواستی کاربر)

مرحله اول  : با استفاده از اچ تی ام ال یک باکس هم اندازه با تصویر مورد نظرمون ایجاد میکنیم.

<div class="balochdesign"></div>

مرحله دوم : سپس تصاویر مورد نظرمون رو داخل باکس میگذاریم. برای هر تصویر یک نام کلاس در نظر می گیریم. (برای اعمال استایل)

<div class="balochdesign">
<img class="ax1" src="http://lorempixel.com/200/200" />
<img class="ax2" src="http://lorempixel.com/200/200/sports" />
</div>

ابزار آنلاین و رایگان بهینه سازی تصاویر برای استفاده در وب

تصاویر سرعت بیشتری در انتقال مفهوم و جذب کاربر در مقابل متن و تیترهای گنده را دارد.بسیاری از صفحات اینترنتی بیشتر به جای استفاده از متن های طولانی سعی می کنند کاربران را با یک تصویر جذاب به سوی اهداف خویش جذب کنند.استفاده پرکاربرد تصاویر در طراحی قالب سایت ها نیز یکی از عواملی هست که ما باید از ابزاری برای بهینه سازی تصاویر خودمان استفاده کنیم ؛ که بتوانیم مشکلاتی چون دیر بالا اومدن ( لود شدن سایت ) در اثر استفاده از تصاویر حجیم را براحتی حل کنیم.

ابزار بهینه ساز تصاویر

شاید برای شما پیش آمده که بخواهید تاریخ و زمان روز را مثل بعضی از سایت ها و وبلاگ در قالب تون به نمایش بگذارید ،شاید هم بخاطر هزینه بر بودن امکان جاوا اسکریپت در بلاگ از داشتن این امکان صرف نظر کرده اید!  می خواهم نحوه ی نمایش تاریخ روز در قالب های بلاگ  بدون جاوا اسکریپت را بهتون بگم که چه جوری هست.اگر دوست دارید این امکان را به وبلاگ خود اضافه کنید کافیه چند خط زیر رو بخوانید و یه تگ با حال از بلاگ هدیه بگیرید.

نحوه ی فعال و غیر فعالسازی آپدیت خودکار ویندوز ۱۰

اگر شما هم از کاربران جدید ویندوز ۱۰ هستید و نسخه نهایی(Build 10586) این ویندوز رو نصب کرده باشید ، میدانید که آپدیت ها به صورت خودکار دانلود و نصب می شوند. در این مطلب میخواهیم دو روش  غیر فعال سازی آپدیت خودکار ویندوز ۱۰ را بررسی کنیم هر کدوم که شما دوست داشتی رو انتخاب کنید.

در این مطلب با شما هستم با نحوه ی پنهان کردن مطالب و یا هر چیزی با سی اس اس (CSS) 

ویژگی یا (property)  ؛ display  که میتوان با دادن مقدار none همه چیز رو پنهان کرد ؛ ولی همیشه قابل استفاده نیست مثلا وقتی شما بخواهید یک منو افتادنی یا کشویی رو با سی اس اس ایجاد کنید این ویژگی اصلا مفید و بدردخور نیست ! و اینکه این ویژگی (display) قابلیت انتقال (transitionable) رو نداره  ؛ یعنی نمیشه با افکت و انیمیشن از حالتی به حالت دیگر منتقل بشه ، بعنوان مثلا نمیشه افکت محو شدن را بهش اعمال کرد مگر اینکه از جاوا اسکریپت استفاده بشه !

با سلام ، اگر شما هم یکی از نرم افزارهای مورد استفاده روزانه و یا مورد علاقه تون فتوشاپ هست ، حتمن بعد از نصب آپدیت جدید فتوشاپ 2015 به مشکل فعالسازی مواجه شده اید و یا اصلا فعالساز معتبر نداشته اید که فعال کنید. بنده با نصب آپدیت های فتوشاپ کرکش نیز از کار افتاد و زمان استفاده رایگان هم به پایان رسیده بود که !

چگونه با سی اس اس رنگ متن انتخاب شده را تغییر بدهیم؟

اگر اهل وبگردی هستید و یا کدنویس وب شاید دیده باشید که در بعضی از صفحات ، " بعنوان مثال در همین صفحه اگه شما یک متن را انتخاب کنید رنگ متن و پس زمینه آن تغییر میکند. " شاید دوست داشته باشید که این امکان را به وبلاگ یا صفحات خود اضافه کنید و یا اینکه بدانید چگونه با سی اس اس رنگ متن انتخاب شده را تغییر بدهیم؟

کافیست شما کد زیر را به کدهای استایل ( فایل CSS ) خود اضافه کنید.

باکس صفحات بلاگ با استایل

امروز در خدمتون هستم با یک پست کاربردی برای تمام بلاگ نویسان ، میدونید که در حالت عادی صفحه بندی بلاگ استایل خاصی ندارند ( مثلا فرم جستجو خودش استایل داره ) . سه استایل برای باکس صفحه بندی بلاگ براتون آماده کردم امیدوارم براتون مفید باشه و کاربردی. هرگونه تغییراتی خواستید قسمت نظرات همین مطلب ارسال کنید.( در حال تکمیل یه صفحه اختصاصی برای صفحات بلاگ هستم که استایل های زیاد و  قشنگی دارند).

راستی برای اطلاع از آخرین مطالب از قسمت مدیریت پنل بلاگ ---> ارتباط ---> وبلاگهای که دنبال میکنم ----> وبلاگ ما رو دنبال کنید. 

   راهنمای استفاده :  در گام اول کد استایل زیر را کپی و در بخش قالب --> فایل css  اضافه کنید و تغییرات را ذخیره کنید. 

در گام بعدی هم  کد باکس مورد نظر را انتخاب و کپی کنید وارد بخش ساختار قالب وبلاگتون شوید و کد صفحات رو بعد از تگ <box:post_list/> قرار بدهید. (کد باکس صفحات را بعد از پایان کدهای نمایش پست بلاگ تان قرار بدهید) 

جذابیت های آندرویدی را در کنار ویندوز تجربه کنید!

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