كيفية إضافة اعلان ثابت مع زر الإغلاق لمنصة بلوجر

مقدمة :

مرحباً بكم زوار مدونة اوما ثك - Aoma Tech اليوم سوف اشرح لكم عن كيفية إضافة إعلان ثابت مع زر الإغلاق لمنصة بلوجر فقط من التنسيق اذا كنت مدون أو مبرمج وتملك محتوى أو تملك مدونة مقبولة في أدسنس لكن أرباحها ضعيفة أو حتى متوسطة في هذا المقال ان شاء الله سوف نشرح لكم طريقة مضاعفة أرباح أدسنس.

قمت بتصميم هذه الاضافة لأنني لاحظت في المدونات الأخرى تضع هذه الاضافة لمضاعفة أرباحهم اضافة بسيطة لا تأثر على سرعة الموقع مصممة بأكواد html و css .

معاينة الاضافة :

معاينة

شرح طريقة التركيب :

كل ماعليك هو التوجة إلي التنسيق من منصة بلوجر وبعد زلك تقوم بإضافة أداة جديدة ثم تختار HTML/JavaScript ثم تضع فيها الكود التالي :

<style>
.Arpian-ads {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 70px;
	max-height: 200px;
	padding: 5px 0;
	box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1);
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fefefe;
	z-index: 20;
}

.Arpian-ads-close {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px 0 0;
	position: absolute;
	right: 0;
	top: -30px;
	background-color: #fefefe;
	box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08);
}

.Arpian-ads .Arpian-ads-close svg {
	width: 22px;
	height: 22px;
	fill: #000;
}

.Arpian-ads .Arpian-ads-content {
	overflow: hidden;
	display: block;
	position: relative;
	text-align:center;
	height: 70px;
	width: 100%;
	margin-right: 10px;
	margin-left: 10px;
}
</style>


<div class='Arpian-ads' id='Arpian-ads'>
	<div class='Arpian-ads-close' onclick='document.getElementById(&quot;Arpian-ads&quot;).style.display=&quot;none&quot;'>
		<svg viewbox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'>
			<path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z' />
		</path></svg>
	</div>
	<div class='Arpian-ads-content'> شفرة اعلانية بقياس 468 على 60 </div>
</div>

ومبروك على الإضافة لاتنسا متابعة المدونة من هنا.