티스토리 대체 가능한 블로그 연구중. (구글 블로그)

브금용

 
[ 구글 블로거 마개조 중임 ]
 

キムラヤジェムクン

근대 진짜 여긴 버려진지 꽤 됫는지 라운지?
유입 그딴거 일절 없는대... 더 심각한게 ㅋㅋㅋ 
 

카테고리가 없어서 세상에ㅋㅋ
 
테그를 가젯으로 검색해서 묶어다가
카테고리처럼 만들엇음
 
인페도 상당히 골때리는대.
글쓰기 페이지 / 블로그 페이지가 나눠져있다;;;; 
 
즉 바로 글을 쓸 수가 없는거 ㅇㅇ 그래서
내가 웹좀 만져서 코딩해넣어서 
 
 

바로 글쓰기 페이지로 슝 날려주는 가젯을 만들어 배치
 
 
그러고 보니 가시성이 좆박은게 아닌가..?
그래서 블로그 플로팅 메뉴바를 만듬 

왼쪽 작은 버튼은 블로그내 검색 가능하게 만드는 기능
 
나머지는 각 테그들을 블로그내에서 검색해서
바로 페이지로 슝 날려주는 역할을한다.
 
[ 코드는 줄게 디자인 / 항목만 만져서 사용해두좋음 ㅇㅇ ]

<!-- ============================= -->
<!-- 여기까지가 팝업 가젯이다 -->
<!-- ============================= -->
 
	<div id='p5-all-in-one-menu'>

  <div id='p5-hotkey-wrap'>
    <div id='p5-items-container'>
      <ul id='p5-menu-list'>
        <li><a class='p5-item odd' href='/search/label/공지사항'><span>NOTICE</span></a></li>
        <li><a class='p5-item even' href='/search/label/애니메이션 리뷰'><span>ANIME REVIEW</span></a></li>
        <li><a class='p5-item odd' href='/search/label/만화'><span>MANGA</span></a></li>
        <li><a class='p5-item even' href='/search/label/정발 만화 책갈피'><span>BOOKMARK</span></a></li>
        <li><a class='p5-item odd' href='/search/label/인터넷 던전 아이템 와드'><span>ITEM WARD</span></a></li>
        <li><a class='p5-item even' href='/search/label/PC 및 IT관련'><span>PC &amp; IT</span></a></li>
        <li><a class='p5-item odd' href='/search/label/게임 관련'><span>GAMING</span></a></li>
        <li><a class='p5-item even' href='/search/label/스노%20AI'><span>SUNO AI</span></a></li>
        <li><a class='p5-item odd' href='/search/label/유튜브 클립(덕질용)'><span>YT CLIP</span></a></li>
      </ul>
    </div>

    <div id='p5-control-panel'>
      <div id='p5-search-btn' onclick='openP5Search()' title='SEARCH'>
        <svg height='20' viewBox='0 0 24 24' width='20'><path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 1 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='white'/></svg>
      </div>
      <div id='p5-hotkey-btn' onclick='toggleP5Menu()'>
        <span class='hotkey-text'>HOTKEY</span>
      </div>
    </div>
  </div>

</div>

<style>
/* <![CDATA[ */
#p5-all-in-one-menu { font-family: 'Arial Black', sans-serif; }

/* HotKey 메뉴 */
#p5-hotkey-wrap { position: fixed; bottom: 30px; right: 30px; z-index: 10000; }
#p5-control-panel { display: flex; align-items: center; gap: 12px; }
#p5-hotkey-btn { width: 130px; height: 55px; background: #ff0000; border-radius: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 3px solid #000; transition: 0.3s; box-shadow: 0 4px 15px rgba(255,0,0,0.4); }
.hotkey-text { color: #fff; font-size: 1.1rem; font-style: italic; font-weight: 900; text-shadow: 2px 2px 0 #000; }
#p5-search-btn { width: 50px; height: 50px; background: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 3px solid #ff0000; transition: 0.3s; }
#p5-search-btn:hover { background: #ff0000; }

/* 팝업 아이템 */
#p5-items-container { position: absolute; bottom: 85px; right: 0; pointer-events: none; max-height: 75vh; overflow-y: auto; padding: 10px; direction: rtl; }
.p5-item { display: inline-block; padding: 12px 35px; margin-bottom: 8px; font-weight: 900; transform: skewX(-15deg) translateX(250%); transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-decoration: none; border-left: 10px solid #fff; white-space: nowrap; font-size: 0.95rem; }
.p5-item span { display: inline-block; transform: skewX(15deg); }
.p5-item.odd { background: #000; color: #fff; border-color: #ff0000; }
.p5-item.even { background: #ff0000; color: #fff; border-color: #000; }
#p5-hotkey-wrap.active .p5-item { transform: skewX(-15deg) translateX(0%); }
#p5-hotkey-wrap.active #p5-items-container { pointer-events: auto; }
.p5-item:hover { background: #fff !important; color: #000 !important; transform: skewX(-15deg) scale(1.1) translateX(-10px); }
#p5-items-container::-webkit-scrollbar { width: 0px; }
/* ]]> */
</style>

<script>
// <![CDATA[
function toggleP5Menu() {
  const wrap = document.getElementById('p5-hotkey-wrap');
  if (wrap) wrap.classList.toggle('active');
}
function openP5Search() {
  const q = prompt("SEARCH TARGET:");
  if (q) location.href = "/search?q=" + encodeURIComponent(q);
}
// ]]>
</script>

<!-- ============================= -->
<!-- 여기까지가 팝업 가젯이다 -->
<!-- ============================= -->
    
	<div id='admin-hud-wrap'>

  <a href='https://www.blogger.com/blog/posts/4052524304412782356' id='admin-btn' target='_blank'>
    GM
  </a>

</div>

<style>
#admin-hud-wrap {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 999999;
}

/* 🔥 GM 원형 버튼 */
#admin-btn {
  width: 60px;
  height: 60px;
  background: linear-gradient(145deg, #111, #000);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  border: 3px solid #ff0000;

  /* 🔥 GM 텍스트 스타일 */
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 1px;

  /* 글로우 */
  box-shadow: 
    0 0 10px rgba(255,0,0,0.7),
    inset 0 0 8px rgba(255,0,0,0.4);

  transition: all 0.2s ease;
}

/* 클릭 느낌 */
#admin-btn:active {
  transform: scale(0.9);
  box-shadow: 
    0 0 5px rgba(255,0,0,0.9),
    inset 0 0 12px rgba(255,0,0,0.6);
}

/* PC 호버 */
#admin-btn:hover {
  transform: scale(1.1);
  background: #ff0000;
  color: #000;
}

/* ===================== */
/* 📱 모바일 대응 */
/* ===================== */
@media (max-width: 768px) {

  #admin-hud-wrap {
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
  }

  #admin-btn {
    width: 48px;
    height: 48px;
    font-size: 14px;
  }
}

</style>

<!-- ============================= -->
<!-- 여기까지가 관리자 버튼이다 -->
<!-- ============================= -->
    
    
    
<!-- ============================= -->
<!-- 여기까지가 팝업 가젯이다 -->
<!-- ============================= -->

 

진짜 정신 나갈거같아..
 
이리보면 한국 블로그 커뮤니티 인페가 정말 고트였구나 새삼 생각하며
 이 이점을 운영으로 다 말아먹어 딥웹으로 만든걸 생각하면 참말루 아쉬운거 같애 ㅇㅇ