MRafizeldi

#Tumblrer #Blogger #Designer #Webmaster

[mrafizeldi]

Caribbean Sea Viewed From the International Space Station (via Caribbean Sea Viewed From the International Space Station | NASA)

From the Earth-orbiting International Space Station, flying some 225 nautical miles above the Caribbean Sea in the early morning hours of July 15, NASA astronaut Reid Wiseman photographed this north-looking panorama that includes parts of Cuba, the Bahamas and Florida, and even runs into several other areas in the southeastern U.S. The long stretch of lights to the left of center frame gives the shape of Miami.

[mrafizeldi]

jQuery - Mendapatkan x Karakter Terakhir

Untuk mendapatkan x karater terakhir dari suatu string bisa menggunakan metode .substr() dan property .length seperti berikut:

var id = "ctl03_Tabs1"; var lastFive = id.substr(id.length - 5); // => "Tabs1" var lastChar = id.substr(id.length - 1); // => "1"

Tapi ada cara lain yang lebih baik, lebih kompatibel dengan browser IE, yang tidak bisa mengenali nilai negatif dalam substr() .

If either start or end is NaN or negative, it is replaced with zero. ~Internet Explorer Dev Center

Yaitu dengan metode .slice()

var id = "ctl03_Tabs1"; id.slice(-5); //Outputs: Tabs1 id.slice(-1); //Outputs: 1

[mrafizeldi]

jQuery - Test Jika Elemen Berada Dalam Viewport

returns true if any portion of the element is visible in the viewport (considering element’s position and dimension, compared to dimension and scroll position of window).

$.fn.isOnScreen = function(){ var win = $(window); var viewport = { top : win.scrollTop(), left : win.scrollLeft() }; viewport.right = viewport.left + win.width(); viewport.bottom = viewport.top + win.height(); var bounds = this.offset(); bounds.right = bounds.left + this.outerWidth(); bounds.bottom = bounds.top + this.outerHeight(); return (!(viewport.right < bounds.left || viewport.left > bounds.right || viewport.bottom < bounds.top || viewport.top > bounds.bottom)); };

[mrafizeldi]

Mendapatkan Tinggi Viewport Browser dan Document HTML

Mendapatkan tinggi viewport browser dan tinggi dokumen/halaman HTML:

$(window).height(); // returns height of browser viewport $(document).height(); // returns height of HTML document

[mrafizeldi]

How can I hide the Google button from a visitor if he has already recommended the page. I don't want to hide it only after click, but also to leave the button hidden the next time the user visit the page.

[mrafizeldi]

jQuery Mendapatkan URL Halaman

Cuplikan skrip javascript dan jQuery untuk mendapatkan dan menyimpan url halaman saat ini yang terlihat pada address bar browser.

$(document).ready(function() { //jquery $(location).attr('href'); //pure javascript var pathname = window.location.pathname; // to show it in an alert window alert(window.location); });

Dan fungsi javascript untuk mendapatkan path url absolute halaman saat ini:

function getAbsolutePath() { var loc = window.location; var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1); return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length)); }

[mrafizeldi]

Blogspot Mobile & Desktop Conditional Tag

Blogger Blogspot template mobile conditional tag:

Tag kondisional untuk visitor pengguna perangkat mobile device atau desktop.

<b:if cond='data:blog.isMobile'> /* visible on mobile */ <b:else/> /* for desktop */ </b:if>

Untuk menampilkan konten hanya untuk perangkat desktop:

<b:if cond='data:blog.isMobile == "false"'> //Contents inside this, will only appear in Desktop version. </b:if>

[mrafizeldi]

[mrafizeldi]

Pengaturan Embedding jsFiddle

Embedding is provided to show the fiddle with running result on any other page.

URL: http://{url_of_the_fiddle}/embedded/[{tabs}/[{style}]]/

url_of_the_fiddle full address to the fiddle without http://jsfiddle.net tabs which tabs and in which order should be displayed (default: js,resources,html,css,result)

js,html,css tab with the appropriate code result result tab resource list of external resources, it will not be displayed if no resources were used skin which skin should be used (default: light)

Contoh Default Embedded jsFiddle

Embedding Default

<iframe width="100%" height="300" src="http://jsfiddle.net/zalun/NmudS/embedded/" allowfullscreen="allowfullscreen" frameborder="0"> </iframe>

Akan menampilkan:

Merubah Urutan Tab

In example if to show the result as the first tab add result,js,html,css/ to the URL: src="http://jsfiddle.net/zalun/NmudS/embedded/result,js,html,css/"

If there is no need to show all the tabs, they might be removed: src="http://jsfiddle.net/zalun/NmudS/embedded/js,result/"

Merubah skin

It is already technically possible to change the skin of the embedded fiddle. Following example is using a presentation skin. src="http://jsfiddle.net/zalun/NmudS/embedded/js,result/presentation/"

[mrafizeldi]

Disable Right Click, Select dan Dragging Content | jQuery

Script untuk menonaktifkan fungsi klik kanan (right click), seleksi (select) dan menyeret (dragging) konten suatu halaman bisa menggunakan kombisan script jQuery dan CSS berikut:

.protected { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }

// this part disables the right click $('.protected').on('contextmenu', function (e) { return false; }); //this part disables dragging of image $('.protected').on('dragstart', function (e) { return false; });

[mrafizeldi]

Microblogging Tumblr

Tumblr adalah platform dan layanan (micro)blogging yang didirikan oleh David Karp dan kemudian diakuisisi oleh Yahoo! Inc. Layanan Tumblr memungkinkan user (penggunanya) untuk mempublikasikan konten multimedia dengan format yang pendek (micro).

[mrafizeldi]

Platform Blogging Populer

Ada banyak sekali platform dan layanan blogging di dunia online. Berikut ini adalah 3 platform blogging yang populer yang sangat saya rekomendasikan.

WordPress

Blogger Blogspot

Tumblr