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

السلام عليكم

ارفع لكم في هذه التدوينه اضافتين في اضافه واحده لاستخدامها في المدونه

الاستماع الى القرآن الكريم لمجموعه من القراء بواسطة ويندوز ميديا بليير

هذا الكود انسخه والصقه في اداة جافا سكريبت

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" /> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_1" data-original-id="BLOGGER_object_1" /> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_2" data-original-id="BLOGGER_object_2" /> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_3" data-original-id="BLOGGER_object_3" /> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_4" data-original-id="BLOGGER_object_4" /> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_5" data-original-id="BLOGGER_object_5" /> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_6" data-original-id="BLOGGER_object_6" /> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_7" data-original-id="BLOGGER_object_7" /> <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_8" data-original-id="BLOGGER_object_8" /> <style> .button { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2); box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2); border: 1px solid; padding: 8px 12px; color: #fff; font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; text-align:center; text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75); white-space: nowrap; background: #777; border-color: #777; text-decoration: none; font-style: normal; text-transform: none; display:block; position: relative; margin:2px 2px 5px 2px; float:center; } .button:hover, .button:focus { bottom: 1px; -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2); box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2); background: #999; border-color: #999; /* Default color */ } .button:active { top: 1px; -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2); box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2); } /* Shape */ .bubble { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } /* Colors */ .blue { background: #166ba9; border-color: #166ba9; } .blue:hover, .blue:focus { background: #3390CF; border-color: #3390CF; } .red { background: #D81204; border-color: #D81204; } .red:hover, .red:focus { background: #FF2F1F; border-color: #FF2F1F; } .green { background: #95A006; border-color: #95A006; } .green:hover, .green:focus { background: #B2BF17; border-color: #B2BF17; } .yellow { background: #FFAF09; border-color: #FFAF09; } .yellow:hover, .yellow:focus { background: #FFCF09; border-color: #FFCF09; } .purple { background: #9F1D78; border-color: #9F1D78; } .purple:hover, .purple:focus { background: #CF33A0; border-color: #CF33A0; } .orange { background: #FF5F09; border-color: #FF5F09; } .orange:hover, .orange:focus { background: #FF7F09; border-color: #FF7F09; } .gray { background: #777; border-color: #777; } .gray:hover, .gray:focus { background: #999; border-color: #999; } </style>


الى اللقاء مع ارق تحياتي......ابو هشام الحمداني