Blogger: Санамсаргүй мэдээ үзэх хэрэгсэл

  Энэ хичээлээрээ Blogger -хэрэглэгчидэд хэрэгтэй Санамсаргүй мэдээ үзэх товч болох хэрэгсэл хийлээ….

 

 

 

 

 

Жишээ блог: http://10gangi.blogspot.com

Энэ хэрэгслийг суулгахын тулд :

1. Блогынхоо Page Elements гэсэн хэсэг рүү ороод Add a Gadget дээр дараад HTml/Javascript гэснийг дараад доорх кодыг хуулад болно.
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<div id='sanamsargui'></div> <script type='text/javascript'> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Санамсаргүй мэдээ харах'; document.getElementById('sanamsargui').appendChild(a); } </script> <script src='/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky'></script>
<style type='text/css'>
@import url( 'http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' );
#sanamsargui a {
position: relative;
color: rgba(255,255,255,1);
text-decoration: none;
background-color: rgba(219,87,5,1);
font-family: 'Yanone Kaffeesatz';
font-weight: 700;
font-size: 30px;
display: block;
padding: 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
-moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
margin: 10px auto;
width: 200px;
text-align: center;

-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-ms-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}

#sanamsargui a:active {
-webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
-moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
position: relative;
top: 6px;
}
</style>

 

[stextbox id=”warning”]Анхааруулахад Blogger хичээлийг ямагт Old interface -ийн зарчимаар заах болно!![/stextbox]

Сурталчилгаан дээр дapж биднийг дэмжээрэй. ↓ ↓ ↓


My twitter @boroldoi Facebook: fb.com/kolup Yahoo IM : boldush45

5 сэтгэгдэлтэй

  1. d says:

    Дөрвөлжин шар дүрснийх нь хэмжээг яаж багасгах вэ?

  2. face says:

    miniih.com-n blog deer ene boloh uu? Боролдой

  3. Tsoh says:

    Hi tanai zaaj bga hicheeliig buren surmaar bn yu ru orj uzuhu

Сэтгэгдэл бичих

*

Таныг илтгэгч аватар зураг GrAvatar.com (Хэрхэн ашиглах вэ?)

© 2010-2012 Hicheel.inFo .
Wordpress дээр суурьлаж Theme Junkie ашиглан SaKu бүтээв. HOSTED BY DUSAL HOSTING
Ангилал Blog Tips, Blogger (3 дахь хичээл 73 хичээлээс)