Tuesday, 15 July 2014

JAVA FILE MAKE & SAVE IN NOTE PAD

CLICK AND OPEN NOTE PAD IN WNDOW MENU BAR

--------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE AND SAVE IN NOTE PAD my.js
OR JAVA FILE ONLINE SOURCE
https://cdnjs.com/libraries
http://codepen.io/perrymorse1/pen/zGpeBw.html
http://code.jquery.com/jquery/ CLICK UNCOMPRESSD OR MINIFIED
https://developers.google.com/speed/libraries/devguide
http://jqueryui.com/download/all/
http://logicpool.com/archives/330
http://scriptsrc.net/
http://fbgadgets.blogspot.co.uk/2015/10/data-uri-code-image-convert-into-jpg_30.html
----------------------------------------------------------------------------------------------------------

var nopage;
var jenis;
var nomerhal;
var lblname1;
halamanblogger();

function loophalaman(banyakdata) {
var html = '';
nomerkiri = parseInt(numshowpage / 2);
if (nomerkiri == numshowpage - nomerkiri) {
numshowpage = nomerkiri * 2 + 1
}
mulai = nomerhal - nomerkiri;
if (mulai < 1) mulai = 1;
maksimal = parseInt(banyakdata / postperpage) + 1;
if (maksimal - 1 == banyakdata / postperpage) maksimal = maksimal - 1;
akhir = mulai + numshowpage - 1;
if (akhir > maksimal) akhir = maksimal;
html += "<span class='showpageOf'>Page " + nomerhal + ' of ' + maksimal + "</span>";
var prevnomer = parseInt(nomerhal) - 1;
if (nomerhal > 1) {
if (nomerhal == 2) {
if (jenis == "page") {
html += '<span class="showpage"><a href="' + home_page + '">' + upPageWord + '</a></span>'
} else {
html += '<span class="showpageNum"><a href="/search/label/' + lblname1 + '?&max-results=' + postperpage + '">' + upPageWord + '</a></span>'
}
} else {
if (jenis == "page") {
html += '<span class="showpageNum"><a href="#" onclick="redirectpage(' + prevnomer + ');return false">' + upPageWord + '</a></span>'
} else {
html += '<span class="showpageNum"><a href="#" onclick="redirectlabel(' + prevnomer + ');return false">' + upPageWord + '</a></span>'
}
}
}
for (var jj = mulai; jj <= akhir; jj++) {
if (nomerhal == jj) {
html += '<span class="showpagePoint">' + jj + '</span>'
} else if (jj == 1) {
if (jenis == "page") {
html += '<span class="showpageNum"><a href="' + home_page + '">1</a></span>'
} else {
html += '<span class="showpageNum"><a href="/search/label/' + lblname1 + '?&max-results=' + postperpage + '">1</a></span>'
}
} else {
if (jenis == "page") {
html += '<span class="showpageNum"><a href="#" onclick="redirectpage(' + jj + ');return false">' + jj + '</a></span>'
} else {
html += '<span class="showpageNum"><a href="#" onclick="redirectlabel(' + jj + ');return false">' + jj + '</a></span>'
}
}
}
var nextnomer = parseInt(nomerhal) + 1;
if (nomerhal < maksimal) {
if (jenis == "page") {
html += '<span class="showpageNum"><a href="#" onclick="redirectpage(' + nextnomer + ');return false">' + downPageWord + '</a></span>'
} else {
html += '<span class="showpageNum"><a href="#" onclick="redirectlabel(' + nextnomer + ');return false">' + downPageWord + '</a></span>'
}
}
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
for (var p = 0; p < pageArea.length; p++) {
pageArea[p].innerHTML = html
}
if (pageArea && pageArea.length > 0) {
html = ''
}
if (blogPager) {
blogPager.innerHTML = html
}
}

function hitungtotaldata(root) {
var feed = root.feed;
var totaldata = parseInt(feed.openSearch$totalResults.$t, 10);
loophalaman(totaldata)
}

function halamanblogger() {
var thisUrl = urlactivepage;
if (thisUrl.indexOf("/search/label/") != -1) {
if (thisUrl.indexOf("?updated-max") != -1) {
lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?updated-max"))
} else {
lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?&max"))
}
}
if (thisUrl.indexOf("?q=") == -1 && thisUrl.indexOf(".html") == -1) {
if (thisUrl.indexOf("/search/label/") == -1) {
jenis = "page";
if (urlactivepage.indexOf("#PageNo=") != -1) {
nomerhal = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
} else {
nomerhal = 1
}
document.write("<script src=\"" + home_page + "feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")
} else {
jenis = "label";
if (thisUrl.indexOf("&max-results=") == -1) {
postperpage = 20
}
if (urlactivepage.indexOf("#PageNo=") != -1) {
nomerhal = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
} else {
nomerhal = 1
}
document.write('<script src="' + home_page + 'feeds/posts/summary/-/' + lblname1 + '?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')
}
}
}

