طريقة إضافة محول أكواد أدسنس لمدونة بلوجر

درسـنــا الــيـوم يـتــمــحـور عـلــى طــريـقــة إضـافــة أداة بــســيـطــة داخــل مـدونــتــك، دور هــذه الأخــيــر وأهــمــيـتـه تــتــجـلـى فــي تــحــويــل أكـواد الإعـلانـات مـثـل أدسـنـس الـتـي لا يـقـبـلـهـا الـقـالـب ويـجـعـلـهـا مـتـوافـقـة مـع الـقـالـب، والـيـوم ســوف نـتـعــرف عـلــي كــيـفـيــة إضـافــة مـحــول الأكــواد إلــى مـدونــة بـلـوجــر ولاتـحـتــاج إلــى الـذهــاب لمـدونــات أو مـواقــع لإســتــعـمــال الأداة، بــل تـكــون مــتـوفــرة فــي مــدونـتــك عـنــد الـحـاجـة. وأنـا تـحـدثـت عـن إعـلانـات أدسـنـس بـالـذات لانـهـا تـعـتـبـر أفـضـل شـركـة إعـلانـات وهـي شـركـة تـابـعـه لـجـوجـل يـمـكـن الـربـح مـنـهـا عـنـد وضـع اعـلانـتـهـا فـي مـدونـتـك أو فـي قـنـاة الـيـوتـيـوب الـخـاصـة بـك فـهـي الأفـضـل حـتـي الآن لــكـل مـدون عــربـي.

مثال توضيحي للإضافة

المعــاينة

مراحل إضــافـة مــحـول أكـواد أدســنـس لـمــدونـة بلوجر

مراحل تركيب الإضافة

1. ادخل إلى لوحة تحكم المدونة في بلوجر.
2. اختر قالب المدونة التي تود تطبيق الشرح فيها.
3. إذهب الـي صـفــحـات بـلــوجـر الــثـابــتـة.
4. قم بــاخـتــيـار صـفــحـة جــديـدة
5. قم بــتـحــويـل الــكـتــابـة الـي HTML.
6. وفي الأخــيـر انــسـخ الـكـود الــتــالــي وألــصــقــه فــي الـصــفحــة.

<div dir="ltr" style="text-align: left;" trbidi="on"><center>

<style type="text/css">

.b4-content input { padding: 8px 12px 10px; margin: 2px 8%; width: 34%; float: right; text-decoration: none; background: #F4F4F4; background: -webkit-linear-gradient(top, #F4F4F4, #F1F1F1); background: -moz-linear-gradient(top, #F4F4F4, #F1F1F1); background: -ms-linear-gradient(top, #F4F4F4, #F1F1F1); background: -o-linear-gradient(top, #F4F4F4, #F1F1F1); background: linear-gradient(top, #F4F4F4, #F1F1F1); color: #444; font: 500 13px tahoma; line-height: 13px; border: 1px solid #DCDCDC; }

.b4-content input:hover { background: #F9F9F9; background: -webkit-linear-gradient(top, #F9F9F9, #F1F1F1); background: -moz-linear-gradient(top, #F9F9F9, #F1F1F1); background: -ms-linear-gradient(top, #F9F9F9, #F1F1F1); background: -o-linear-gradient(top, #F9F9F9, #F1F1F1); background: linear-gradient(top, #F9F9F9, #F1F1F1); border-color: #C6C6C6; box-shadow: 0 1px 1px #CCC; }

.b4-content input:active { background: #EEE; background: -webkit-linear-gradient(top, #EEE, #E0E0E0); background: -moz-linear-gradient(top, #EEE, #E0E0E0); background: -ms-linear-gradient(top, #EEE, #E0E0E0); background: -o-linear-gradient(top, #EEE, #E0E0E0); background: linear-gradient(top, #EEE, #E0E0E0); box-shadow: inset 0 1px 2px #CCC; }

.b4-content textarea { direction: ltr; width: 628px; height: 250px; border: 1px solid #CCC; background: #FFF; padding: 10px; font: 500 14px tahoma; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; color: #444; border-radius: 4px; margin: 0 0 10px; line-height: 14px; }

.b4-content textarea:hover, textarea:focus { box-shadow: inset 0 1px 2px #CCC; border-color: #BBB; outline: none; }

اقرا ايضا :إضافة صفحة خطأ 404 متحركة إحترافية لقوالب بلوجر
</style>

<script type="text/javascript">

//<![CDATA[

<!-- function html2entities() { -->

    var re = /[<>"'&]/g

    for (i = 0; i < arguments.length; i++)

        arguments[i].value = arguments[i].value.replace(re, function(m) { return replacechar(m) })

}



function replacechar(match) {

اقرا ايضا :جعل عنوان أو اسم المدونة يظهر كلمة واحدة فقط
    if (match == "<")

        return "&lt;"

    else if (match == ">")

        return "&gt;"

    else if (match == "\"")

        return "&quot;"

    else if (match == "'")

        return "&#039;"

    else if (match == "&")

        return "&amp;"
اقرا ايضا :إضافة الاشترك في النشرة البريدية
}

//]]>

</script>

<script type="text/javascript">

//<![CDATA[

//Character count script

function countit(what) {

    formcontent = what.form.charcount.value

    what.form.displaycount.value = formcontent.length

}
اقرا ايضا :أداة أحدث المواضيع ومواضيع عشوائية
//]]>

</script>

<form class='b4-content'>

    <textarea name="data1" placeholder="ضع الكود الخاص بك هنا لتحويله ..."></textarea>

    <br />

    <input name="button" type="button" value="تحويل" style="border-radius:0 5px 5px 0" onclick="html2entities(this.form.data1)">

    <input name="Clear" type="reset" value="مسح" style="border-radius:5px 0 0 5px">

</form>

</center>

</div>

المصدر : http://www.teqniweb.com/