Chat

Frances Guerrero

Online

• Video call
• Audio call
• Delete
• Mark as unread
• Muted
• Archive
• Report

Jul 16, 2022, 06:15 am

Applauded no discovery😊

6:15 AM

With pleasure

Please find the attached

12:16 PM

How promotion excellent curiosity😮

3:22 PM

And sir dare view.

5:35 PM

2 New Messages

<!-- Button --> <div class='d-sm-flex align-items-end mt-2'> <button class='btn btn-sm btn-danger-soft me-2'><i class='fa-solid fa-face-smile fs-6'/></button> <button class='btn btn-sm btn-secondary-soft me-2'><i class='fa-solid fa-paperclip fs-6'/></button> <button class='btn btn-sm btn-success-soft me-2'> Gif </button> <button class='btn btn-sm btn-primary ms-auto'> Send </button> </div> </div> <!-- Chat bottom START --> </div> </div> <!-- Chat toast END --> <!-- Chat toast 2 START --> <div aria-atomic='true' aria-live='assertive' class='toast mb-0 bg-mode' data-bs-autohide='false' id='chatToast2' role='alert'> <div class='toast-header bg-mode'> <!-- Top avatar and status START --> <div class='d-flex justify-content-between align-items-center w-100'> <div class='d-flex'> <div class='flex-shrink-0 avatar me-2'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/02.jpg'/> </div> <div class='flex-grow-1'> <h6 class='mb-0 mt-1'>Lori Ferguson</h6> <div class='small text-secondary'><i class='fa-solid fa-circle text-success me-1'/>Online</div> </div> </div> <div class='d-flex'> <!-- Call button --> <div class='dropdown'> <a aria-expanded='false' class='btn btn-secondary-soft-hover py-1 px-2' data-bs-auto-close='outside' data-bs-toggle='dropdown' href='#' id='chatcoversationDropdown2' role='button'><i class='bi bi-three-dots-vertical'/></a> <ul aria-labelledby='chatcoversationDropdown2' class='dropdown-menu dropdown-menu-end'> <li><a class='dropdown-item' href='#'><i class='bi bi-camera-video me-2 fw-icon'/>Video call</a></li> <li><a class='dropdown-item' href='#'><i class='bi bi-telephone me-2 fw-icon'/>Audio call</a></li> <li><a class='dropdown-item' href='#'><i class='bi bi-trash me-2 fw-icon'/>Delete </a></li> <li><a class='dropdown-item' href='#'><i class='bi bi-chat-square-text me-2 fw-icon'/>Mark as unread</a></li> <li><a class='dropdown-item' href='#'><i class='bi bi-volume-up me-2 fw-icon'/>Muted</a></li> <li><a class='dropdown-item' href='#'><i class='bi bi-archive me-2 fw-icon'/>Archive</a></li> <li class='dropdown-divider'/> <li><a class='dropdown-item' href='#'><i class='bi bi-flag me-2 fw-icon'/>Report</a></li> </ul> </div> <!-- Card action END --> <a aria-controls='collapseChat2' aria-expanded='false' class='btn btn-secondary-soft-hover py-1 px-2' data-bs-toggle='collapse' href='#collapseChat2' role='button'><i class='bi bi-dash-lg'/></a> <button aria-label='Close' class='btn btn-secondary-soft-hover py-1 px-2' data-bs-dismiss='toast'><i class='fa-solid fa-xmark'/></button> </div> </div> <!-- Top avatar and status END --> </div> <div class='toast-body collapse show' id='collapseChat2'> <!-- Chat conversation START --> <div class='chat-conversation-content custom-scrollbar h-200px'> <!-- Chat time --> <div class='text-center small my-2'>Jul 16, 2022, 06:15 am</div> <!-- Chat message left --> <div class='d-flex mb-1'> <div class='flex-shrink-0 avatar avatar-xs me-2'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/02.jpg'/> </div> <div class='flex-grow-1'> <div class='w-100'> <div class='d-flex flex-column align-items-start'> <div class='bg-light text-secondary p-2 px-3 rounded-2'>Applauded no discovery😊</div> <div class='small my-2'>6:15 AM</div> </div> </div> </div> </div> <!-- Chat message right --> <div class='d-flex justify-content-end text-end mb-1'> <div class='w-100'> <div class='d-flex flex-column align-items-end'> <div class='bg-primary text-white p-2 px-3 rounded-2'>With pleasure</div> </div> </div> </div> <!-- Chat message left --> <div class='d-flex mb-1'> <div class='flex-shrink-0 avatar avatar-xs me-2'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/02.jpg'/> </div> <div class='flex-grow-1'> <div class='w-100'> <div class='d-flex flex-column align-items-start'> <div class='bg-light text-secondary p-2 px-3 rounded-2'>Please find the attached</div> <!-- Files START --> <!-- Files END --> <div class='small my-2'>12:16 PM</div> </div> </div> </div> </div> <!-- Chat message left --> <div class='d-flex mb-1'> <div class='flex-shrink-0 avatar avatar-xs me-2'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/02.jpg'/> </div> <div class='flex-grow-1'> <div class='w-100'> <div class='d-flex flex-column align-items-start'> <div class='bg-light text-secondary p-2 px-3 rounded-2'>How promotion excellent curiosity😮</div> <div class='small my-2'>3:22 PM</div> </div> </div> </div> </div> <!-- Chat message right --> <div class='d-flex justify-content-end text-end mb-1'> <div class='w-100'> <div class='d-flex flex-column align-items-end'> <div class='bg-primary text-white p-2 px-3 rounded-2'>And sir dare view.</div> <!-- Images --> <div class='d-flex my-2'> <div class='small text-secondary'>5:35 PM</div> <div class='small ms-2'><i class='fa-solid fa-check'/></div> </div> </div> </div> </div> <!-- Chat time --> <div class='text-center small my-2'>2 New Messages</div> <!-- Chat Typing --> <div class='d-flex mb-1'> <div class='flex-shrink-0 avatar avatar-xs me-2'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/02.jpg'/> </div> <div class='flex-grow-1'> <div class='w-100'> <div class='d-flex flex-column align-items-start'> <div class='bg-light text-secondary p-3 rounded-2'> <div class='typing d-flex align-items-center'> <div class='dot'/> <div class='dot'/> <div class='dot'/> </div> </div> </div> </div> </div> </div> </div> <!-- Chat conversation END --> <!-- Chat bottom START --> <div class='mt-2'> <!-- Chat textarea --> <textarea class='form-control mb-sm-0 mb-3' placeholder='Type a message' rows='1'/> <!-- Button --> <div class='d-sm-flex align-items-end mt-2'> <button class='btn btn-sm btn-danger-soft me-2'><i class='fa-solid fa-face-smile fs-6'/></button> <button class='btn btn-sm btn-secondary-soft me-2'><i class='fa-solid fa-paperclip fs-6'/></button> <button class='btn btn-sm btn-success-soft me-2'> Gif </button> <button class='btn btn-sm btn-primary ms-auto'> Send </button> </div> </div> <!-- Chat bottom START --> </div> </div> <!-- Chat toast 2 END --> </div> </div> <!-- Chat END --></div> <ul class='nav nav-stack flex-wrap small'> <li class='nav-item'> <a class='nav-link' href='#!'> <i class='bi bi-hand-thumbs-up-fill pe-1'></i>(56)</a> </li> <li class='nav-item' data-num-comments='0'><a class='nav-link' href='https://veobloggerv9.blogspot.com/p/chat.html#comments' title='Đăng nhận xét'><i class='bi bi-chat-fill pe-1'></i>(0)</a></li> <li class='nav-item dropdown ms-sm-auto'> <a aria-expanded='false' class='nav-link mb-0' data-bs-toggle='dropdown' href='#' id='cardShareAction'> <i class='bi bi-reply-fill flip-horizontal ps-1'></i>(3) </a> <ul aria-labelledby='cardShareAction' class='dropdown-menu dropdown-menu-end'> <li><a class='dropdown-item' href='#'> <i class='bi bi-envelope fa-fw pe-2'></i>Send via Direct Message</a></li> <li><a class='dropdown-item' href='/p/bookmark.html'> <i class='bi bi-bookmark fa-fw pe-2'></i>Bookmark</a></li> <li><a class='dropdown-item' href='#'> <i class='bi bi-link fa-fw pe-2'></i>Copy link to post</a></li> <li><a class='dropdown-item' href='#'> <i class='bi bi-share fa-fw pe-2'></i>Share post via …</a></li> <li><hr class='dropdown-divider'/></li> <li><a class='dropdown-item' href='#'> <i class='bi bi-pencil-square fa-fw pe-2'></i>Share to News Feed</a></li> </ul> </li> </ul> </div> </div> </article> </article> </div> </div></main> </div> <div class='col-lg-3'> <div class='row g-4'> <div class='sidebar section' id='sidebar' name='sidebar'><div class='widget HTML' data-version='2' id='HTML4'> <div class='widget-content'> <div class='col-sm-6 col-lg-12'> <div class='card'> <div class='card-header pb-0 border-0'> <h5 class='card-title mb-0'> <h3 class='title'> Bạn bè </h3> </h5> </div> <div class='card-body'> <div class='hstack gap-2 mb-3'> <div class='avatar'> <a href='#!'><img alt='veospot.net' class='avatar-img rounded-circle' src='https://i.imgur.com/GuAldOD.png'/></a> </div> <div class='overflow-hidden'> <a class='h6 mb-0' href='https://www.veospot.net/'>VeoSpot Designer </a> <p class='mb-0 small text-truncate'>Web Developer</p> </div> <a class='btn btn-primary-soft rounded-circle icon-md ms-auto' href='https://www.blogger.com/follow.g?blogID=5877178889396228248'><i class='fa-solid fa-plus'> </i></a> </div> <div class='hstack gap-2 mb-3'> <div class='avatar avatar-story'> <a href='#!'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/05.jpg'/> </a> </div> <div class='overflow-hidden'> <a class='h6 mb-0' href='#!'>Amanda Reed </a> <p class='mb-0 small text-truncate'>Web Developer</p> </div> <a class='btn btn-primary-soft rounded-circle icon-md ms-auto' href='#'><i class='fa-solid fa-plus'> </i></a> </div> <div class='hstack gap-2 mb-3'> <div class='avatar'> <a href='#'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/11.jpg'/> </a> </div> <div class='overflow-hidden'> <a class='h6 mb-0' href='#!'>Billy Vasquez </a> <p class='mb-0 small text-truncate'>News anchor</p> </div> <a class='btn btn-primary rounded-circle icon-md ms-auto' href='#'><i class='bi bi-person-check-fill'> </i></a> </div> <div class='hstack gap-2 mb-3'> <div class='avatar'> <a href='#'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/01.jpg'/> </a> </div> <div class='overflow-hidden'> <a class='h6 mb-0' href='#!'>Lori Ferguson </a> <p class='mb-0 small text-truncate'>Web Developer at Webestica</p> </div> <a class='btn btn-primary-soft rounded-circle icon-md ms-auto' href='#'><i class='fa-solid fa-plus'> </i></a> </div> <div class='hstack gap-2 mb-3'> <div class='avatar'> <a href='#'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/placeholder.jpg'/> </a> </div> <div class='overflow-hidden'> <a class='h6 mb-0' href='#!'>Carolyn Ortiz </a> <p class='mb-0 small text-truncate'>News anchor</p> </div> <a class='btn btn-primary-soft rounded-circle icon-md ms-auto' href='#'><i class='fa-solid fa-plus'> </i></a> </div> <div class='d-grid mt-3'> <a class='btn btn-sm btn-primary-soft' href='/p/ban-be.html'>Đăng ký liên kết</a> </div> </div> </div> </div> </div> </div><div class='widget HTML' data-version='2' id='HTML5'> <div class='widget-content'> <div class='col-sm-6 col-lg-12'> <div class='card'> <div class='card-header pb-0 border-0'> <h5 class='card-title mb-0'> <h3 class='title'> Bạn bè </h3> </h5> </div> <div class='card-body'> <div class='hstack gap-2 mb-3'> <div class='avatar'> <a href='#!'><img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/04.jpg'/></a> </div> <div class='overflow-hidden'> <a class='h6 mb-0' href='#!'>Judy Nguyen </a> <p class='mb-0 small text-truncate'>News anchor</p> </div> <a class='btn btn-primary-soft rounded-circle icon-md ms-auto' href='#'><i class='fa-solid fa-plus'> </i></a> </div> <div class='hstack gap-2 mb-3'> <div class='avatar avatar-story'> <a href='#!'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/05.jpg'/> </a> </div> <div class='overflow-hidden'> <a class='h6 mb-0' href='#!'>Amanda Reed </a> <p class='mb-0 small text-truncate'>Web Developer</p> </div> <a class='btn btn-primary-soft rounded-circle icon-md ms-auto' href='#'><i class='fa-solid fa-plus'> </i></a> </div> <div class='hstack gap-2 mb-3'> <div class='avatar'> <a href='#'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/11.jpg'/> </a> </div> <div class='overflow-hidden'> <a class='h6 mb-0' href='#!'>Billy Vasquez </a> <p class='mb-0 small text-truncate'>News anchor</p> </div> <a class='btn btn-primary rounded-circle icon-md ms-auto' href='#'><i class='bi bi-person-check-fill'> </i></a> </div> <div class='hstack gap-2 mb-3'> <div class='avatar'> <a href='#'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/01.jpg'/> </a> </div> <div class='overflow-hidden'> <a class='h6 mb-0' href='#!'>Lori Ferguson </a> <p class='mb-0 small text-truncate'>Web Developer at Webestica</p> </div> <a class='btn btn-primary-soft rounded-circle icon-md ms-auto' href='#'><i class='fa-solid fa-plus'> </i></a> </div> <div class='hstack gap-2 mb-3'> <div class='avatar'> <a href='#'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/placeholder.jpg'/> </a> </div> <div class='overflow-hidden'> <a class='h6 mb-0' href='#!'>Carolyn Ortiz </a> <p class='mb-0 small text-truncate'>News anchor</p> </div> <a class='btn btn-primary-soft rounded-circle icon-md ms-auto' href='#'><i class='fa-solid fa-plus'> </i></a> </div> <div class='d-grid mt-3'> <a class='btn btn-sm btn-primary-soft' href='/p/ban-be.html'>Đăng ký liên kết</a> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </main> <!-- Main Chat START --> <div class='d-none d-lg-block'> <!-- Button --> <a aria-controls='offcanvasChat' class='icon-md btn btn-primary position-fixed end-0 bottom-0 me-5 mb-5' data-bs-toggle='offcanvas' href='#offcanvasChat' role='button'> <i class='bi bi-chat-left-text-fill'></i> </a> <!-- Chat sidebar START --> <div class='offcanvas offcanvas-end' data-bs-backdrop='false' data-bs-scroll='true' id='offcanvasChat' tabindex='-1'> <!-- Offcanvas header --> <div class='offcanvas-header d-flex justify-content-between'> <h5 class='offcanvas-title'>Messaging</h5> <div class='d-flex'> <!-- New chat box open button --> <a class='btn btn-secondary-soft-hover py-1 px-2' href='#'> <i class='bi bi-pencil-square'></i> </a> <!-- Chat action START --> <div class='dropdown'> <a aria-expanded='false' class='btn btn-secondary-soft-hover py-1 px-2' data-bs-toggle='dropdown' href='#' id='chatAction'> <i class='bi bi-three-dots'></i> </a> <!-- Chat action menu --> <ul aria-labelledby='chatAction' class='dropdown-menu dropdown-menu-end'> <li><a class='dropdown-item' href='#'> <i class='bi bi-check-square fa-fw pe-2'></i>Mark all as read</a></li> <li><a class='dropdown-item' href='#'> <i class='bi bi-gear fa-fw pe-2'></i>Chat setting </a></li> <li><a class='dropdown-item' href='#'> <i class='bi bi-bell fa-fw pe-2'></i>Disable notifications</a></li> <li><a class='dropdown-item' href='#'> <i class='bi bi-volume-up-fill fa-fw pe-2'></i>Message sounds</a></li> <li><a class='dropdown-item' href='#'> <i class='bi bi-slash-circle fa-fw pe-2'></i>Block setting</a></li> <li><hr class='dropdown-divider'/></li> <li><a class='dropdown-item' href='#'> <i class='bi bi-people fa-fw pe-2'></i>Create a group chat</a></li> </ul> </div> <!-- Chat action END --> <!-- Close --> <a aria-label='Close' class='btn btn-secondary-soft-hover py-1 px-2' data-bs-dismiss='offcanvas' href='#'> <i class='fa-solid fa-xmark'></i> </a> </div> </div> <!-- Offcanvas body START --> <div class='offcanvas-body pt-0 custom-scrollbar'> <!-- Search contact START --> <form class='rounded position-relative'> <input aria-label='Search' class='form-control ps-5 bg-light' placeholder='Search...' type='search'/> <button class='btn bg-transparent px-3 py-0 position-absolute top-50 start-0 translate-middle-y' type='submit'><i class='bi bi-search fs-5'> </i></button> </form> <!-- Search contact END --> <ul class='list-unstyled'> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative toast-btn' data-target='chatToast'> <!-- Avatar --> <div class='avatar status-online'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/01.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Frances Guerrero </a> <div class='small text-secondary text-truncate'>Frances sent a photo.</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> Just now </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative toast-btn' data-target='chatToast2'> <!-- Avatar --> <div class='avatar status-online'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/02.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Lori Ferguson </a> <div class='small text-secondary text-truncate'>You missed a call form Carolyn🤙</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 1min </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative'> <!-- Avatar --> <div class='avatar status-offline'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/placeholder.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Samuel Bishop </a> <div class='small text-secondary text-truncate'>Day sweetness why cordially 😊</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 2min </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative'> <!-- Avatar --> <div class='avatar'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/04.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Dennis Barrett </a> <div class='small text-secondary text-truncate'>Happy birthday🎂</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 10min </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative'> <!-- Avatar --> <div class='avatar avatar-story status-online'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/05.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Judy Nguyen </a> <div class='small text-secondary text-truncate'>Thank you!</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 2hrs </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative'> <!-- Avatar --> <div class='avatar status-online'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/06.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Carolyn Ortiz </a> <div class='small text-secondary text-truncate'>Greetings from Webestica.</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 1 day </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative'> <!-- Avatar --> <div class='flex-shrink-0 avatar'> <ul class='avatar-group avatar-group-four'> <li class='avatar avatar-xxs'> <img alt='avatar' class='avatar-img rounded-circle' src='assets/images/avatar/06.jpg'/> </li> <li class='avatar avatar-xxs'> <img alt='avatar' class='avatar-img rounded-circle' src='assets/images/avatar/07.jpg'/> </li> <li class='avatar avatar-xxs'> <img alt='avatar' class='avatar-img rounded-circle' src='assets/images/avatar/08.jpg'/> </li> <li class='avatar avatar-xxs'> <img alt='avatar' class='avatar-img rounded-circle' src='assets/images/avatar/09.jpg'/> </li> </ul> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link text-truncate d-inline-block' href='#!'>Frances, Lori, Amanda, Lawson </a> <div class='small text-secondary text-truncate'>Btw are you looking for job change?</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 4 day </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative'> <!-- Avatar --> <div class='avatar status-offline'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/08.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Bryan Knight </a> <div class='small text-secondary text-truncate'>if you are available to discuss🙄</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 6 day </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative'> <!-- Avatar --> <div class='avatar'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/09.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Louis Crawford </a> <div class='small text-secondary text-truncate'>🙌Congrats on your work anniversary!</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 1 day </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative'> <!-- Avatar --> <div class='avatar status-online'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/10.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Jacqueline Miller </a> <div class='small text-secondary text-truncate'>No sorry, Thanks.</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 15, dec </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative'> <!-- Avatar --> <div class='avatar'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/11.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Amanda Reed </a> <div class='small text-secondary text-truncate'>Interested can share CV at.</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 18, dec </div> </li> <!-- Contact item --> <li class='mt-3 hstack gap-3 align-items-center position-relative'> <!-- Avatar --> <div class='avatar status-online'> <img alt='' class='avatar-img rounded-circle' src='assets/images/avatar/12.jpg'/> </div> <!-- Info --> <div class='overflow-hidden'> <a class='h6 mb-0 stretched-link' href='#!'>Larry Lawson </a> <div class='small text-secondary text-truncate'>Hope you're doing well and Safe.</div> </div> <!-- Chat time --> <div class='small ms-auto text-nowrap'> 20, dec </div> </li> <!-- Button --> <li class='mt-3 d-grid'> <a class='btn btn-primary-soft' href='/p/chat.html'> See all in messaging </a> </li> </ul> </div> <!-- Offcanvas body END --> </div> <!-- Chat sidebar END --> </div> <!-- Main Chat END --> <footer class='footer no-items section' id='footer' name='Chân trang'></footer> <script> var data={ view:{ isHomepage:"", isArchive:"", isPost:"", isPage:"true", isSearch:"", isLabelSearch:"", isSearchQuery:"", isMultipleItems:"", isSingleItem:"true", isMobile:"" },blog:{ blogId:"4440945066574809418", postId:"", pageId:"6038174098737132816", pageName:"Chat", searchqueryescaped:"", homepageUrl:"https://veobloggerv9.blogspot.com/", url:"https://veobloggerv9.blogspot.com/p/chat.html", analyticsAccountNumber:"", clientid:"", searchindex:500 },messages:{ home:"Trang chủ", linkCopiedToClipboard:"Đã sao chép đường liên kết vào bảng nhớ tạm!", share:"Chia sẻ", shareheader:"Chia sẻ nội dung này qua", copy:"Sao chép liên kết", facebook:"Chia sẻ với Facebook", twitter:"Chia sẻ với X", pinterest:"Chia sẻ với Pinterest", linkedin:"Chia sẻ với Linkedin", email:"Gửi bài qua Email", close:"Đóng" } } </script> <script src='https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js'></script> <script>//<![CDATA[ (function() { // Bọc trong Immediately Invoked Function Expression (IIFE) để tránh xung đột biến const storedTheme = localStorage.getItem('theme'); const getPreferredTheme = () => { if (storedTheme) { return storedTheme; } // Trả về 'dark' nếu hệ thống ưu tiên dark mode, ngược lại trả về 'light' return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; } const setTheme = function (theme) { if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) { document.documentElement.setAttribute('data-bs-theme', 'dark'); } else { document.documentElement.setAttribute('data-bs-theme', theme); } } setTheme(getPreferredTheme()); // Đặt theme ban đầu document.addEventListener('DOMContentLoaded', function() { // Đảm bảo DOM đã sẵn sàng var el = document.querySelector('.theme-icon-active'); if (el) { // Kiểm tra xem .theme-icon-active có tồn tại const showActiveTheme = theme => { const activeThemeIcon = document.querySelector('.theme-icon-active use'); const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`); // Nếu không tìm thấy nút tương ứng, dừng lại để tránh lỗi if (!btnToActive || !activeThemeIcon) return; const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href'); document.querySelectorAll('[data-bs-theme-value]').forEach(element => { element.classList.remove('active'); }); btnToActive.classList.add('active'); activeThemeIcon.setAttribute('href', svgOfActiveBtn); } window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => { if (!storedTheme) { // Kiểm tra nếu không có theme nào được lưu setTheme(getPreferredTheme()); showActiveTheme(getPreferredTheme()); } }); showActiveTheme(getPreferredTheme()); document.querySelectorAll('[data-bs-theme-value]') .forEach(toggle => { toggle.addEventListener('click', () => { const theme = toggle.getAttribute('data-bs-theme-value'); localStorage.setItem('theme', theme); setTheme(theme); showActiveTheme(theme); }); }); } }); })(); /* ---- Web Blog Bookmark With Browser Local Storage Created by: igniel.com Source code: https://www.igniel.com/2022/12/widget-bookmark-blog.html ---- */ const bookmarks = { maxWidget: 5, maxAll: 100, emptyText: 'Không có bài lưu nào', moreText: 'Xem tất bài viết đã lưu', currentText: 'Bạn đang xem trang bài viết đã lưu', morePage: '/p/bookmark.html', deleteText: '<svg viewBox="0 0 24 24"><path d="M18.8892 9.5542C18.8892 17.5732 20.0435 21.198 12.2797 21.198C4.5149 21.198 5.693 17.5732 5.693 9.5542"/><path d="M20.3651 6.47985H4.2146"/><path d="M15.7148 6.47983C15.7148 6.47983 16.2434 2.71411 12.2891 2.71411C8.33578 2.71411 8.86435 6.47983 8.86435 6.47983"/></svg>' }; /* DO NOT EDIT */ !function(d){let ignielbookmark = JSON.parse(localStorage.getItem("ignielBookmark")) || []; d.querySelector(".ignielBookmark").querySelector("i").innerHTML = ignielbookmark.length; const bmCek = () => {if (ignielbookmark.length > 0){ignielbookmark.forEach((e) => {if (d.getElementById("bm-" + e.id)) {d.getElementById("bm-" + e.id).checked = true;}});}}; const bmRender = () => {localStorage.setItem("ignielBookmark", JSON.stringify(ignielbookmark)); d.querySelector(".ignielBookmark").querySelector("i").innerHTML = ignielbookmark.length; let bmContainer = d.querySelector(".bookmark-inner"), bmContainerAll = d.querySelector(".ignielBookmarks"), bmBuild = ""; if (ignielbookmark.length > 0) {let max = bookmarks.maxWidget, more = false; if (d.location.pathname == bookmarks.morePage) {max = bookmarks.maxAll;} else {max = bookmarks.maxWidget; if (ignielbookmark.length > max) {more = true;}} ignielbookmark.slice(0, max).forEach((e) => {bmBuild += '<li data-id="' + e.id + '"><div class="bm-thumb"><a href="' + e.url + '" title="' + e.title + '"><img alt="' + e.title + '" src="' + e.img + '" title="' + e.title + '"></a></div><div class="bm-title"><a href="' + e.url + '" title="' + e.title + '">' + e.title + '</a></div><div class="bm-delete" role="button">' + bookmarks.deleteText + "</div>";}); bmContainer.innerHTML += "</ul>"; if (d.location.pathname == bookmarks.morePage) {bmContainer.innerHTML = bookmarks.currentText; if (bmContainerAll) bmContainerAll.innerHTML = "<ul>" + bmBuild + "</ul>";} else {bmContainer.innerHTML = "<ul>" + bmBuild; if (more) {bmContainer.innerHTML += '<li class="bm-more"><a href="' + bookmarks.morePage + '" title="' + bookmarks.moreText + '">' + bookmarks.moreText + " (+" + (ignielbookmark.length - max) + ")</a></li>";}}} else {bmContainer && (bmContainer.innerHTML = bookmarks.emptyText); bmContainerAll && (bmContainerAll.innerHTML = bookmarks.emptyText);} bmDel();}; const bmAdd = (a) => {ignielbookmark.push(a); bmRender();}; const bmRem = (id) => {ignielbookmark = ignielbookmark.filter((obj) => obj.id !== id); bmRender(); if (d.getElementById("bm-" + id)) {d.getElementById("bm-" + id).checked = false;}}; const bmDel = () => {const a = d.querySelectorAll(".bm-delete"); if (a.length > 0) {a.forEach((e) => {const dId = e.parentNode.getAttribute("data-id"); e.addEventListener("click", () => {bmRem(dId);});});}}; const ignielBookmark = () => {const a = d.querySelectorAll(".ignielBookmarkPost input"); if (a.length > 0) {a.forEach((e) => {e.addEventListener("change", () => {const bmId = e.id.split("-")[1], bmParent = e.parentNode, bookmarkItem = {id: bmId, img: bmParent.querySelector("label").getAttribute("data-img"), title: bmParent .querySelector("label") .getAttribute("data-title"), url: bmParent.querySelector("label").getAttribute("data-url"),}; if (ignielbookmark) {const findId = ignielbookmark.find((obj) => obj.id === bmId); if (findId) {bmRem(bmId);} else {bmAdd(bookmarkItem);}} else {bmAdd(bookmarkItem);}});});}}; d.location.pathname == bookmarks.morePage && bmRender(); d.querySelector(".ignielBookmark").addEventListener("click", () => {bmRender();}); d.addEventListener("scroll", () => {bmCek; ignielBookmark}); ignielBookmark(); bmCek();}(document); //]]></script> <script>//<![CDATA[ var url=window.location.href,uri=window.location.toString(), rel=document.querySelector('link[rel="canonical"]').getAttribute('href'), fb1=url.substring(0,url.indexOf('?fbclid')), fb2=url.substring(0,url.indexOf('&fbclid')), gi1=url.substring(0,url.indexOf('?gidzl')), gi2=url.substring(0,url.indexOf('&gidzl')), m1=url.substring(0,url.indexOf('?m=1')), m2=url.substring(0,url.indexOf('&m=1')) if((uri.length-fb1.length)>0){window.history.replaceState({},document.title,fb1)} if((uri.length-fb2.length)>0){window.history.replaceState({},document.title,fb2)} if((uri.length-gi1.length)>0){window.history.replaceState({},document.title,gi1)} if((uri.length-gi2.length)>0){window.history.replaceState({},document.title,gi2)} function appendChildHead(name,type){ if(type=='css'){ var fileref=document.createElement('link') fileref.setAttribute('rel','stylesheet') fileref.setAttribute('href',name) }else if(type=='js'){ var fileref=document.createElement('script') fileref.setAttribute('type','text/javascript') fileref.setAttribute('async','') fileref.setAttribute('src',name) } if(typeof fileref!='undefined'){document.getElementsByTagName('head')[0].appendChild(fileref)} } function appendChildBody(name,type){ if(type=='js')var src=document.createElement('script');src.setAttribute('async','');src.setAttribute('src',name) if(typeof src!='undefined')document.getElementsByTagName('body')[0].appendChild(src) } function modal_open(e){ e.preventDefault() var target='#'+$('.modal--target').attr('id') if($(this).is('a')){target=$(this).attr('href') }else{target=$(this).attr('data-target')} $(target).show() $(target).find('.modal--confirm').fadeIn('slow',function(){$(this).addClass('show')}) $('.modal--close').click(function(){ var $this=$(this) $this.parents('.modal--confirm').removeClass('show') setTimeout(function(){$this.parents('.modal--target').removeAttr('style')},200) }) $(document).on('keyup',function(k){ if(k.keyCode==27){ target=$('.modal--confirm.show') var parent=$(target).parent() setTimeout(function(){$(target).remove()},200) } }) } window.addEventListener('load',function(){ if(navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|Windows Phone|webOS)/i)===null ||window.navigator.pointerEnabled&&navigator.maxTouchPoints>1){ document.documentElement.setAttribute('data-view-type','desktop') if((uri.length-m1.length)>0){window.history.replaceState({},document.title,m1)} if((uri.length-m2.length)>0){window.history.replaceState({},document.title,m2)} var _a=document.querySelectorAll('a') for(var i=0;i<_a.length;i++){ var _b=_a[i].getAttribute('href') if(_b!=null){ if(_b.indexOf('?m=1')!=-1)_a[i].setAttribute('href',_b.substr(0,_b.indexOf('?m=1'))) if(_b.indexOf('&m=1')!=-1)_a[i].setAttribute('href',_b.substr(0,_b.indexOf('&m=1'))) } } }else{document.documentElement.setAttribute('data-view-type','mobile')} $(document).off('click','.modal--open',modal_open).on('click','.modal--open',modal_open) }) //]]></script> <script>//<![CDATA[ window.addEventListener('load',function(){ var is_load=0 function append_fancybox(){ if(is_load==0){ is_load=1 appendChildHead('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css','css') appendChildHead('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js','js') } } window.addEventListener('scroll',function(){append_fancybox()}) window.addEventListener('mousemove',function(){append_fancybox()}) setTimeout(function(){append_fancybox()},3000) $('.separator a,.tr-caption-container a').attr('data-fancybox','gallery').removeAttr('imageanchor style') $('.tr-caption-container').each(function(){ var caption=$(this).find('.tr-caption').text() $(this).find('a').attr('data-caption',caption) }) }) //]]></script> <script>//<![CDATA[ window.addEventListener('load',function(){ var data_embed=$('#comments').attr('data-embed'),data_allow_comments=$('#comments').attr('data-allow-comments'), elem=document.querySelector('.commentForm'),l='',id='',li='' if(data_embed=='true'&&data_allow_comments=='true'){ if(url.indexOf('#comments')!=-1||url.indexOf('?showComment')!=-1){ if(url.indexOf('?showComment')!=-1){appendChildHead('https://www.blogger.com/dyn-css/authorization.css?targetBlogID='+data.blog.blogId,'css')} $(elem).append('<iframe class="blogger-iframe-colorize blogger-comment-from-post" id="comment-editor" name="comment-editor" src="" title="comment iframe"></iframe>') $.getScript('https://www.blogger.com/static/v1/jsbin/2567313873-comment_from_post_iframe.js').done(function(){ BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html') $(elem).removeClass('loading') }) }else{ var load_iframe=0 function append_iframe(){ if(load_iframe==0){ load_iframe=1 if($('#comments').hasClass('threaded')){appendChildHead('https://www.blogger.com/dyn-css/authorization.css?targetBlogID='+data.blog.blogId,'css')} $(elem).append('<iframe class="blogger-iframe-colorize blogger-comment-from-post" id="comment-editor" name="comment-editor" src="" title="comment iframe"></iframe>') $.getScript('https://www.blogger.com/static/v1/jsbin/2567313873-comment_from_post_iframe.js').done(function(){ BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html') $(elem).removeClass('loading') }) } } window.addEventListener('scroll',function(){append_iframe()}) window.addEventListener('mousemove',function(){append_iframe()}) setTimeout(function(){append_iframe()},3000) } $('.comment a.comment-reply').click(function(e){ l=$('#comment-editor').attr('src') $('.calcel-reply').remove() $('.comment-actions').removeAttr('style') var $this=$(this), id=$this.attr('data-comment-id') l=l+'&parentID='+id li=$this.parent().parent().parent().attr('id') $('#comment-editor').attr('src',l) $this.parent().hide() $(elem).appendTo($('#'+li+'>.comment-replybox-single')) elem.scrollIntoView({behavior:'smooth'}) $('#'+li+'>.comment-replybox-single').append('<div class="calcel-reply"><button class="theme-button blue has-hover" type="button">Hủy</button></div>') $('.calcel-reply').click(function(){ $(this).remove() $('.comment-actions').removeAttr('style') $(elem).appendTo($('.comment-form')) elem.scrollIntoView({behavior:'smooth'}) }) }) $('.toplevel-thread>ol>li>.comment-replies').each(function(){ if($(this).find('.comment-thread>ol>li').length>0){ $(this).before('<div class="view-replies"><span class="has-hover">Xem '+$(this).find('.comment-thread>ol>li').length+' câu trả lời</span></div>') } $('.comment .view-replies>span').click(function(){ $(this).parent().hide() $(this).parent().next().removeClass('hidden') }) }) var str=$('.toplevel-thread>ol>li'),m=10,n=str.length,k=0,p=0 if(url.indexOf('?showComment')!=-1){ if(url.indexOf('#c')!=-1){ var li='#'+url.substring(url.indexOf('#c')+1,url.length) if($(li).parents('.comment-thread').hasClass('thirdlevel-thread')){ k=$(li).parents('li').parents('li').index() }else if($(li).parents('.comment-thread').hasClass('secondlevel-thread')){ k=$(li).parents('li').index() }else{k=$(li).index()} if(k>m){for(var i=0;i<k+1;i++){$(str[i]).removeClass('hidden')} }else{for(var i=0;i<m;i++){$(str[i]).removeClass('hidden')}} if(k<n){$('#comments .loadmore').removeClass('hidden')} $(li).parents('li').find('.view-replies').hide() $(li).parents('.comment-replies').removeClass('hidden') document.querySelector(li).scrollIntoView({behavior:'smooth'}) }else{ for(var i=0;i<m;i++){$(str[i]).removeClass('hidden')} if(n>m){$('#comments .loadmore').removeClass('hidden')} } }else{ for(var i=0;i<m;i++){$(str[i]).removeClass('hidden')} if(n>m){$('#comments .loadmore').removeClass('hidden')} } $('#comments .loadmore>a').click(function(){ p=$('.toplevel-thread>ol>li.comment.hidden').length k=n-p if(p==0){ $(this).parent().addClass('hidden') $('#comments .showless').removeClass('hidden') }else{ for(var i=k;i<k+m;i++){$(str[i]).removeClass('hidden')} } }) $('#comments .showless>a').click(function(){ n=str.length for(var i=m;i<n;i++){$(str[i]).addClass('hidden')} $(this).parent().addClass('hidden') $('#comments .loadmore').removeClass('hidden') elem.scrollIntoView({behavior:'smooth'}) }) if(url.indexOf('#comments')!=-1){elem.scrollIntoView({behavior:'smooth'})} } }) //]]></script> <script asysn='asysn' defer='defer' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script> <script asysn='asysn' defer='defer' src='https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/lazysizes.min.js'></script> </body><!--<head><style type='text/css'>@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(//fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiA8.ttf)format('truetype');}</style> <link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4440945066574809418&zx=7e78e8a4-435c-4e81-bc1b-bd142577becc' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4440945066574809418&zx=7e78e8a4-435c-4e81-bc1b-bd142577becc' rel='stylesheet'/></noscript> <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> </head><body> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2422103421-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY65xlNtDMcCQUnkrApZnSj9Jgf0jg:1754133440868';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4440945066574809418','//veobloggerv9.blogspot.com/p/chat.html','4440945066574809418'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4440945066574809418', 'title': 'VeoSpot Social Network', 'url': 'https://veobloggerv9.blogspot.com/p/chat.html', 'canonicalUrl': 'https://veobloggerv9.blogspot.com/p/chat.html', 'homepageUrl': 'https://veobloggerv9.blogspot.com/', 'searchUrl': 'https://veobloggerv9.blogspot.com/search', 'canonicalHomepageUrl': 'https://veobloggerv9.blogspot.com/', 'blogspotFaviconUrl': 'https://veobloggerv9.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'vi', 'localeUnderscoreDelimited': 'vi', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22VeoSpot Social Network - Atom\x22 href\x3d\x22https://veobloggerv9.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22VeoSpot Social Network - RSS\x22 href\x3d\x22https://veobloggerv9.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22VeoSpot Social Network - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4440945066574809418/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/8063e825842ed3ac', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft', 'key': 'link', 'shareMessage': 'Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Chia s\u1ebb v\u1edbi Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Chia s\u1ebb v\u1edbi X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Chia s\u1ebb v\u1edbi Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27vi\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': '\u0110\u1ecdc th\xeam', 'pageType': 'static_page', 'pageId': '6038174098737132816', 'pageName': 'Chat', 'pageTitle': 'VeoSpot Social Network: Chat'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Ch\u1ec9nh s\u1eeda', 'linkCopiedToClipboard': '\u0110\xe3 sao ch\xe9p \u0111\u01b0\u1eddng li\xean k\u1ebft v\xe0o b\u1ea3ng nh\u1edb t\u1ea1m!', 'ok': 'Ok', 'postLink': 'Li\xean k\u1ebft b\xe0i \u0111\u0103ng'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'T\xf9y ch\u1ec9nh', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Chat', 'description': ' \t \t \t\t \t\t\t \t\t\t \t\t\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t\t\t\t\t Frances Guerrero \t\t\t\t\t\t\t\t Online \t\t\t\t\t\t\t ...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tdLbJ-kjEwGoph-ydos1LyRpH3pWU1u5WwRh-Onqr0Bzv492v9Itql5JKQkEKLSzfRn_G1gemrY1czeHnfPskfa6zO', 'url': 'https://veobloggerv9.blogspot.com/p/chat.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 6038174098737132816}}, {'name': 'widgets', 'data': [{'title': 'VeoSpot Social Network (Ti\xeau \u0111\u1ec1)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'T\xecm ki\u1ebfm', 'type': 'BlogSearch', 'sectionId': 'navbarCollapse', 'id': 'BlogSearch1'}, {'title': 'menu', 'type': 'HTML', 'sectionId': 'navbarCollapse', 'id': 'HTML1'}, {'title': 'menu', 'type': 'HTML', 'sectionId': 'menua', 'id': 'HTML2'}, {'title': 'Gi\u1edbi thi\u1ec7u', 'type': 'HTML', 'sectionId': 'sidenav', 'id': 'HTML3'}, {'title': 'B\xe0i \u0111\u0103ng tr\xean Blog', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '6038174098737132816', 'title': 'Chat', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tdLbJ-kjEwGoph-ydos1LyRpH3pWU1u5WwRh-Onqr0Bzv492v9Itql5JKQkEKLSzfRn_G1gemrY1czeHnfPskfa6zO', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'B\u1edfi'}, {'name': 'timestamp', 'label': 'v\xe0o'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comments'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': '-'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'B\u1edfi'}, {'name': 'timestamp', 'label': 'v\xe0o'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'labels', 'label': '-'}]}, {'title': 'B\u1ea1n b\xe8', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML4'}, {'title': 'B\u1ea1n b\xe8', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML5'}]}]); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'navbarCollapse', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'navbarCollapse', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'menua', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidenav', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1428428031-lbx__vi.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar', document.getElementById('HTML4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar', document.getElementById('HTML5'), {}, 'displayModeFull')); </script> </body>--></html>