Monday, 16 June 2014
RAINBOW RANDOM POST CODE WITH BLOG URL BUT NO IMAGE
--------------------------------------------------------------------------------------
RAINBOW RANDOM POST CODE WITH BLOG URL BUT NO IMAGE:
ADD HTML/JAVA WIDGET AND PASTE BELOW CODE
COPY AND PASTE BELOW CODE
CHANGE BLOG URL
--------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
------------------------------------------------------------------------------------------------------------
<style type="text/css">
.FBGaddgets-random-posts ul li {
list-style-image:none;
}
.FBGaddgets-random-posts ul {
list-style-type: none;
margin: 0;
padding: 5px 0;
}
.FBGaddgets-random-posts ul li {
border: 0 none;
margin: 5px 0;
padding: 10px;
position: relative;
}
.FBGaddgets-random-posts ul li:first-child {
background: none repeat scroll 0 0 #FF4C54;
width: 97%;
}
.FBGaddgets-random-posts ul li:first-child:after {
content: "1";
}
.FBGaddgets-random-posts ul li:first-child + li {
background: none repeat scroll 0 0 #FF764C;
width: 87%;
}
.FBGaddgets-random-posts ul li:first-child + li:after {
content: "2";
}
.FBGaddgets-random-posts ul li:first-child + li + li {
background: none repeat scroll 0 0 #FFDE4C;
width: 84%;
}
.FBGaddgets-random-posts ul li:first-child + li + li:after {
content: "3";
}
.FBGaddgets-random-posts ul li:first-child + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 81%;
}
.FBGaddgets-random-posts ul li:first-child + li + li + li:after {
content: "4";
}
.FBGaddgets-random-posts ul li:first-child + li + li + li + li {
background: none repeat scroll 0 0 #33C9F7;
width: 78%;
}
.FBGaddgets-random-posts ul li:first-child + li + li + li + li:after {
content: "5";
}
.FBGaddgets-random-posts ul li:first-child + li + li + li + li + li {
background: none repeat scroll 0 0 #7EE3C7;
width: 75%;
}
.FBGaddgets-random-posts ul li:first-child + li + li + li + li + li:after {
content: "6";
}
.FBGaddgets-random-posts ul li:first-child + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F6993D;
width: 72%;
}
.FBGaddgets-random-posts ul li:first-child + li + li + li + li + li + li:after {
content: "7";
}
.FBGaddgets-random-posts ul li:first-child + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F59095;
width: 69%;
}
.FBGaddgets-random-posts ul li:first-child + li + li + li + li + li + li + li:after {
content: "8";
}
.FBGaddgets-random-posts ul li:first-child + li + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 66%;
}
.FBGaddgets-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
content: "9";
}
.FBGaddgets-random-posts ul li:first-child:after, .FBGaddgets-random-posts ul li:first-child + li:after, .FBGaddgets-random-posts ul li:first-child + li + li:after, .FBGaddgets-random-posts ul li:first-child + li + li + li:after, .FBGaddgets-random-posts ul li:first-child + li + li + li + li:after, .FBGaddgets-random-posts ul li:first-child + li + li + li + li + li:after, .FBGaddgets-random-posts ul li:first-child + li + li + li + li + li + li:after, .FBGaddgets-random-posts ul li:first-child + li + li + li + li + li + li + li:after, .FBGaddgets-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
background: none repeat scroll 0 0 #353535;
border-radius: 50% 50% 50% 50%;
color: #FFFFFF;
font-size: 25px;
height: 30px;
position: absolute;
right: -17px;
text-align: center;
top: 1px;
width: 30px;
}
.FBGaddgets-random-posts ul li a {
color: #444444;
font-size: 13px;
text-decoration: none;
}
</style>
<div class="FBGaddgets-random-posts">
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=9;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="http://fbgadgets.blogspot.co.uk/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
</div>
--------------------------------------------------------------------------------------------------------
RANDOM MULTI COLOR BUTTON
--------------------------------------------------------------------------------------------------------------
<html> <!-- https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_test --> <head> <style> .divs{ float:left; width:30%; height: 150px; margin:5px; } </style> </head> <body onload="changeBackground();"> <div> <div id="d1" class="divs"></div> <div id="d2" class="divs"></div> <div id="d3" class="divs"></div> </div> <div> <div id="d4" class="divs"></div> <div id="d5" class="divs"></div> <div id="d6" class="divs"></div> </div> <div> <div id="d7" class="divs"></div> <div id="d8" class="divs"></div> <div id="d9" class="divs"></div> </div> <script> function changeBackground() { var i=1; for(i=1;i<=9;i++){ document.getElementById("d"+i).style.backgroundColor = '#'+Math.floor(Math.random()*16777215).toString(16); } } </script> </body> </html>`------------------------------------------------------------------------------------------------------------------
Related movie you might like to see :
POPULAR POST WIDGET DIFFERENT STYLE...
ONLINE ZIP OPNER
JAVA COLOR PICKER WITH
RECENT OR FEATURED POST SLIDER AFTE...
Random/Recent/Feature Posts Button ...
Related PostWidget WithFirst Big Th...
MAKE DLL FILE AND OPEN IN VISUAL BA...
GOOGLE CONSOLE
GOOGLE CHROME EXTENSION FILE SAVE O...
OPEN DESKTOP TEXT FILE BY COMMAND P...
CSS SLIDER WITHOUT JS
FLICKITY SLIDER SCROLL WITH RADIO N...
FLICKITY JS CSS SLIDER
BUTTON PADDING CHANGE HEIGHT WIDTH
INPUT BUTTON VALUE SWAP
CSS SYNTAX HIGHLIGHT CHANGE IN NOT...
WEB IMAGE DOWNLOADER
TEXT COMPARE OR DUPLI TEXT FINDER
BLOCK JAVA SCRIPT BY GOOGLE CHROME
MOUSE COORDINATES IN JAVA SCRIPT
Related Post for RAINBOW RANDOM POST CODE WITH BLOG URL BUT NO IMAGE
BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES
DRAG AND DROP HTML GAME
POST LOADER TEMPLATE 
Sprite Sheet Animation
HOW TO GET MALWARE ADD POPUP WITHOUT SOFTWARE
POPULAR POST WIDGET DIFFERENT STYLES
Dino Pairs Matching Game 
Drag and Drop Practice Game With Image
PAGINATION IN BLOG
UnityAssetsExplorer
DRAG AND DROP PRACTICE GAME WITH IMAGE
IMAGE SCROLL BOX WITH MOUSE CURSOR
GENERIC POST TITLE UNDER AUTO READ POST IMAGE TEMPLATE- Drag and Drop Practice Game With Image
Random/Recent/Feature Posts Button In Blogger
RELATED POST WIDGET LIST SHAPE
RECENT OR FEATURED POST SLIDER AFTER FOOTER
How to open a .DLL or .EXE file in Resource Editor
CARD GAMES WITH DRAG AND DROP WITH JQUERY AND HTML
MAKE DLL FILE AND OPEN IN VISUAL BASIC 2008-2010
DRAG AND DROP PRACTICE GAME WITH IMAGE
HTML AND EMOTIONS ICON COMMENT BOX 
POST LOADER TEMPLATE
DRAG AND DROP WITH JQUERY AND HTML TUTORIAL
ADD POP UP REMOVER
BLOG FULL POST IMAGE 600 BY 600
ONLINE ZIP OPNER- DINO PAIRS MATCHING GAME
DRAG AND DROP HTML GAME
Related PostWidget WithFirst Big Thumbnail
RECENT/FEATURED POST THUMBNAIL IMAGE IN SIDEBAR
Popular Posts Widget for Blogger Tweak
WEBSITE TRANSLATOR AND THUMBNAIL
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
DRAG AND DROP HTML GAME
AUTOMATION ANY WEBSITES
RECAPTCHA KEY CONTCAT FORM FOR BLOGGER- DRAG AND DROP HTML GAME
FANCY BOX JS FIDDLE
JAVA COLOR PICKER WITH
DRAG AND DROP HTML GAME
GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE AND PAGINATION
RELATED POST WIDGET FRONT SCREEN TEMPLATE
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.