Header ads

How to Make a cPanel Login on Blogger With Github Hosting


How to Make a cPanel Login on Blogger With Github Hosting . Related to the discussion of making cPanel logins in blogger, in fact I have already mentioned in my previous article " How to Make a Blogger Login Button on AMP and Non AMP Blogs ". However, this method is a bit difficult to make because each must set and get a Google Client ID .

From the evaluation I finally made this login button again and I focused on it as a tutorial for setting the blogger templateIn the template I have installed a login button with the show - hidden icon. If the login button icon is clicked, the blogger login integrated with the google key will appear as if cPanel is like a website with a self-hosting wordpress platform.

With the modification of the Google auto script and client ID - no limit to the domain name - will certainly make it easier for you to slightly change the script that you need to replace later. You must first upload this script to the services github.com  and statically.io . That way, of course you have to know the github.com and statically.io services so that you will not be confused.

Get to know Github.com and its functions


If you are a developer or template design / template redisgn then surely you know what github is and what github functions. But not denied anymore, most may not know Github, how Github works and the function of Github itself. Therefore the need for a brief explanation related to this one service.

What is Github?


Quoting from the Klikfadhil statement  that Github is a website-based application that provides a repository storage service  (a place to store files in the form of source code ) for free. I simply state that Github is a free hosting service forever with better performance than Google Drive. Github itself is usually used to store source code  in the form of queries, CSS, HTML, and JavaScript.

GitHub hosting is already popular and many use this hosting in the world of the web, because of the excess server speed from MxDCN and it is suitable for hosting blog files and websites such as HTML, Javascirpt and CSS bloggers and wordpress blogs. But GitHub can work more optimally with the help of RawGit / Statically to process rewrite from GitHub.

What is the function of Github?


In terms of service for me, Github is a third party hosting source code storage With file storage will certainly speed up loading the blog because it shortens the code. Besides this there are certainly other functions, including:

  1. We can follow other programmers, so what the programmers you follow can do.
  2. Star, functions the same as Bookmark
  3. Watch, oversee certain repositories. So when there are changes, then you will get a notification
  4. Fork, this is like copy paste. When you find another programmer's source code , you can fork so that the next day no need to bother looking for that source code . Just open it in your repository.
From this explanation, I at least underline that Github is a service for storing files in the form of JavaScript, CSS, HTML or similar. This Github can work optimally if it is connected with a CDN service like statically.io  to process rewrites from Github.

Without the Github CDN service it is only limited to storing the code and we will not be able to see the results of these codes if it is not rewritten via the CDN service. For example, we will edit the template through HTML editing, we add a code and we save it if we can see the appearance of the HTML edit ?, Of course the answer is no. This is because HTML editing is only limited to displaying codes, so if you want to see the results you have to click View the  domain you are using, right ?.

We will use this Statically service to rewrite the Blogger login HTML code and the main direct for the Google Client ID. That way you no longer have to create a new client ID because the client ID that I created can be used for all domains.

Alright, before going to the way to create a Blogger login, we should know how to register with Github, upload files on Github, and rewrite Github files to Statically. To save time you can follow the following way.

How to Register on Github


First,  go to the github.com page 

Second,  click SignUp  (located in the top right corner)

How to Make a cPanel Login on Blogger With Github Hosting

Description:

Username  : write your username as you wish (no spaces)
Email Address  : Write your active email here to make verification later.
Password  : write the password as you wish. Make sure the password has a high weight such as combining upper and lower case letters, numbers and symbols.
Email Preferences  : Check the button that says "Send me occasional ..."
Verify Your Account  : in this verification you must click Verify to get to the next stage. Usually the fermentation is in the form of an animal pazle whose direction is not right, all you have to do is click to turn it to the right direction if you just click "Done".

Third, Click Next Select a plan. Once successful, you will be shown the Choose Free  and Choose Pro options . Just click the Choose Free

Done , until this step you already have a Github account. In the future maybe if you log in sometimes you need a verification code, the code will be sent via the active email that you registered. Therefore, make sure the email you register is still active and functioning and you remember the email password.

You can see the email you registered earlier, there will be an incoming email from Github for verification.

How to Make a cPanel Login on Blogger With Github Hosting


