<!DOCTYPE html>
<head>
<title>selaras.coid Official Homepage | PubHTML5</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="pubhtml5.com" />
<meta name="description" content="Read 0 flip pages pulished by selaras.coid on PubHTML5. Follow selaras.coid and get selaras.coid's latest update. Just check selaras.coid's all the flipbooks. Like selaras.coid's homepage? Share selaras.coid's homepage Now." />
<meta name="keywords" content="selaras.coid Homepage, selaras.coid flip pdf, free flip book publisher, online flip page creator, digital flip pdf publisher, online flip pdf" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel='canonical' href='https://pubhtml5.com/homepage/mysz/'/> <script type="text/javascript" language="javascript" src="/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" language="javascript" src="/center/js/ff-utils.js"></script>
<script type="text/javascript" language="javascript" src="/js/cores/LightBox.js"></script>
<script type="text/javascript" language="javascript" src="/js/utils/utils.js"></script>
<script type="text/javascript" language="javascript" src="/js/utils/statistic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/common.css?11">
<link rel="stylesheet" type="text/css" href="/center/css/center.css" />
<link rel="stylesheet" type="text/css" href="/center/css/ff-common.css" />
<link rel="stylesheet" type="text/css" href="/center/explore/css/explore.css" />
<link rel="stylesheet" type="text/css" href="/css/WaterPanel.css" />
<link rel="stylesheet" type="text/css" href="/center/home/home.css" />
<script type="text/javascript" language="javascript" src="/js/lib/jquery.qrcode.min.js"></script>
<script type="text/javascript" language="javascript" src="//connect.facebook.net/en_US/all.js" defer="defer" aysn="aysn"></script>
<link rel="stylesheet" type="text/css" href="/center/home/ModalBox.css" />
<script type="text/javascript" language="javascript" src="/center/home/ModalBox.js"></script>
<link rel="stylesheet" type="text/css" href="/center/home/EditHomepage.css?79018ae832178a05c62055e3f87517e7" />
<script type="text/javascript" language="javascript" src="/center/home/jquery.dragsort-0.5.2.min.js"></script>
<script type="text/javascript" language="javascript" src="/center/home/EditHomepage.js?01cd4d516fed10f2de3ff80c1959c73d"></script>
</head>
<body class="center-background cc-scroll-y">
<!--fast upload script-->
<script type="text/javascript">
var fh5 = {
uId: "",
uType: "",
cmail: "",
isLoggedIn: false,
database: {},
pageData: {},
uLink: "",
uEmail: "",
uName: "",
uAddress: "",
uPhone: "",
caption: "",
website: "http://pubhtml5.com/",
AS3BucketName: "online.pubhtml5.com",
settingsBookLogo: "",
settingsWebsite: "",
protocol: document.domain.match(/pubhtml5/) ? "https://" : "http://",
templateId: 3,
themeId: 0,
customDomain: "",
isUnActivate: "1" == '0' && "1" == '0'
};
</script>
<script type="text/javascript" src="/js/build/build.min.js?baf2295f165743d72feb6eff19151e88"></script>
<script type="text/javascript" src="/js/lib/bootstrap.js"></script>
<!--fast upload script-->
<script type="text/javascript" src="/js/lib/fileupload.min.js"></script>
<script type="text/javascript" src="/js/lib/jquery.qrcode.min.js"></script>
<!--common-captcha-->
<link rel="stylesheet" href="/captcha/css/captcha.css?0409763a17566bd60a02424eab895ed5"/>
<script src="/captcha/js/common-captcha.js?b0682bc751e08e78c52331d3845e39a3"></script>
<!-- Google Agree Mode Script -->
<script defer data-cookieconsent="ignore"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("consent", "default", { ad_personalization: "denied", ad_storage: "denied", ad_user_data: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 500, }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", false);</script>
<!-- End Google Agree Mode Script -->
<!-- Cookiebot -->
<script defer id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="b9ce1f75-4bbf-4d48-bc8c-edd93ea2562b" data-blockingmode="auto" type="text/javascript"></script>
<!-- End Cookiebot -->
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.defer = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-W8VX356');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Ads: 632065752 -->
<script defer src="https://www.googletagmanager.com/gtag/js?id=AW-632065752"></script>
<script defer>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-632065752');
</script>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8VX356"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div class='cc-top-banner '>
<a target="_blank" href="javascript:void(0);">
<p><span class="cc-top-banner-title">Important Announcement</span><br />PubHTML5 Scheduled Server Maintenance on
(GMT) Sunday, June 26th, <span>2:00 am - 8:00 am</span>.<br /> PubHTML5 site will be inoperative during the
times indicated!</p>
</a>
<div class='cc-top-banner-close-btn' title="Close">
</div>
</div>
<div class="cc-top-bar">
<div class="nav-container">
<div>
<div class="cc-top-logo-container">
<a class="cc-home-link cc-transparent-link" href="/">
<div class="cc-flip-html5-logo-container">
<img class="cc-flip-html5-logo" style="margin: 12px" src="/images/pubhtml5_logo.png" alt="PUB HTML5 Logo">
</div>
</a>
<!--新增语言选择框-->
<li class="en-item cc-has-sub-menu cc-before-log-in-menu cc-top-item hidden-xs">
<a class="cc-parent-link" href="https://pubhtml5.com/">
EN <i class="fa fa-caret-down"></i>
</a>
<div class="cc-sub-menu">
<a href="https://pubhtml5.com/">
<div class="cc-sub-menu-item">
English
</div>
</a>
<a href="https://global.pubhtml5.com/de/">
<div class="cc-sub-menu-item">
Deutsch
</div>
</a>
<a href="https://global.pubhtml5.com/fr/">
<div class="cc-sub-menu-item">
Français
</div>
</a>
<a href="https://global.pubhtml5.com/es/">
<div class="cc-sub-menu-item">
Español
</div>
</a>
<a href="https://global.pubhtml5.com/pt/">
<div class="cc-sub-menu-item">
Português
</div>
</a>
<a href="https://global.pubhtml5.com/ar/">
<div class="cc-sub-menu-item">
العربية
</div>
</a>
<a href="https://global.pubhtml5.com/th/">
<div class="cc-sub-menu-item">
ไทย
</div>
</a>
<a href="https://global.pubhtml5.com/ms/">
<div class="cc-sub-menu-item">
Bahasa Melayu
</div>
</a>
<a href="https://global.pubhtml5.com/tr/">
<div class="cc-sub-menu-item">
Türkçe
</div>
</a>
<a href="https://global.pubhtml5.com/zh/">
<div class="cc-sub-menu-item">
繁體中文
</div>
</a>
</div>
</li>
<!--搜索框-->
<div class="cc-search-container hidden-xs">
<input type="text" class="cc-field cc-input-text cc-top-search-input" style="width: 144px" value="">
<i class="cc-top-search-icon icon icon-search" title="Search Publications (Case Sensitivity)"></i>
</div>
</div>
<div class="top-en-item" id="rightEnItem">
EN <i class="fa fa-caret-down"></i>
</div>
<!--右侧工具-->
<!-- <button type="button" id="navButton" class="top-navbar-toggle navbar-toggle collapsed hidden-lg" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> -->
<div id="navButton" class="top-navbar-toggle navbar-toggle collapsed hidden-lg">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</div>
<!-- </button> -->
<!--中间区域-->
<ul class="cc-top-menu cc-float-fix">
<li class="cc-has-sub-menu cc-before-log-in-menu cc-top-item hidden-new hidden-xs">
<a class="cc-parent-link" href="/explore">
Browse <i class="fa fa-caret-down"></i>
</a>
<div class="cc-sub-menu">
<a href="/explore">
<div class="cc-sub-menu-item">
<i class="fa fa-rocket"></i> Browse Hot
</div>
</a>
<a href="/explore?#latest">
<div class="cc-sub-menu-item">
<i class="fa fa-cloud"></i> Browse Latest
</div>
</a>
<a href="/magazines/">
<div class="cc-sub-menu-item">
<i class="fa fa-cloud"></i> Online Magazines
</div>
</a>
</div>
</li>
<li class="cc-has-sub-menu cc-before-log-in-menu cc-top-item hidden-md hidden-sm hidden-xs">
<a href="/features">Features</a>
</li>
<li class="cc-has-sub-menu cc-before-log-in-menu cc-top-item hidden-md hidden-sm hidden-xs">
<a href="/help">Support</a>
</li>
<li class="cc-before-log-in-menu cc-top-item hidden-new hidden-xs">
<a class="cc-log-in-link" href="javascript:void(0);">Sign in</a>
</li>
<li class="cc-fast-upload-button button-pure button-pure-orange hidden-new hidden-sm hidden-xs">
<i class="fa fa-cloud-upload"></i> Quick Upload
</li>
<li class='hidden-md hidden-sm hidden-xs'>
<a href='/pricing.php'>
<div class='cc-go-premium-button button-pure button-pure-green'>
<i class='fa fa-shopping-cart'></i> Go Premium
</div>
</a>
</li> </ul>
</div>
<!--工具栏下拉框-->
<div id="navbar" class="top-navbar-collapse-list hidden-lg collapse" aria-expanded="false">
<ul>
<li id="top-hide-upload-btn" class="hidden-lg hidden-md">
<div class="nav-container">Quick Upload</div>
</li>
<li class="hide-top-bar-item dropdown hidden-lg hidden-md">
<div class="dropdown-toggle" data-toggle="dropdown">
<a href="javascript:void(0)" class="nav-container">Browse <b class="fa fa-caret-down"></b></a>
</div>
<ul class="dropdown-menu">
<li>
<a href="/explore/">
<div class="nav-container">Browse Hot</div>
</a>
</li>
<li>
<a href="/explore?#latest">
<div class="nav-container">Browse Latest</div>
</a>
</li>
<li>
<a href="/magazines/">
<div class="nav-container">Online Magazines</div>
</a>
</li>
</ul>
</li>
<li class="hidden-lg">
<a class="nav-container" href="/features/">Features</a>
</li>
<li class="hidden-lg">
<a class="nav-container" href="/help/">Support</a>
</li>
<li class="hidden-lg">
<a class="nav-container" href="/pricing.php">Go Premium</a>
</li>
<li id="top-hide-login-btn" class="hidden-lg hidden-md">
<div class="nav-container">Sign in</div>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<div class="nav-container">
<div id="top-hide-logout-search" class="top-hide-search-content">
<input type="text" placeholder="" class="cc-field cc-input-text" value="">
<i class="cc-top-search-icon icon icon-search" title="Search Publications (Case Sensitivity)"></i>
</div>
</div>
</li>
</ul>
</div>
<div id="enNavbar" class="top-navbar-collapse-list hidden-lg hidden-md hidden-sm collapse">
<ul>
<li class="hidden-lg hidden-md hidden-sm">
<a href="https://pubhtml5.com/" class="nav-container">English</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="https://global.pubhtml5.com/de/" class="nav-container">Deutsch</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="https://global.pubhtml5.com/fr/" class="nav-container">Français</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="https://global.pubhtml5.com/es/" class="nav-container">Español</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="https://global.pubhtml5.com/pt/" class="nav-container">Português</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="https://global.pubhtml5.com/ar/" class="nav-container">العربية</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="https://global.pubhtml5.com/th/" class="nav-container"> ไทย</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="https://global.pubhtml5.com/ms/" class="nav-container">Bahasa Melayu</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="https://global.pubhtml5.com/tr/" class="nav-container">Türkçe</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="https://global.pubhtml5.com/zh/" class="nav-container">繁體中文</a>
</li>
</ul>
</div>
</div>
</div>
<script src="/js/lib/spectrum.min.js"></script>
<script src="/js/utils/jquery.hints.js?1b8c7ff7ba030c97bf161b337981e0c5"></script>
<script src="/js/utils/md5.js" defer="defer" aysn="aysn"></script>
<script type="text/javascript">
var top_isInShowBookPage = "0";
</script>
<script src="/js/utils/top.js?a01a47aa52657eca17750fe586d657e8"></script>
<script type="text/javascript">
$(function() {
var $navButton = $('#navButton');
var $navbar = $('#navbar');
var $enButton = $('#rightEnItem');
var $enNavbar = $('#enNavbar');
$navButton.on('click', function() {
let displayVal = $navbar.css('display');
if (displayVal == 'none') {
$navbar.css('display', 'block');
$navButton.removeClass('collapsed');
$enNavbar.css('display', 'none');
} else {
$navButton.addClass('collapsed');
$navbar.css('display', 'none');
}
})
$enButton.on('click', function(e) {
;
e.stopPropagation();
let displayVal = $enNavbar.css('display');
if (displayVal == 'none') {
$enNavbar.css('display', 'block');
$navbar.css('display', 'none');
$navButton.addClass('collapsed');
} else {
$enNavbar.css('display', 'none');
}
})
var userMenuEl = document.getElementById('top-user-menu');
var enEl = document.getElementById('rightEnItem')
if (userMenuEl) {
var width = userMenuEl.getBoundingClientRect().right - userMenuEl.getBoundingClientRect().left
enEl.style.right = width + 25 + 'px';
}
});
</script>
<div id="center-mian" class="center-main">
<div id="center-right-main" class="center-right-mian center-right-margin-40">
<div id="center-right-content" class="center-right-inner">
<div class="center-right-inner-mian center-clear-box-shadow">
<div class='homepage-qrcode-container'>
<!-- <img src="http://online.pubhtml5.com/mysz/mysz.png" style="width:80px;height:80px;display:block;"/> -->
</div>
<div class="center-homepage-upper">
<div id="center-banner-image" class="center-homepage-banner-context">
<img class="banner-img cc-hide" src="https://online.pubhtml5.com/bannerlogo.jpg" />
<ul class="center-homepage-share-button">
<li>
<a id="center-homepage-share-in-google" href="javascript:void(0);" rel="publisher">
<img src="/center/images/social_google.png" style="width: 15px;">
</a>
</li>
<li>
<a id="center-homepage-share-in-facebook" href="javascript:void(0);" rel="nofollow">
<img src="/center/images/social_facebook.png">
</a>
</li>
<li>
<a id="center-homepage-share-in-twitter" href="javascript:void(0);" rel="nofollow">
<img src="/center/images/social_twitter.png">
</a>
</li>
</ul>
</div>
<div class="center-homepage-user-info">
<div id="center-user-image" class="center-homepage-user-avatar">
<img class="user-img cc-hide" src="https://online.pubhtml5.com/mysz/accountlogo.png" />
</div>
<div class="center-homepage-info-centent">
<div id="cneter-hompage-info" class="center-homepage-info-centent-inner center-homepage-info-margin">
<div class="center-homepage-button">
<div class="center-homepage-subscribe">
<div id="center-home-subscribe-btn" class="center-homepage-subBtn-common button-pure button-pure-blue">
<span class='center-home-subscribe-label'>
<span class="fa fa-rss"></span>
<span> Follow</span>
</span>
<span class='center-home-subscribed-label' style="display:none;">
<span class="fa fa-check"></span>
<span>Following</span>
</span>
<span class='center-home-unsubscribe-label' style="display:none;">
<span class="fa fa-times"></span>
<span>Unfollow</span>
</span>
<div></div>
</div>
<span id="center-homepage-subscribe-count" class="center-homepage-subscribe-count"></span>
</div>
<div class="center-homepage-bookcase">
<div id="center-homepage-not-self-bookcase" class="center-homepage-subBtn-common button-pure button-pure-teal">
<i class="fa fa-code cc-bold"></i> Embed
</div>
</div>
</div>
<div class="center-homepage-info-name">
<div class="name-info">selaras.coid</div>
<!--<div id="center-homepage-contact-email" class="contact-user"><img src="/center/images/email.png" /></div>-->
</div>
<div class="center-homepage-info-des" title="Selaras Linkbuilding is a small business, located in Indonesia, dedicated to offering and providing reliable technology services and support of linkbuilding, quality product and services to both personal and business customers.">Selaras Linkbuilding is a small business, located in Indonesia, dedicated to offering and providing reliable technology services and support of linkbuilding, quality product and services to both personal and business customers.</div>
<div class="center-homepage-info-web"><a rel="nofollow" target="_blank" style="cursor:pointer;" href="https://hadehana.com">https://hadehana.com</a>
</div>
</div>
</div>
<div class="center-dimensions-code">
</div>
</div>
</div>
<div class="center-homepage-mid"></div>
<div class="center-homepage-lower">
<div class="center-title">
<div id="center-homepage-homeText" class="center-title-text center-current-title">Home</div>
<div id="center-homepage-aboutText" class="center-title-text center-not-current-title">About</div>
</div>
<div class="center-clear-float">
<div id="center-homepage-centent" class="center-homepage-content">
<div id="center-homepage-outer-centent" class="center-homepage-outer-centent">
<div class="center-hmePage-home-count cc-hide">
<div class="vertical-content">
<p>This bookcase is encrypted.</p>
<input class="cc-input-text" placeholder="Type your password..." type="password">
<div class="button-pure">Enter</div>
</div>
</div>
<div id="center-homepage-inner-centent" class="center-inner-content"></div>
<div id="center-hmePage-home-loading" class="ff-loading"><i class="fa fa-spinner fa-spin"></i></div>
</div>
<script type="text/javascript">
(function($) {
$(function() {
var homeUserId = "382869";
var $innerCentent = $("#center-homepage-inner-centent"),
$loadingPageBottom = $("#center-hmePage-home-loading");
var waterPanel = null,
loading = true,
hasData = true,
pageSize = 20;
var queryReminder = $("<div style='text-align: left;line-height: 26px;'></div>")
.append("<p style='font-weight: bold;'>Your search didn’t return any result.</p>")
.append("<p style='font-weight: bold;padding: 8px 0px 2px 0px;'>Tips for better search results:</p>")
.append($("<ul style='margin-left: 24px;'></ul>")
.append("<li style='list-style: disc;'>Double check spelling.</li>")
.append("<li style='list-style: disc;'>Try broader search terms or fewer words.</li>")
.append("<li style='list-style: disc;'>Don’t include words like a, the, of, for.</li>"));
var keyword,
categoryId = -1,
languageID = -1;
var home_current_time = utils.formatDate(new Date(), "yyyy-MM-dd hh:mm:ss")
var home_current_page = 1
function loadBooks(categoryId, languageID, isFirstLoad) {
$.ajax({
url: "/hostInfo/get-homepage-books.php",
type: "POST",
dataType: "json",
data: {
// language: languageID,
pageSize: pageSize,
lastTime: home_current_time,
userid: "382869",
page: home_current_page,
myUid: fh5.isLoggedIn ? "382869" : "-1"
},
beforeSend: function() {
loading = true;
if (isFirstLoad) {
$innerCentent.empty();
hasData = true;
}
$loadingPageBottom.css({
display: 'inline-block'
});
},
success: function(data) {
var books = data.values;
loading = false;
$loadingPageBottom.hide();
if (data.status == 1) {
if (isFirstLoad) {
if (books.length == 0) {
$("<div class='cc-water-end'>No books yet!</div>").appendTo($innerCentent);
}
waterPanel = new WaterPanel({
container: $innerCentent,
itemWidth: 230,
offsetX: 20,
offsetY: 20,
books: books,
keyword: keyword,
isInCenter: true,
isInHome: true
});
} else {
waterPanel.load(books);
}
if (books.length < pageSize) {
//$("<div class='cc-water-end'>No books yet!</div>").appendTo($innerCentent);
hasData = false;
}
} else {
}
},
error: function(error) {
loading = false;
$loadingPageBottom.hide();
}
});
}
// All
loadBooks(categoryId, languageID, true);
// bind scroll event
$(window).on("scroll", function() {
if (hasData && !loading && ($(document).height() - window.innerHeight - $(window).scrollTop()) < 1000) {
loading = true;
home_current_page = home_current_page + 1;
loadBooks(categoryId, languageID, false);
}
});
});
})(window.jQuery);
</script> <div id="center-homepage-about-info" class="center-homepage-about-userInfo">
<div id="center-homepage-about-description" class="center-flip-widget">
<div class="center-flip-widget-front ">
<div id="center-homepage-about-text" class="center-homepage-about-text">Selaras Linkbuilding is a small business, located in Indonesia, dedicated to offering and providing reliable technology services and support of linkbuilding, quality product and services to both personal and business customers.</div>
</div>
</div>
<div id="center-homepage-about-web" class="center-flip-widget">
<div class="center-flip-widget-front ">
<div class="center-homepage-about-web-container">
<div>
<a id="center-homepage-web-text" target="_blank" style="cursor:pointer;"
href="https://hadehana.com">
<!-- <img src="http://www.521php.com/api/fav/?url=https://hadehana.com"/> -->
<span>https://hadehana.com</span>
</a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$(function () {
});
})(window.jQuery);
</script> </div>
</div>
</div>
</div>
<script type="text/javascript">
(function($) {
$(function() {
var bookcaseURL = "https://pubhtml5.com/bookcase/yfhc";
$(".homepage-qrcode-container").qrcode({
width: 77,
height: 77,
text: bookcaseURL
});
var $userImg = $("#center-user-image"),
$bannerImg = $("#center-banner-image"),
$centent = $("#center-homepage-centent"),
$homeBtn = $("#center-homepage-homeText"),
$aboutBtn = $("#center-homepage-aboutText"),
$loading = $("#center-hmePage-loading"),
uEmail = "selaras.coid@gmail.com";
utils.autoFit($userImg, $userImg.find(".user-img"));
utils.fullFill($bannerImg, $bannerImg.find(".banner-img"));
utils_ff.center.name = "selaras.coid";
utils_ff.center.about = "Selaras Linkbuilding is a small business, located in Indonesia, dedicated to offering and providing reliable technology services and support of linkbuilding, quality product and services to both personal and business customers.";
utils_ff.center.web = "https://hadehana.com";
utils_ff.center.caption = "selaras.coid";
$("title").html("selaras.coid" + " | PubHTML5");
var isSubscribedFlag = "", // true: 已订阅 , false: 未订阅
subcribeBtn = $("#center-home-subscribe-btn"),
subscribe = subcribeBtn.find(".center-home-subscribe-label").css({
display: isSubscribedFlag ? "none" : "inline"
}),
subscribed = subcribeBtn.find(".center-home-subscribed-label").css({
display: isSubscribedFlag ? "inline" : "none"
}),
unsubscribe = subcribeBtn.find(".center-home-unsubscribe-label").hide(),
isSubAble = true;
var $count = $("#center-homepage-subscribe-count");
$count.html(utils_ff.fromatInt("0")).attr("title", "0");
subcribeBtn.removeClass(isSubscribedFlag ? "button-pure-blue" : "button-pure-green").addClass(isSubscribedFlag ? "button-pure-green" : "button-pure-blue");
var subscribeFn = function() {
if (isSubAble) {
if (isSubscribedFlag) {
$.ajax({
url: "/center/db/del-subscribe-online.php",
type: "post",
dataType: "json",
data: {
userid: fh5.uId,
sub_userid: "382869"
},
beforeSend: function() {
utils.addSpin(subcribeBtn);
isSubAble = false;
},
success: function(data) {
if (data.status == "1") {
subcribeBtn.removeClass("button-pure-green").addClass("button-pure-blue");
subscribe.show();
unsubscribe.hide();
subscribed.hide();
isSubscribedFlag = false;
var l = "mysz";
delSubscribe(l);
} else {
subscribe.hide();
unsubscribe.hide();
subscribed.show();
}
utils.removeSpin(subcribeBtn);
isSubAble = true;
},
error: function(error) {
utils.removeSpin(subcribeBtn);
subscribe.hide();
unsubscribe.hide();
subscribed.show();
isSubAble = true;
}
});
} else {
$.ajax({
url: "/center/db/add-subscribe-online.php",
type: "post",
dataType: "json",
data: {
userid: fh5.uId,
sub_userid: "382869"
},
beforeSend: function() {
utils.addSpin(subcribeBtn);
isSubAble = false;
},
success: function(data) {
if (data.status == "1") {
subcribeBtn.removeClass("button-pure-blue").addClass("button-pure-green");
subscribe.hide();
unsubscribe.hide();
subscribed.show();
isSubscribedFlag = true;
var uLogo = "accountlogo.png";
var name = "selaras.coid"
addSubscribe("mysz", "http://" + fh5.AS3BucketName + "/" + ((uLogo === "" || uLogo == null) ? "accountlogo.jpg" : "mysz" + "/" + uLogo), (name === "" || name == null) ? "selaras.coid@gmail.com".match(/(.*)@/)[1] : name);
} else {
subscribe.show();
unsubscribe.hide();
subscribed.hide();
}
isSubAble = true;
utils.removeSpin(subcribeBtn);
},
error: function(error) {
utils.removeSpin(subcribeBtn);
subscribe.show();
unsubscribe.hide();
subscribed.hide();
isSubAble = true;
}
});
}
}
};
subcribeBtn.on({
"mouseover": function() {
if (isSubscribedFlag) {
subscribe.hide();
subscribed.hide();
unsubscribe.show();
} else {
subscribe.show();
subscribed.hide();
unsubscribe.hide();
}
},
"mouseout": function() {
if (isSubscribedFlag) {
subscribe.hide();
subscribed.show();
unsubscribe.hide();
} else {
subscribe.show();
subscribed.hide();
unsubscribe.hide();
}
},
"click": function() {
if ("") {
return;
}
if ("1") {
new SignInPanel({
callback: function() {
subscribeFn();
setTimeout(function() {
location.reload();
}, 500);
}
});
} else {
subscribeFn();
}
}
});
$("#center-homepage-not-self-bookcase").on("click", function() {
new BookcaseEmbedPanel({
url: "http://pubhtml5.com/bookcase/yfhc",
caption: utils_ff.center.caption,
isSelf: false,
domainUrl: ""
});
});
$homeBtn.on("click", function() {
$homeBtn.addClass("center-current-title").removeClass("center-not-current-title");
$aboutBtn.removeClass("center-current-title").addClass("center-not-current-title");
$(".center-homepage-outer-centent").show();
$(".center-homepage-about-userInfo").hide();
});
$aboutBtn.on("click", function() {
$aboutBtn.addClass("center-current-title").removeClass("center-not-current-title");
$homeBtn.removeClass("center-current-title").addClass("center-not-current-title");
$(".center-homepage-outer-centent").hide();
$(".center-homepage-about-userInfo").show();
});
sta.homepageVisit("382869", "stat.pubhtml5.com/statistic-server/", "pubhtml5");
var shareUrl = window.encodeURIComponent("http://pubhtml5.com/homepage/mysz"),
openName = "selaras.coid",
openWidth = 580,
openHeight = 330,
oprnLeft = (window.innerWidth - 20 - openWidth) / 2,
openTop = (window.innerHeight - 10 - openHeight) / 2,
$facebookShareBtn = $("#center-homepage-share-in-facebook"),
$googleShareBtn = $("#center-homepage-share-in-google"),
$twitterShareBtn = $("#center-homepage-share-in-twitter");
if (typeof FB != "undefined") {
FB.init({
appId: "552959651503135",
status: true,
cookie: true
});
}
var dynamicLoad = function(jsFlie, callbackFn) {
var _doc = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', jsFlie);
_doc.appendChild(script);
script.onload = script.onreadystatechange = function() {
if (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') {
callbackFn();
}
script.onload = script.onreadystatechange = null;
}
}
$facebookShareBtn.on("click", function() {
if (typeof FB != "undefined") {
var obj = {
method: 'feed',
link: "http://pubhtml5.com/homepage/mysz".replace("http", "https"),
picture: 'http://online.pubhtml5.com/mysz/mysz.png',
description: "Selaras Linkbuilding is a small business, located in Indonesia, dedicated to offering and providing reliable technology services and support of linkbuilding, quality product and services to both personal and business customers."
};
FB.ui(obj);
} else {
dynamicLoad("//connect.facebook.net/en_US/all.js", function() {
FB.init({
appId: "552959651503135",
status: true,
cookie: true
});
var obj = {
method: 'feed',
link: "http://pubhtml5.com/homepage/mysz".replace("http", "https"),
picture: 'http://online.pubhtml5.com/mysz/mysz.png',
description: "Selaras Linkbuilding is a small business, located in Indonesia, dedicated to offering and providing reliable technology services and support of linkbuilding, quality product and services to both personal and business customers."
};
FB.ui(obj);
});
}
});
$googleShareBtn.on("click", function() {
var openUrl = "https://plus.google.com/share?url=" + shareUrl.replace("http", "https");
window.open(openUrl, openName, "height=" + openHeight + ", width=" + openWidth + ", top=" + openTop + ", left=" + oprnLeft);
});
$twitterShareBtn.on("click", function() {
var openUrl = "https://www.twitter.com/share?url=" + shareUrl.replace("http", "https");
window.open(openUrl, openName, "height=" + openHeight + ", width=" + openWidth + ", top=" + openTop + ", left=" + oprnLeft);
});
$facebookShareBtn.add($googleShareBtn).add($twitterShareBtn).on("click", function() {
sta.homepageShare("382869", "stat.pubhtml5.com/statistic-server/", "pubhtml5");
});
var $emailContext = $("<div class='center-homepage-share-email'></div>"),
$sendContent = $("<div class='center-homepage-share-email-content'></div>"),
$fromEmail = $("<div><input class='cc-input-text' placeholder='Your Email...'/></div>"),
$fromName = $("<div><input class='cc-input-text' placeholder='Your Name...'/></div>"),
$message = $("<div><textarea class='cc-input-text' rows='4' placeholder='Message...'></textarea></div>"),
$sendButton = $("<div class='center-homepage-share-email-button cc-float-fix'></div>"),
$emailWarn = $("<span class='cc-success-color'></span>");
$sendBtn = $("<div class='center-homepage-share-email-send button-pure button-pure-green'>Send</div>"),
$cancelBtn = $("<div class='center-homepage-share-email-cancel button-pure'>Cancel</div>"),
$outArrow = $("<div class='center-homepage-add-out-arrow'></div>"),
$arrow = $("<div class='center-homepage-add-inner-arrow'></div>"),
$emailTitle = $("<div class='center-homepage-contact-title'><span>Contact selaras.coid</span></div>");
$emailContext
.append($outArrow)
.append($arrow)
.append($emailTitle)
.append($sendContent
.append($fromName)
.append($fromEmail)
.append($message)
)
.append($sendButton
.append($emailWarn)
.append($sendBtn)
.append($cancelBtn)
).appendTo($("body"));
$fromEmail.children('input').add($fromName.children('input')).on("input propertychange change", function() {
$(this).removeClass("cc-validate-fail");
});
var shareInEmailFn = function() {
//return;
var $fromEmailInput = $fromEmail.children("input"),
$fromNameInput = $fromName.children("input"),
$messageInput = $message.children("textarea"),
fromEmailVal = $fromEmailInput.val().trim(),
fromNameVal = $fromNameInput.val().trim(),
messageVal = $messageInput.val().trim();
if (fromNameVal == "") {
$fromNameInput.addClass("cc-validate-fail");
$fromNameInput[0].focus();
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html("<i class='icon icon-exclamation-sign'></i> Please enter your name.").show();
return;
}
$fromNameInput.removeClass("cc-validate-fail");
if (fromEmailVal == "") {
$fromEmailInput.addClass("cc-validate-fail");
$fromEmailInput[0].focus();
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html("<i class='icon icon-exclamation-sign'></i> Please enter your email.").show();
return;
} else {
var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
if (!reg.test(fromEmailVal)) {
$fromEmailInput.addClass("cc-validate-fail");
$fromEmailInput[0].focus();
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html("<i class='icon icon-exclamation-sign'></i> Invalid email address.").show();
return;
}
}
$fromEmailInput.removeClass("cc-validate-fail");
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html("");
$.ajax({
url: "/center/db/contact-homepage-user.php",
type: "post",
dataType: "json",
data: {
fromName: fromNameVal,
fromEmail: fromEmailVal,
fromMessage: messageVal,
toLink: "mysz"
},
beforeSend: function() {
utils.addSpin($emailContext);
},
success: function(data) {
utils.removeSpin($emailContext);
if (data.status == '1') {
$emailWarn.addClass('cc-success-color').removeClass('cc-error-color').html("<i class='icon icon-ok'></i> Sent successfully!").show();
} else {
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html(fh5.pageData.tips.ConnectionError).show();
}
//$emailContext.hide();
//emailFlag = false;
},
error: function(error) {
utils.removeSpin($emailContext);
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html(fh5.pageData.tips.ConnectionError).show();
}
});
};
var emailFlag = false;
$("#center-homepage-contact-email").on("click", function(event) {
if (emailFlag) {
$emailContext.hide();
emailFlag = false;
} else {
$emailContext.css({
left: $(this).offset().left - 420 / 2 + 12,
top: $(this).offset().top + $(this).outerHeight() + 10
}).show();
$fromEmail.children('input').add($fromName.children('input')).add($message.children("textarea")).val("");
$fromName.children('input').removeClass("cc-validate-fail").focus();
$fromEmail.children('input').removeClass("cc-validate-fail");
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html("");
emailFlag = true;
}
event.preventDefault();
event.stopPropagation()
return false;
});
$cancelBtn.on("click", function(event) {
$emailContext.hide();
emailFlag = false;
event.preventDefault();
event.stopPropagation()
return false;
});
$sendBtn.on("click", function(event) {
shareInEmailFn();
event.preventDefault();
event.stopPropagation()
return false;
});
$emailContext.on("click", function(event) {
event.preventDefault();
event.stopPropagation()
return false;
});
$(document).on("click", function(event) {
if (emailFlag) {
$emailContext.hide();
emailFlag = false;
}
});
});
})(window.jQuery);
</script> </div>
</div>
</div>
<script type="text/javascript">
(function($) {
$(function() {
$("#center-mian").css({
paddingLeft: 0
});
$("#center-right-main").css({
width: '80%'
}).removeClass("center-right-margin-40");
});
})(window.jQuery);
</script>
</body>
</html>