نحوه درج شکلک ها در بخش نظرات بلاگ اسکای

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

مثل این تصویر :


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

نظرات کار داریم
ابتدا کد قالب بخش نظرات وبلاگتان را کپی کرده و در یک ویرایشگر متن مثل NotePad  یا هر

ویرایشگر متن دیگری Paste کنید.( منظور اینه که کل کدی که داخل قسمت نظرات هست رو

 COPY و در داخل یک Note Pad  پیست کنید ... حالا چطوری یه Note Pad باز کنیم که این

 کد رو توش Paste کنیم : در صفحه ی دسکتاپ کلیک راست میکنیم و از گزینه ی New گزینه ی 

Text Document رو میزنیم ... بعد داخل  Text Document میشویم و کل اون کدی که

 کپی کردیم رو اونجا Paste  میکنیم و در اخر کار فایل رو سیو میکنیم )این کار برای این هست که

اگر کد اصلی رو خراب کردید حداقل فایل پشتیبانی داشته باشید

۲- در این مرحله باید کد جاوا اسکریپت مربوط به افرودن شکلک ها را به قالبتان اضافه کنید .

برای این کار کد زیر را کپی کرده و در داخل تگ <heade> کپی کنید.برای این کار ابتدا تگ
<heade> را پیدا کنید میتوانید از جستجو استفاده کنید سپس به انتهای این خط رفته

و یک سطر خالی ایجاد کند "Enter بزنید!!!"  و کد را در سطر خالی ایجاد شده کپی کنید.

این کد رو در سطر خالی کپی کنید :

<script type="text/javascript"> function insertSmiley(smiley) { commentText = document.getElementById("txtComment") smiley = "[:" + smiley + ":]" if (commentText.createTextRange) { commentText.focus(commentText.caretPos) commentText.caretPos = document.selection.createRange().duplicate() commentText.caretPos.text = smiley } else { commentText.value += smiley } } </script>

مثلا این :




۳-تا اینجا کد جاوا اسکریپت مربوط به افزودن شکلک ها را به قالبمان اضافه کردیم در این مرجله

باید خود شکلک ها را به قالبمان اضافه کنیم. برای این کار باید کد زیر را به قالبمان اضافه کنیم .

برای این کار  ابتدا باید دنبال یک تگ Textarea بگردید



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

از این تگ نگاه کنید اصولا باید تگ <tr> را مشاهده کنید خب در انتهای این سطر نیز Enter را بزنید

تا یک سطر خالی برایتان ایجاد شود و کد را در سطر خالی اضافه کنید.

این کد رو اونجا کپی کنید :

<td style="width: 170px" style="text-align:justify"> <a href="javascript:void(0);" onclick="insertSmiley('S001')"><img src="http://www.blogsky.com/images/smileys/001.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S003')"><img src="http://www.blogsky.com/images/smileys/003.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S004')"><img src="http://www.blogsky.com/images/smileys/004.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S005')"><img src="http://www.blogsky.com/images/smileys/005.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S006')"><img src="http://www.blogsky.com/images/smileys/006.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S007')"><img src="http://www.blogsky.com/images/smileys/007.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S009')"><img src="http://www.blogsky.com/images/smileys/009.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S008')"><img src="http://www.blogsky.com/images/smileys/008.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S011')"><img src="http://www.blogsky.com/images/smileys/011.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S016')"><img src="http://www.blogsky.com/images/smileys/016.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S013')"><img src="http://www.blogsky.com/images/smileys/013.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S014')"><img src="http://www.blogsky.com/images/smileys/014.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S015')"><img src="http://www.blogsky.com/images/smileys/015.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S017')"><img src="http://www.blogsky.com/images/smileys/017.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S018')"><img src="http://www.blogsky.com/images/smileys/018.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S019')"><img src="http://www.blogsky.com/images/smileys/019.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S021')"><img src="http://www.blogsky.com/images/smileys/021.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S022')"><img src="http://www.blogsky.com/images/smileys/022.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S023')"><img src="http://www.blogsky.com/images/smileys/023.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S024')"><img src="http://www.blogsky.com/images/smileys/024.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S025')"><img src="http://www.blogsky.com/images/smileys/025.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S027')"><img src="http://www.blogsky.com/images/smileys/027.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S035')"><img src="http://www.blogsky.com/images/smileys/035.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S037')"><img src="http://www.blogsky.com/images/smileys/037.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S042')"><img src="http://www.blogsky.com/images/smileys/042.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S002')"><img src="http://www.blogsky.com/images/smileys/002.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S010')"><img src="http://www.blogsky.com/images/smileys/010.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S012')"><img src="http://www.blogsky.com/images/smileys/012.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S020')"><img src="http://www.blogsky.com/images/smileys/020.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S026')"><img src="http://www.blogsky.com/images/smileys/026.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S028')"><img src="http://www.blogsky.com/images/smileys/028.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S029')"><img src="http://www.blogsky.com/images/smileys/029.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S030')"><img src="http://www.blogsky.com/images/smileys/030.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S031')"><img src="http://www.blogsky.com/images/smileys/031.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S032')"><img src="http://www.blogsky.com/images/smileys/032.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S033')"><img src="http://www.blogsky.com/images/smileys/033.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S034')"><img src="http://www.blogsky.com/images/smileys/034.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S036')"><img src="http://www.blogsky.com/images/smileys/036.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S038')"><img src="http://www.blogsky.com/images/smileys/038.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S039')"><img src="http://www.blogsky.com/images/smileys/039.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S040')"><img src="http://www.blogsky.com/images/smileys/040.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S041')"><img src="http://www.blogsky.com/images/smileys/041.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S043')"><img src="http://www.blogsky.com/images/smileys/043.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S044')"><img src="http://www.blogsky.com/images/smileys/044.gif" alt="" /></a> <a href="javascript:void(0);" onclick="insertSmiley('S045')"><img src="http://www.blogsky.com/images/smileys/045.gif" alt="" /></a> </td>





خوب حالا دوباره برید این Textarea تگ رو پیدا کنید و کلشو پاک کنید و این کد رو بزنید :



<textarea name="txtComment" id="txtComment" style="width:300px; height: 130px" onkeypress="FKeyPress()" onkeydown="FKeyDown()">
۴-تقریبا کار تمام شده و شما میتوانید کد مورد نظر را به بخش کد نظرات خودتان کپی کنید

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

آموزش بهره کافی رو برده باشید


دوستان عزیز اگر جایی رو متوجه نشدید در قسمت نظرات بگید