How to Upload Files on Github


Before uploading files on Github, of course you have to prepare the file first. To create a blogger login, I have prepared the script. Just copy the script below

<! DOCTYPE html>
<html>

<head>

<meta charset = 'utf-8' />

<meta content = 'width = device-width, minimum-scale = 1, initial-scale = 1' name = 'viewport' />

<meta content = 'IE = 9;
IE = 8; IE = 7; IE = EDGE; chrome = 1 'http-equiv =' X-UA-Compatible '/>

<meta content = '953780238767-l5jlcvvmiafnm93scs5vs2trohr2qt4k.apps.googleusercontent.com' name = 'google-signin-client_id' />

<title> CPanel Login </title>

<link href = 'https: //fonts.googleapis.com/css? family = Roboto: 300,300i, 500,500i, 700,900' rel = 'stylesheet' type = 'text / css' />

<style type = 'text / css'>

body {background: #fff; color: # 555555; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 100%; text-align: left; margin: 0}

a: link {text-decoration: none}

#loginblog .btn-info {margin: 0 0 0 20px;}

. blog-admin a.btn-danger {margin: 0 0px 0 20px; z-index: 2; position: absolute; top: 4px; right: 0;}

.post # innerlogin, .blog-admin {display: none}

#innerlogin {display: inline-block;}

a.btn-danger, a.btn-info, a.btn-primary, a.btn-success, a.btn-warning {color: #fff! important}

.btn, .btn: active {background-image: none}

.btn {font-weight: 400}

.btn {display: inline-block; padding: 6px 12px; margin-bottom: 5px; font-size: 14px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px}

.btn: active: focus, .btn: focus {outline: 0}

.btn: focus, .btn: hover {color: # 333; text-decoration: none; outline: 0}

.btn: active {outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba (0,0,0, .125); box-shadow: inset 0 3px 5px rgba (0,0,0, .125 )}

.btn-info {color: #fff! important; background-color: # 5bc0de; border-color: # 46b8da}

.btn-info: focus {color: #fff; background-color: # 31b0d5; border-color: # 1b6d85}

.btn-info: active, .btn-info: hover {color: #fff; background-color: # 31b0d5; border-color: # 269abc}

.btn-danger {color: #fff! important; background-color: # d9534f; border-color: # d43f3a}

.btn-danger: focus {color: #fff; background-color: # c9302c; border-color: # 761c19}

.btn-danger: active, .btn-danger: hover {color: #fff; background-color: # c9302c; border-color: # ac2925}

.btn-xs {font-size: 12px; line-height: 1.5; border-radius: 3px; padding: 1px 5px}

# gSignIn, # gSignIn> div {margin: 0 auto}

#gSignIn {width: 100%}

.log_in .profile {background: #fff; border: 1px solid #ccc; border-color: rgba (0,0,0, .2); color: # 000; -webkit-box-shadow: 0 2px 10px rgba ( 0,0,0, .2); box-shadow: 0 2px 10px rgba (0,0,0, .2); outline: 0; overflow: hidden; webkit-border-radius: 2px; border-radius: 2px; padding: 10px; margin: 10px auto 0; width: 350px; height: auto; text-align: left}

.log_in .profile p {margin: 0}

.log_in .profile p.button_login {margin: 10px 0 0}

.log_in .head {margin-bottom: 10px}

.log_in .head a {float: right}

.log_in .profile img {width: 100px; float: left; margin: 0 10px 10px 0}

.log_in .proDetails {float: left}

.log_in h3 {margin: 0 auto 40px}

.login_box {}

.log_in {width: 100%;}

.log_in. button_close {color: #efefef; position: absolute; top: 10px; right: 10px; font-family: Arial; font-size: 40px; font-weight: lighter; width: 20px; height: 20px; line- height: 20px; text-align: center; text-decoration: none;}


@media screen and (max-width: 414px) {

.log_in .profile {width: 90%; - moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.log_in .proDetails {font-size: 12px! important; line-height: 1.1}

.log_in .profile img {width: 60px;}

}

@media screen and (max-width: 375px) {

.abcRioButton {width: 100%! important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.abcRioButtonContents {font-size: 14px! important}

.log_in .profile img {width: 40px;}

}

@media screen and (max-width: 320px) {

.log_in .proDetails {font-size: 10px! important; line-height: 1.1}

}

</style>

</head>


<body>

<div class = "login_box">

<div class = "log_in">

<div style = "text-align: center; margin: 50px auto 0">

<! - <img alt = "Logo" class = "logo" width = "50" height = "50" src = "data: image / png; base64,/// iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAA4VBMVEX 96GxvnggD54MDzwIDsokG8jY3exsbwsWHGm9icVFTohgn20KD7 + fmLOTnyr1iscnLpkiF + IiLGirD98 + jNqamweXmHMDDvqVH659D38vL87 + D99 / Du4 + Ooa2ugXFzm1dXyuXH21KjRsbHzxIjsmjHEnJzsnjmTR0efRxWONxmxWBOEKxn869W6YBHo1 / DX5 / bizOvdw + fRrd9 + Ixnfp53SseDYdwbKbAz648XuuYrhrHX1xIXOqaC2Zivlr5ijVC7Qlar28PnKoJDGkcGWQBjTcwnTmmeyeWy9hGPNmr0S7HuIAAAHtklEQVR4nO2ZeXubRhDGQSAJg7CELHShA0lYlu36SJzYVps2bZqmx / f / QJ3Zi + WIHV11 / HR + / 4iFZZl3d2b2kGEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQOSLLsgYvbcTOjOygggQN / 6VN2YnEq0g8 + 6WN2R6 / WdFxXtqerWE6PAdiJAlesxIbjbdFbMzRyWYva9CWWKijoYprVPIas1cHvSnBq / Wc2Y / C + + OiAoFmz2bRHcOcUboCjtUyzfmyaZnup1e7CDaWsZpo1cQkVVZ0l1IlVKV7BI7iT6j8MSUXEBOpoNhNxa82FLGtu2zRDVdvvgUlK2FeErDJmQ6ln1GqrzMDun0ZFREjEdDQxYV3xOygESnHPPFbVF2CjuXpaSIx1elrp0BpSHRULrOdCmkJIooSguWNZ vC7dN144taWQ7127LpdVQhdNxSXE9dVt8euO9VeGdZWhum26geyX9HHf4JGqmK5kBqrI0NiqQ / ooRjJiRCE + A7TgU5mFYTE4gW / bbY168uFwCU8aIlSqLnioZgHci7HVcmcedYVXsGdeSpkmvoJWNWKU98qFVI3TXfYNntiXjq8a1ln6aIkwK + uP3xIUAfLWh0uJK7XIU8t5DtT1LZSI1QqpIu + NElf6moBsz / 8cOrCTFDvNIKKzlxXKNKYTL89pYN39FKZj0J4RCDiCz2zPcSkMJGfhHaM4 / 26V9ztiY9ePGZ0VDxLVRrgzN4RQmCeM9NuD1laHZsyjZUJAc + a8mBS + 4E6TIh79a9F20w5zymRaxSmAyd2PdiFEpffcaVvlblWi2epluaQAHSga + YLKI / F + fkFv3jISgkSWP02WOCcjnQhYAXvXTkUoZzvSoTIoeADoxiu0oS8Fx3nzKUeLn8ojklKlTuFEtIVI4DBsXDdyVCGb4kQDI46rLWGLFRSFmnVHWHz7XWlcmbb9sx7QCWX5Tr6wrmVkIkQgukKlx / 1acHplBB4tMBZM + xmJ8J4b4utKdNRZfnVGCVMyZey4VBhL4WAt5g + t2Vl1IFxKOa7ohCW1yBnQ94WUeHzbqnta4IH / zb / QKe5fXt / A21bjxgmWQ1njm1pRw9iHsH + 7wpbRBKV811RSJh2fI8vkxe9SVjHtlb7OdXACLkGHW + OgDtU8k53Ls9pFPZSch6BrvWFrXKRNeU5qSjETWO6y3Wz9Azp9zjeiw5s9t2DZfhHn09OTj6 / HTU / iKDBhDUve0UIaU + 5T2hLEznfFYQMc8teA6dgEGesavuaRqAPL04N4wZ1nJz8A3f + Zp19qU0hrwLolgtYGt4wHSe / jeRq2zw / 67y0bRvxFxficyHvI75pZduk8fNvf0f8Dib / Cb8f2YAkHb5pZfQWz779HTGGJPUr / K5 / fp / + oz0Xm1Y5KAc / 4dgjmKR + hl / rg406cPGjS1n + B / VQ / fAT2ouJ1I9GBR3Mw6a1xb7CZTTaU0MldC7R2m6M135Y1ME57mpanMy8H7EbjfRZQ51dCMTixmoGthM4cqljw07a9qozWYZ9W1V9Yg6TmCpknnwd + 5I7EewQe1 + RweiqpcR2QvAk2cZXE00IW4yOiubi6cd6QyGGc / 2U / SnTzKJIb70ghKP3KprmOYOB4 / EjDS4ksuyqbEdv0MddnDr7 / 1YhhvN4 / pT9tVqNb4UzSjYUMpDbZstjJxhcCP7OxBt6g2xE1cvfLAS + / nB5US5jImJjgVL0vd2GQvrKpWbi3wkppOPxHbTeIAyTp2JrAyFGhCP + 5fH6 / F1OR0tViVFJvK2QEVgmMlYHLnUhRsDLWoMjGLVG6lsbCIF3G7BDtNf + YppxK60GbiUnaXEzIQOt9ik / jFFCPF5NaxBENFGMv4UQzWBNSgzlT / dHR7i8x4Wytt3eTMhci90 + dxopRGrUGqxijb46VdtSiIgHBPcNn3DHdXRvsAMQ7bh2MyGJ7H5DRbcQ4leFwWmDHfY / DGhv7ijEiPkGkO2O3jIhR7dwaeoHBXrrMxXJKETtxp4XYsEMKU7LtAYTNny + 8q3thRjjYyXkjgt5w4Wkwa + 3rplZ1Say510LJ0TPzpt7xis0ZZ / sIMQY96SQey7k5ikhmplVHsl5Iblgjww5IgE / KNcbjCq56N9FCAsIZvYt03Fn8LSVHqbprcP1Gb9Cf1BVculXGNzx9PQ7V4OpGsQH82q1inlrtLMQtuNlSQrPV + 4 + GXzrmG5QMiuKgHcyS5z9MiHoTyIJJNkJ8UxM9GmD0NgABrYyd0rm / M3xV3IA / FuMdDy0Uv / S5FtPRAH / 0k6Pj / JLFPZkkFuiDGRykg1e4WsWEFnFxLwNMZ7Rp6eAbKei / ZuRaR2HpDr3G4E + IMVFox1dzTKLRvzti / QgG7TTzBHwgIMnp5ZgGyX4t7hSwnRoA5Lrpgi + GUTaAXFBiO / IZbwwU5sQT / UGlZuqtG5pW4JthLBjYXMVQqCMuzg8vVh7mBvvkROAkNNEfz8jBOK66tmO19c3VuxChI9ocK0Sh7reWcjQzSwgMzpKiPxnT8Ki6LkaB6Kr6Th + XedcOeKJXAe / qkOuMoYh7BBr8UubQRAEQRAEQRAEQRAEQRAEQRAEQRAEQRAEQRAEQRAEQRAEQRAEQRAEQRAE8T / kX8RbdkemknQ5AAAAAElFTkSuQmCC "/> ->

<h3> Login to CPanel </h3>

<! - HTML for rendering Google Sign-In button ->

<div id = "gSignIn"> </div>

<! - HTML for displaying user details ->

<div class = "userContent"> </div>

</div>

<! - <a class = "button_close" href = "https:// Seller-belionlineku.blogspot.com/" title = "Homepage"> × </a> ->

</div>

</div>

<script src = 'https: //ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type = 'text / javascript'> </script>

<script async = "" defer = "" src = "https://apis.google.com/js/platform.js"> </script>

<script async = "" defer = "" src = "https://apis.google.com/js/client:platform.js?onload=renderButton"> </script>

<script>

// <! [CDATA [

 function onSuccess (googleUser) {

    var profile = googleUser.getBasicProfile ();

    gapi.client.load ('plus', 'v1', function () {

        var request = gapi.client.plus.people.get ({

            'userId': 'me'

        });

        // Display the user details

        request.execute (function (resp) {

            var profileHTML = '<div class = "profile"> <div class = "head"> Welcome' + resp.name.givenName + '!
<a class = "btn btn-danger btn-xs" href = "https://blibliblogger.blogspot.com/logout?d=https://draft.blogger.com/logout-redirect.g?blogID%3D
8258721170595471338 "target =" _ blank "rel =" noopener "onclick =" signOut (); "> Sign out </a> </div> ';
            profileHTML + = '<img src = "' + resp.image.url + '" /> <div class = "proDetails"> <p> Name:' + resp.displayName + '</p> <p> Email:' + resp.emails [0]. value + '</p> <p> Gender:' + resp.gender + '</p> <p class = "button_login"> <a class = "btn btn-info btn-xs" href = "https://draft.blogger.com/blogger.g?blogID=
8258721170595471338 " target = "_ blank"> Dashboard </a> <a class = "btn btn-info btn-xs" href = "https: / /draft.blogger.com/blogger.g?blogID= 8258721170595471338 #editor "target =" _ blank "> New Post </a> <br/> <a class =" btn btn-info btn-xs "href =" ' + resp.url + '"> View Google+ Profile </a></p> </div> <div class = "clear"> </div> </div> ';
            $ ('. userContent'). html (profileHTML);

            $ ('# gSignIn'). slideUp ('slow');

        });

    });

}

function on File (error) {

    alert (error);

}

function renderButton () {

    gapi.signin2.render ('gSignIn', {

        'scope': 'profile email',

        'width': 240,

        'height': 50,

        'longtitle': true,

        'theme': 'dark',

        'onsuccess': onSuccess,

        'onfailure': onFailure

    });

}

function signOut () {

    var auth2 = gapi.auth2.getAuthInstance ();

    auth2.signOut (). then (function () {

        $ ('. userContent'). html ('');

        $ ('# gSignIn'). slideDown ('slow');

    });

}

//]]>

</script>

</body>

</html>
Note:

Make sure before saving this code the Blog ID marked in red ( 8258721170595471338 ) You will change it with your own Blog ID. To find out your Blog ID you can see it in your blogger.com Address Bar.

How to Make a cPanel Login on Blogger With Github Hosting

Before you change your Blog ID, Copas the file first to Notepad ++ (if you don't have Download Notepad ++  first). If it has been copied, please change the Blog ID (there are 3 Blog IDs) then save it with the name cPanel.html

Now the file is ready and you can upload it to Github with the following steps:

First,  go to github.com

Second, click SignIn  (located in the upper right corner). Enter the username and password that you created earlier. Later you will be asked to enter a verification code to enter the Github page. Just open your email and type the verification code.

Third, Create a new repository by clicking the + (plus) icon in the upper right corner, select New Repository

How to Make a cPanel Login on Blogger With Github Hosting

Fourth, after you click on the new repository you will be directed to the menu as shown below
How to Make a cPanel Login on Blogger With Github Hosting

Repository Name  : write the name you want if the example here I give the name "login".
Description  : give a description to your liking, for the example here I will give a "blogger login" description.
Select Public  to be accessible and seen by visitors.
Also check Initialize this repository ...

If you have clicked on Create

Fifth Repository ,  you will enter as shown below

How to Make a cPanel Login on Blogger With Github Hosting

Just click upload  files  then select Choose Files and a  pop up folder will appear. Search for the file that you created earlier cPanel.html  select the file and click Open  then click Commit Changes

How to Make a cPanel Login on Blogger With Github Hosting

How to Make a cPanel Login on Blogger With Github Hosting

Done,  until here your cPanel.html  file has been successfully uploaded.

How to Rewrite Files on Github to Statically.io


To be able to display the results of the script that you uploaded on Github, you need the CDN service. Here, because the Google client ID points to the CDN statically  , you must use the rewrite service to statically.io  so that the blogger login menu works properly.

Well for the way, you can follow the steps below:

First,  enter Github then go to the file menu that you uploaded before. If you have right-click on cPanel.html  and select copy link address

How to Make a cPanel Login on Blogger With Github Hosting

Second,  go to the statically.io service

Third,  if you have entered paste the results of the file link from Github in the column. Later automatically there will be a new link below it. You can copy and paste the new link, because we will place the link in the Blibli Blogger HTML edit template


Fourth, done .

Changing the Blogger Login Code in the Blogger Blibli Template


First,  enter blogger.

Second,  click the theme / theme menu  then select Edit HTML

Third,  look for the name C-Panel.html  more or less the code will be like this

https://cdn.statically.io/gh/Azidzainuri/kode-azid/ca887473/C-Panel. html

If you have found replace the link with your cPanel.html link that was rewritten  by the Statically CDN service.

Fourth, click Save Template


What if this blogger login is used on templates other than blogger blog ?, it's easy. You just need to add CSS, HTML and Java Script code to your template. For the code, see below

the CSS Code

.btn, .btn: active {background-image: none}
.btn {padding: 6px 12px; margin-bottom: 5px; font-size: 16px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action : manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; border: 1px solid transparent; display: inline-block}

.btn: focus, .btn: hover {color: # 333; text-decoration: none; outline: 0}

.btn: active {outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba (0,0,0, .125); box-shadow: inset 0 3px 5px rgba (0,0,0, .125 )}

.btn-primary, .parse_box> section>: first-child {color: #fff; background-color: # 0095da; border-color: #fff}

.btn-primary: focus, .parse_box> section>: first-child: focus {color: #fff; background-color: # 0095da; border-color: #fff}

.btn-primary: active, .btn-primary: hover, .parse_box> section>: first-child: active, .parse_box> section>: first-child: hover {color: #fff; background-color: # 0095da; border-color: #fff}

.btn-lg {padding: 10px 16px; font-size: 16px; line-height: 1.3333333; border-radius: 6px; font-weight: bold}

.btn-sm, .btn-xs {font-size: 12px; line-height: 1.5; border-radius: 3px}

.btn-sm {padding: 5px 7px; margin-top: 15px; border: 2px solid # e0e0e0; background: # 0095da}

.btn-xs {padding: 1px 5px}

.parsesbox {width: 600px; max-width: 100%; position: fixed; top: 0; bottom: 0; right: 0; padding: 20px 20px 0; border-radius: 3px 3px 0 0; background: #fff; -webkit-box-shadow: 0 1px 18px rgba (0,0,0, .3); box-shadow: 0 1px 18px rgba (0,0,0, .3); z-index: 11002}

.parsesbox iframe {width: 100%! important; height: 100%; margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; overflow: hidden;}

# hide-parser {position: absolute; top: -20px; right: 20px; border-radius: 100%; width: 30px; height: 30px; line-height: 30px; padding: 0; font-size: 24px; text -align: center; margin: 0}

.slideInUp {-webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both}

@ -webkit-keyframes slideInUp {0% {- webkit-transform: translateY (100%); transform: translateY (100%); visibility: visible} 100% {- webkit-transform: translateY (0); transform: translateY ( 0)}}


@keyframes slideInUp {0% {- webkit-transform: translateY (100%); transform: translateY (100%); visibility: visible} 100% {- webkit-transform: translateY (0); transform: translateY (0)} }


HTML code

<div class = 'parsesbox slideInUp' hidden = '' id = 'kodeparse'>
<div class = 'btn btn-primary btn-xs' onclick = 'close_parsehtml ();'> & times; </div>

<iframe height = '400' src = 'https: //cdn.statically.io/gh/Azidzainuri/kode-azid/ca887473/C-Panel.html' title = 'html parse code' width = '500'> < / iframe>

</div>

<li> <span class = 'btn btn-sm btn-primary block-800' id = 'show-parse' onclick = 'open_parsehtml ();'> Login </span> </li>


Java Script Code
<script>
// <! [CDATA [

function open_parsehtml () {document.getElementById ("kodeparse"). style.display = "block";};

function close_parsehtml () {document.getElementById ("kodeparse"). style.display = "none";};

//]]>

</script>


Thus my article is related to how to create a cPanel login on Blogger with Github. May be useful.

If you have questions you can contact me directly via WA.

Post a Comment

0 Comments