function redirectpage(numberpage) {
jsonstart = (numberpage - 1) * postperpage;
nopage = numberpage;
var nBody = document.getElementsByTagName('head')[0];
var newInclude = document.createElement('script');
newInclude.type = 'text/javascript';
newInclude.setAttribute("src", home_page + "feeds/posts/summary?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
nBody.appendChild(newInclude)
}

function redirectlabel(numberpage) {
jsonstart = (numberpage - 1) * postperpage;
nopage = numberpage;
var nBody = document.getElementsByTagName('head')[0];
var newInclude = document.createElement('script');
newInclude.type = 'text/javascript';
newInclude.setAttribute("src", home_page + "feeds/posts/summary/-/" + lblname1 + "?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
nBody.appendChild(newInclude)
}

function finddatepost(root) {
post = root.feed.entry[0];
var timestamp1 = post.published.$t.substring(0, 19) + post.published.$t.substring(23, 29);
var timestamp = encodeURIComponent(timestamp1);
if (jenis == "page") {
var alamat = "/search?updated-max=" + timestamp + "&max-results=" + postperpage + "#PageNo=" + nopage
} else {
var alamat = "/search/label/" + lblname1 + "?updated-max=" + timestamp + "&max-results=" + postperpage + "#PageNo=" + nopage
}
location.href = alamat
}

-------------------------------------------------------------------------------------------------------
FIND FREE JAVA HOSTING SITES AND WRITE YOUR JAVA LINK
LIKE THIS IN BLOGGER TEMPLATE

<link href='http://fonts.googleapis.com/css?family=Arvo|Sanchez' rel='stylesheet' type='text/css'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<link href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" rel="stylesheet"></link>
------------------------------------------------------------------------------------------------
IF U WANT TO WRITE YOUR CODE IN BLOG HTML/JAVA WIDGET
U WRITE YOUR CODE BETWEEN JAVA OPEN TAG AND JAVA CLOSE TAG
LIKE THIS WAY OR USE THIS WAY CSS CLOSED TAG FILE

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="https://googledrive.com/host/0B2BtMc5vQHtXSHFfWU5TVUJYQjg" type="text/javascript"></script>

<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css" />
<link href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" rel="stylesheet"></link>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'> </script>
--------------------------------------------------------------------------------------------------------------------
http://www.tizag.com/javascriptT/javascriptexternal.php
NOTE:
SAVE HTML AND JAVA SCRIPT FILE IN SAME FOLDER
---------------------------------------------------------------------------------------------------------------------

importing an external javascript file

Importing an external file is relatively painless. First, the file you are importing must be valid JavaScript, and only JavaScript. Second, the file must have the file extension ".js". Lastly, you must know the location of the file.

Let us assume we have a file "myjs.js" that contains a one line Hello World alert function. Also, let us assume that the file is the same directory as the HTML file we are going to code up. To import the file you would do the following in your HTML document.

File myjs.js Contents:

function popup() {
alert("Hello World")
}

HTML & JavaScript Code:

<html>
<head>
<script src="myjs.js">
</script>
</head>
<body>
<input type="button" onclick="popup()" value="Click Me!">
</body>
</html>

-----------------------------------------------------------------------------------------------------
HOW TO WRITE CSS CODE BEFORE HEAD </head> OR BODY TAG</body>
LIKE THIS WAY

/* WRITE YOUR CSS CODE BETWEEN RED TAG
----------------------------------------------------------
*/

<style type="text/css">

#post-gallery {
width:304px;
margin:0px auto;
font:normal 11px Arial,Sans-Serif;
color:#494848;
padding:8px;
background-color:#17B986;
-webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

</style>

-------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------
IF U DO NOT WANT TO MAKE JAVA FILE AND U WANT TO WRITE YOUR
BEFORE HEAD TAG </head> OR BODY TAG </body> IN THIS CASE YOU
U WRITE YOUR CODE BETWEEN JAVA TAGS LIKE THIS
-------------------------------------------------------------------------------------------

<script type='text/javascript'>
//<![CDATA[

/* WRITE YOUR JAVA CODE BETWEEN RED TAG
----------------------------------------------------------
*/

var nopage;
var jenis;
var nomerhal;
var lblname1;
halamanblogger();

//]]>
</script>

-----------------------------------------------------------------------------------------------------------
ADD TWO JAVA FUNCTION IN ONE JAVA FILE PAGINATION AND POST SUMMARY
FUNCTION
------------------------------------------------------------------------------------------------------------

https://dl.dropboxusercontent.com/u/80436322/onlinetrick.js

------------------------------------------------------------------------------------------------
GOOGLE DRIVE FILE HOSTING
-------------------------------------------------------------------------------------------------

READ MORE:
http://fbgadgets.blogspot.co.uk/2013/08/sliding-effect-post-slider-style1.html
http://fbgadgets.blogspot.co.uk/2013/08/BlogFileHostingFiles.html
http://fbgadgets.blogspot.co.uk/2014/07/recommended-post-slide-out-for-blogger.html

GOGGLE DRIVE HOSTING

1-SET SHARING OPTION PUBLIC

2-UPLOAD JAVA OR CSS FILE

3-CLICK SHARE BUTTON FOR PUBLIC

4- GET SHARING LINK

5- LIKE THIS
https://docs.google.com/file/d/0B2BtMc5vQHtXTnI4R1B0T1dCUm8/edit?usp=sharing

6- CHANGE RED MARKER LINE INTO https://googledrive.com/host

7- FINAL STEP ERASE/DELETE YELLOW MARKER LINE
8- LINK SHOWS LIKE THIS
https://googledrive.com/host/0B2BtMc5vQHtXTnI4R1B0T1dCUm8

--------------------------------------------------------------------------------------------------------