埋め込み機能
- 小物アプリ(新:背景白ぼかし、文字黒)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
.sdw {
text-shadow: 0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://calculator.apps.chrome/','_blank','width=420,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font class="sdw" size="5" color="#FFFFFF">📱</font><br>
<font class="sdw" size="2" color="#000000"><b>電卓</b></font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
.sdw {
text-shadow: 0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://keep.google.com/u/0/','_blank','width=497,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font class="sdw" size="5" color="#FFFFFF">📝</font><br>
<font class="sdw" size="2" color="#000000"><b>メモ帳</b></font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
.sdw {
text-shadow: 0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://docs.google.com/drawings/','_blank','width=800,height=600,top=0,left=0,scrollbars=no');return false;">
<center>
<font class="sdw" size="5" color="#FFFFFF">🎨</font><br>
<font class="sdw" size="2" color="#000000"><b>Draw</b></font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
.sdw {
text-shadow: 0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://tasks.google.com/embed/?origin=https://mail.google.com&fullWidth=1','_blank','width=375,height=667,top=0,left=0');return false;">
<center>
<font class="sdw" size="5" color="#FFFFFF">✅</font><br>
<font class="sdw" size="2" color="#000000"><b>ToDo</b></font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
.sdw {
text-shadow: 0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://contacts.google.com/u/0/','_blank','width=420,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font class="sdw" size="5" color="#FFFFFF">🤙</font><br>
<font class="sdw" size="2" color="#000000"><b>連絡先</b></font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
.sdw {
text-shadow: 0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://photos.google.com/u/0/','_blank','width=490,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font class="sdw" size="5" color="#FFFFFF">📷</font><br>
<font class="sdw" size="2" color="#000000"><b>写真</b></font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
.sdw {
text-shadow: 0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://www.google.com/maps/','_blank','width=800,height=600,top=0,left=0,scrollbars=no');return false;">
<center>
<font class="sdw" size="5" color="#FFFFFF">🗺️</font><br>
<font class="sdw" size="2" color="#000000"><b>地図</b></font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
.sdw {
text-shadow: 0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://myaccount.google.com/','_blank','width=420,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font class="sdw" size="5" color="#FFFFFF">👤</font><br>
<font class="sdw" size="2" color="#000000"><b>アカウント</b></font>
</center>
</a>
</body>
</html>
- 小物アプリ(旧)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://calculator.apps.chrome/','_blank','width=420,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font size="4" color="#FFFFFF">📱</font><br>
<font size="1" color="#000000">電卓</font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://keep.google.com/u/0/','_blank','width=490,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font size="4" color="#FFFFFF">📝</font><br>
<font size="1" color="#000000">メモ帳</font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://docs.google.com/drawings/','_blank','width=800,height=600,top=0,left=0,scrollbars=no');return false;">
<center>
<font size="4" color="#FFFFFF">🎨</font><br>
<font size="1" color="#000000">Draw</font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://tasks.google.com/embed/?origin=https://mail.google.com&fullWidth=1','_blank','width=375,height=667,top=0,left=0');return false;">
<center>
<font size="4" color="#FFFFFF">✅</font><br>
<font size="1" color="#000000">ToDo</font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://contacts.google.com/u/0/','_blank','width=420,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font size="4" color="#FFFFFF">🤙</font><br>
<font size="1" color="#000000">連絡先</font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://accounts.google.com/Logout','_blank','width=420,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font size="4" color="#FFFFFF">🔽</font><br>
<font size="1" color="#000000">ログアウト</font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://myaccount.google.com/','_blank','width=420,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font size="4" color="#FFFFFF">👤</font><br>
<font size="1" color="#000000">アカウント</font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://photos.google.com/u/0/','_blank','width=490,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font size="4" color="#FFFFFF">📷</font><br>
<font size="1" color="#000000">写真</font>
</center>
</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
font-family: sans-serif;
}
body::-webkit-scrollbar {
display: none;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://www.google.com/maps/','_blank','width=800,height=600,top=0,left=0,scrollbars=no');return false;">
<center>
<font size="4" color="#FFFFFF">🗺️</font><br>
<font size="1" color="#000000">地図</font>
</center>
</a>
</body>
</html>
- 検索窓
※共有ドライブを検索する場合の埋め込みコードは、こちらを参照してください。
<!DOCTYPE html>
<html>
<head>
<base target="_blank">
<!-- Pleace this snippet right after opening the head tag to make it work properly -->
<!-- This code is licensed under GNU GPL v3 -->
<!-- You are allowed to freely copy, distribute and use this code, but removing author credit is strictly prohibited -->
<!-- Generated by http://insider.zone/tools/client-side-url-redirect-generator/ -->
<!--[if lt IE 9]><script type="text/javascript">var IE_fix=true;</script><![endif]-->
<script type="text/javascript">
function submitSearch(){
var siteSearchUrl = 'https://drive.google.com/drive/search?q='; // Replace with your site's search URL
var query = document.getElementById("search-query-input").value;
var url = siteSearchUrl + query
if(typeof IE_fix != "undefined") // IE8 and lower fix to pass the http referer
{
var referLink = document.createElement("a");
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
}
else { window.open(url,'_blank'); } // All other browsers
}
function searchKeyPress(e){
// look for window.event in case event isn't passed in
e = e || window.event;
if (e.keyCode == 13)
{
document.getElementById('search-icon').click();
return false;
}
return true;
}
</script>
<!-- Credit goes to http://insider.zone/ -->
<!-- REDIRECTING ENDS -->
<link rel="stylesheet" type="text/css" href="https://ssl.gstatic.com/docs/script/css/add-ons.css" />
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<style>
body {margin:0;padding:14px 6px 0 6px;background-color:transparent;font-family: 'Roboto', sans-serif;overflow:hidden;}
#search-icon,#clear-icon {padding:12px;height:24px;vertical-align:middle;cursor:pointer;}
#clear-icon {visibility:hidden;}
#search-query {
width:50vw;min-width:480px;max-width:720px;
margin:0 auto;overflow:hidden;border:0;border-radius:4px;color: #212121;background-color:#FFF;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);font-size:16px;line-height:24px;}
#search-query-input {
min-width:104px;width:66%;height:24px;font-size:16px;font-stretch: normal;letter-spacing: normal;line-height:24px;border:0;color:#000;background-color:transparent;cursor:text;
text-align:start;vertical-align:middle;}
@media all and (max-width: 480px) {
#search-query {min-width:200px;width:100%;}
}
</style>
</head>
<body>
<!-- <input type="text" id="query" />
<button id="search" onclick="submitSearch()">Search</button> -->
<div id="search-query">
<img id="search-icon" alt="Search" onclick="submitSearch();" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADAklEQVR4AezZA6xcQRSA4b92g9q2/VRuw9puVLcxake13Zh1G9W2bds2T42ZzNPeO7Pb5H5/zD17PUMgEAgEAoFAIGxFGMRMlrGTi7zjFZfZwTJmMohCRLkajOMYkkRHGUdNolI8B5EUdpB4okpJViOpbDXFiArpGMcHJIzeMY50RFgB9iIe2ksBIiiGR4jHHhFDhHTlI+JDH+lKBMQmceY/YhZNqExBMn+rAJUIMZMnCOY+EItjxRP9OetoTQZMMtCadYixJ5TAoQyYH1cbiCE5CWxADB0jA85MNp7JHUipnsbTbwqO1OWL4RSIIzUSDKfgF+riQBrOIFrPKENqleEZonWGNFjX0vDPNSUcTQ1HsiXWbUO0hhOu4YjWViwri2gdwYvDiFZ5rJqIaMXgRRyiNRGr7iBKa/BqDaJ0G4vKIVqN8Kqxy5OoL6L0mDR4lUZ/o2UA1sxHlBbhh8WI0jys2Y4odcUPXRCl7VhzDVFqgB8aIErXsUZ/fylr5dnyGGv0R38O/JADUfqMNfpLcHb8kF1/Mf/fT6HnWHMdUWqIHxoiSjexZiui1A0/dEWUtmHNPERpsZUH2WJ3rxKPSIdX6XiMKPXGmvKIVgivQohWJSx6YP11+g5WTUK04vAiBtGaBeDyJDqMF0cQrVpYthnRGkq4hiJau7GuhW/LKiHDskpzrEvDKV8WtkobFrZ24UQ9H5YW44xLi7VwZIpxcbcbKdXNuDUyG2cychQxtJ4YkhPPOsTQJXLiUMmwNjhasQUx9obyOBafzBZTiMoUIguZKUhlQszSRtYHaI5z+pnsT6NxKI5HiMee8xlRGoJDhdiNeOg6ZWmNRHKEdIzlXZj7w/PIDYBEdgQoxmokla2nNL9J5EeAeI4iKWwPXfiXRMcIUJPxHEOS6CTDKYVuTGRH0BViEDNZyk4u8gpBeMMuJtKegujcj2DN1/bnmAgAEIBhIJIZGZHOWAEslPsoyCMgIHxPmAgICAjXIQRQSsh+JSH7vYQ1StvZryW8vy9JkiQdHsFQT60Y7OcAAAAASUVORK5CYII=">
<input type="text" id="search-query-input" placeholder="マイドライブを検索 " onkeypress="return searchKeyPress(event);" style="box-shadow:none";>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<base target="_blank">
<!-- Pleace this snippet right after opening the head tag to make it work properly -->
<!-- This code is licensed under GNU GPL v3 -->
<!-- You are allowed to freely copy, distribute and use this code, but removing author credit is strictly prohibited -->
<!-- Generated by http://insider.zone/tools/client-side-url-redirect-generator/ -->
<!--[if lt IE 9]><script type="text/javascript">var IE_fix=true;</script><![endif]-->
<script type="text/javascript">
function submitSearch(){
var siteSearchUrl = 'https://www.google.com/search?q='; // Replace with your site's search URL
var query = document.getElementById("search-query-input").value;
var url = siteSearchUrl + query
if(typeof IE_fix != "undefined") // IE8 and lower fix to pass the http referer
{
var referLink = document.createElement("a");
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
}
else { window.open(url,'_blank'); } // All other browsers
}
function searchKeyPress(e){
// look for window.event in case event isn't passed in
e = e || window.event;
if (e.keyCode == 13)
{
document.getElementById('search-icon').click();
return false;
}
return true;
}
</script>
<!-- Credit goes to http://insider.zone/ -->
<!-- REDIRECTING ENDS -->
<link rel="stylesheet" type="text/css" href="https://ssl.gstatic.com/docs/script/css/add-ons.css" />
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<style>
body {margin:0;padding:14px 6px 0 6px;background-color:transparent;font-family: 'Roboto', sans-serif;overflow:hidden;}
#search-icon,#clear-icon {padding:12px;height:24px;vertical-align:middle;cursor:pointer;}
#clear-icon {visibility:hidden;}
#search-query {
width:50vw;min-width:480px;max-width:720px;
margin:0 auto;overflow:hidden;border:0;border-radius:4px;color: #212121;background-color:#FFF;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);font-size:16px;line-height:24px;}
#search-query-input {
min-width:104px;width:66%;height:24px;font-size:16px;font-stretch: normal;letter-spacing: normal;line-height:24px;border:0;color:#000;background-color:transparent;cursor:text;
text-align:start;vertical-align:middle;}
@media all and (max-width: 480px) {
#search-query {min-width:200px;width:100%;}
}
</style>
</head>
<body>
<!-- <input type="text" id="query" />
<button id="search" onclick="submitSearch()">Search</button> -->
<div id="search-query">
<img id="search-icon" alt="Search" onclick="submitSearch();" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADAklEQVR4AezZA6xcQRSA4b92g9q2/VRuw9puVLcxake13Zh1G9W2bds2T42ZzNPeO7Pb5H5/zD17PUMgEAgEAoFAIGxFGMRMlrGTi7zjFZfZwTJmMohCRLkajOMYkkRHGUdNolI8B5EUdpB4okpJViOpbDXFiArpGMcHJIzeMY50RFgB9iIe2ksBIiiGR4jHHhFDhHTlI+JDH+lKBMQmceY/YhZNqExBMn+rAJUIMZMnCOY+EItjxRP9OetoTQZMMtCadYixJ5TAoQyYH1cbiCE5CWxADB0jA85MNp7JHUipnsbTbwqO1OWL4RSIIzUSDKfgF+riQBrOIFrPKENqleEZonWGNFjX0vDPNSUcTQ1HsiXWbUO0hhOu4YjWViwri2gdwYvDiFZ5rJqIaMXgRRyiNRGr7iBKa/BqDaJ0G4vKIVqN8Kqxy5OoL6L0mDR4lUZ/o2UA1sxHlBbhh8WI0jys2Y4odcUPXRCl7VhzDVFqgB8aIErXsUZ/fylr5dnyGGv0R38O/JADUfqMNfpLcHb8kF1/Mf/fT6HnWHMdUWqIHxoiSjexZiui1A0/dEWUtmHNPERpsZUH2WJ3rxKPSIdX6XiMKPXGmvKIVgivQohWJSx6YP11+g5WTUK04vAiBtGaBeDyJDqMF0cQrVpYthnRGkq4hiJau7GuhW/LKiHDskpzrEvDKV8WtkobFrZ24UQ9H5YW44xLi7VwZIpxcbcbKdXNuDUyG2cychQxtJ4YkhPPOsTQJXLiUMmwNjhasQUx9obyOBafzBZTiMoUIguZKUhlQszSRtYHaI5z+pnsT6NxKI5HiMee8xlRGoJDhdiNeOg6ZWmNRHKEdIzlXZj7w/PIDYBEdgQoxmokla2nNL9J5EeAeI4iKWwPXfiXRMcIUJPxHEOS6CTDKYVuTGRH0BViEDNZyk4u8gpBeMMuJtKegujcj2DN1/bnmAgAEIBhIJIZGZHOWAEslPsoyCMgIHxPmAgICAjXIQRQSsh+JSH7vYQ1StvZryW8vy9JkiQdHsFQT60Y7OcAAAAASUVORK5CYII=">
<input type="text" id="search-query-input" placeholder="Google検索 " onkeypress="return searchKeyPress(event);" style="box-shadow:none";>
</div>
</body>
</html>
- デジタル時計埋め込み機能
<html>
<head>
<title>Clock</title>
</head>
<style type="text/css">
body { font-family: sans-serif; }
body::-webkit-scrollbar { display: none; }
a { text-decoration: none; }
iframe { width: 100%; }
</style>
<body>
<center>
<font color="black">
<div id="clock"></div>
<script>
var clock = function() {
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var html = year + "-" + month + "-" + day + "<br>" + hour + ":" + minute + ":" + second;
document.getElementById("clock").innerHTML = html;
};
setInterval(clock, 1000);
</script>
</font>
</center>
</body>
</html>
<center>
<iframe src="https://free.timeanddate.com/clock/i8qyikty/n671/szw110/szh110/cf100/hnce1ead6" frameborder="0" width="110" height="110"></iframe>
</center>
<iframe src="https://free.timeanddate.com/clock/i8qyknds/n671/fn6/fs16/fc9ff/tc000/ftb/bas2/bat1/bacfff/pa8/tt0/tw1/th1/ta1/tb4" frameborder="0" width="247" height="68"></iframe>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body { font-family: sans-serif; }
body::-webkit-scrollbar { display: none; }
a { text-decoration: none; }
iframe { width: 100%; }
</style>
</head>
<body>
<center>
<iframe src="https://free.timeanddate.com/clock/i91jc0y7/n775/szw110/szh110/hocbbb/hbw6/cf100/hgr0/fas16/fdi64/mqc000/mqs4/mql20/mqw2/mqd94/mhc000/mhs3/mhl20/mhw2/mhd94/mmc000/mml10/mmw1/mmd94/hmr7/hsc000/hss1/hsl90" frameborder="0" width="110" height="110"></iframe>
</center>
</body>
</html>
- ニュース埋め込み機能
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body { font-family: sans-serif; }
body::-webkit-scrollbar { display: none; }
a { text-decoration: none; }
iframe { width: 100%; }
</style>
</head>
<body>
<input type="button" value="<" onclick="history.back()">
<input type="button" value=">" onclick="history.forward()">
<button type="button" value="Open" onClick="window.open('###ここにリンクを貼り付けます###')">📖</button>
<font size="2" color="lightslategray">※iPhone/iPad/Safariでは<>ボタンは動きません。📖をクリックしタブに開いてご利用下さい。</font>
<iframe src="###ここにリンクを貼り付けます###" width="640" height="640" frameborder="0" name="なまえ" marginwidth="3" marginheight="3">なまえ</iframe>
</body>
</html>
- Youtube動画(ライブ動画、再生リストを埋め込む)
Youtube動画の埋め込みは、Googleサイトで標準でついてきますが、ライブ動画や再生リストは埋め込むことができません。
埋め込みは、動画を表示して>画面下の共有をクリックすると、ダイアログが出るので、「<>埋め込む」をクリックすると、
「動画の埋め込み」ダイアログが出るので、コピーを押すと、埋め込みコードがコピーされます。
それを、サイトの<>埋め込むをひらいて 埋め込みます。
以下は、スターバックス音楽のライブ動画の例です。
(※再生リストは再生リストを表示して、その中の共有をクリックすれば、同じダイアログが出てきます)
<iframe width="560" height="315" src="https://www.youtube.com/embed/2YcSFEUBKlY?si=YrCrJ5LDPJVBelrI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>