Header Ads

  • Cara Memasang Bookmark Blogger Pada Halaman Blog



    Bookmark blogger super premium yang kece dan keren dengan fitur responsive, tampilan harmonis dan dapat menambah pesona yang unik pada blog anda. Bookmark blogger bisa digunakan sebagai penanda (bookmark) untuk halaman artikel blog. Bookmark blogger memiliki fungsi seperti layaknya sebuah fitur bookmark yang ada pada browser, bedanya bookmark blogger ini menggunakan javascript local storage internal sebagai data base untuk menyimpan data URL halaman artikel blog. Buat yang tertarik untuk memasang bookmark blogger ini, silakan disimak tutorialnya.

    Cara Memasang Bookmark Blogger Pada Halaman Blog

    Apa Sih Bookmark ?

    Bookmark diartikan sebagai penanda yang merupakan fasilitas browser yang biasanya digunakan oleh pembaca untuk menandai situs yang disukai atau di favoritkan agar mudah diakses kembali dilain waktu dengan mudah dan cepat tanpa harus menghapal alamat (URL) situs web tersebut.

    Jadi pada prinsipnya bookmark itu adalah merupakan fasilitas yang ada pada sebuah browser seperti google chrome, mozilla, internet explorer, opera dan aplikasi browser lainnya untuk menyimpan alamat atau nama sebuah website dan mengelompokkan alamat url sesuai dengan topik atau tema yang ditentukan sehingga pembaca dapat dengan mudah mengakses halaman web tersebut dengan cepat.

    Akses cepat untuk menandai situs web kedalam bookmark yaitu dengan menekan kombinasi tombol keyboard Ctrl + D pada browser PC sedangkan pada browser mobile biasanya terletak pada akses menu umum yang terdapat pada browser mobile.

    Apa Sih Bookmark Blogger ?

    Fungsi dan tujuannya hampir sama dengan bookmark browser, yaitu untuk mempermudah pengunjung blog dengan menandai halaman artikel blog yang disukai atau difavoritkan.

    Tujuan Bookmark Blogger

    Bookmark blogger merupakan salah satu widget atau fitur pelengkap untuk sebuah blog, gunanya adalah agar pengunjung blog dapat dengan mudah dan cepat mengakses halaman artikel dilain waktu, tanpa harus menghapal alamat (URL) lengkap dari halaman artikel yang disukai atau difavoritkan tersebut.

    Cara Kerja Bookmark Blogger

    Sedikit penjelasan, pada fitur bookmark blogger ini saya menggunakan system localStorage sebagai penyimpan aktifitas pengguna yang dimana sistem ini dapat menyimpan data pembaca seperti pada fitur cookie (data yang disimpan didalam browser) sehingga daftar artikel favorit yang ditambah oleh pengguna tidak akan hilang meskipun browser di refresh atau berpindah halaman artikel lainnya yang ada pada suatu blog.

    Contoh penggunaan bookmark blogger ala CodeFlare seperti yang digunakan pada blog CodeFlare atau seperti yang terlihat pada gambar di bawah ini.




    Informasi Singkat
    Dalam konteks World Wide Web, bookmark adalah Uniform Resource Identifier (URI) yang disimpan untuk pengambilan nanti dalam berbagai format penyimpanan. Semua browser web modern menyertakan fitur bookmark. Bookmark disebut favorit atau pintasan Internet di Internet Explorer, dan berdasarkan pangsa pasar browser yang besar, istilah ini telah identik dengan bookmark sejak perang browser pertama. Bookmark biasanya diakses melalui menu di browser web pengguna, dan folder biasanya digunakan untuk pengaturan. Selain metode bookmark di sebagian besar browser, banyak aplikasi eksternal menawarkan pengelolaan bookmark.


    Bookmark telah dimasukkan ke dalam browser sejak browser Mosaic pada tahun 1993. Daftar bookmark disebut Hotlists di Mosaic dan di versi Opera sebelumnya; istilah ini telah memudar dari penggunaan umum. Browser web awal lainnya seperti ViolaWWW dan Cello juga memiliki fitur bookmark.

    Dengan munculnya bookmark sosial, bookmark bersama telah menjadi sarana bagi pengguna yang memiliki minat yang sama untuk mengumpulkan sumber daya web, atau untuk menyimpan bookmark mereka sedemikian rupa sehingga tidak terikat ke satu komputer atau browser tertentu. Layanan bookmark berbasis web memungkinkan pengguna menyimpan bookmark di server web jarak jauh, dapat diakses dari mana saja.

    Browser yang lebih baru telah memperluas fitur "bookmark" untuk memasukkan variasi pada konsep menyimpan link. Mozilla Firefox memperkenalkan bookmark langsung pada tahun 2004, yang menyerupai bookmark standar tetapi berisi daftar tautan ke artikel terbaru yang disediakan oleh situs berita atau weblog, yang diperbarui secara rutin melalui umpan RSS; namun, Mozilla menghapus fitur ini pada 2018. "Bookmarklet" adalah program JavaScript yang disimpan sebagai bookmark yang dapat diklik untuk menjalankan suatu fungsi.
    Sumber : Wikipedia



    Cara Pemasangan Widget Pada Blogger


    Cara pemasangan bookmark blogger hampir sama dengan cara untuk memasang widget blog tinggal copy-paste kode di bawah ini kemudian masukan kedalam kotak gadget blog atau tekan tombol "Add to Blogger" di bawah untuk menghindari kesalahan pemasangan sekaligus mempercepat proses pemasangan widget bookmark blogger.

    <div class="cflbookmark"></div>
    <div class="btmbookmark">
    <button id="btnAddBookmark" onclick="addBookmark()">Add Bookmark</button>
    <button id="btnRemBookmark" onclick="removeAllBookmark()">Remove All</button>
    <button id="btnCloseBookmark" onclick="closeBookmark()">Close</button>
    </div>
    <style>
    .cflbookmark{
    padding:5px;
    margin:10px 0;
    box-sizing:border-box;
    border:1px solid #ccc;
    height: 250px;
    overflow-y: scroll;
    background-color:#122446;
    }
    .cflbookmarkmob{
    margin:0;
    display:none;
    z-index:+999;
    position:fixed;
    background-color:#333;
    padding:5px;
    box-sizing:border-box;
    }
    .cftablebm{
    min-width:100%;
    font-size:15px;
    box-sizing:border-box;
    border-radius:5px;
    cursor:pointer;
    }
    .cftablebm td{color:#fff;padding-left:5px;vertical-align:middle;}
    .cftablebm td:first-child{width:64px;height:62px;}
    .cftablebm td:last-child{width:16px;padding-right:2px;border-left: 1px solid #ccc;font-size:20px;}
    .cfimgbm{width:64px;}
    .cftitlebm{word-break:break-all;}
    .btmbookmark{margin:0;padding:0;text-align:center;display:block;width:100%;}
    #btnAddBookmark{box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    background-color:#007dc1;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:6px 15px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
    }
    #btnAddBookmark:hover{
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    background-color:#0061a7;
    }
    #btnRemBookmark{box-shadow:inset 0px 1px 0px 0px #cf866c;
    background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    background-color:#d0451b;
    border-radius:3px;
    border:1px solid #942911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:6px 15px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;
    }
    #btnRemBookmark:hover{
    background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
    background-color:#bc3315;
    }
    #btnCloseBookmark{
    box-shadow:inset 0px 1px 0px 0px #a6827e;
    background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
    background-color:#7d5d3b;
    border-radius:3px;
    border:1px solid #54381e;
    display:none;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:6px 15px;
    text-decoration:none;
    text-shadow:0px 1px 0px #4d3534;
    }
    #btnCloseBookmark:hover{
    background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
    background-color:#634b30;
    }
    .btnCflMark{
    position: fixed;
    top: 48%;
    left: 0;
    background-color:rgba(0,181,235,.6);
    color: #fff;
    padding: 5px 8px 3px 10px;
    font-size: 24px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    transition:all .5s ease;
    z-index:+99999;
    }
    .btnCflMark:hover{
    padding-left:25px;
    background-color:rgba(0,131,218,1);
    }
    </style>
    <script>
    //<![CDATA[
    var elmImgSource = '.separator:eq(0)';
    var elmTitlePage = '.entry-title:eq(0)';
    var noImgSource = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyhyphenhyphenPd_Jvt4V79Xis6VGn33chGprqGCZAMavF3C6LM3DS0K9Om76P4BPcStY5Kb5xPIGG-0yaWSSB4_g3Ec3Giz2tYjplZpmF4fE6tFe4uWMOEexBJVFhstdDIHQTpS2r4gXLGmdJ2FtA/s0/office+girl.jpg';

    var _0x9f3d=["\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x6C\x62\x6F\x6F\x6B\x6D\x61\x72\x6B\x6D\x6F\x62\x22\x3E\x3C\x2F\x64\x69\x76\x3E","\x61\x70\x70\x65\x6E\x64","\x62\x6F\x64\x79","\x2E\x63\x66\x6C\x62\x6F\x6F\x6B\x6D\x61\x72\x6B\x6D\x6F\x62","\x61\x70\x70\x65\x6E\x64\x54\x6F","\x2E\x63\x66\x6C\x62\x6F\x6F\x6B\x6D\x61\x72\x6B","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x74\x6E\x43\x66\x6C\x4D\x61\x72\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x53\x61\x76\x65\x20\x74\x68\x69\x73\x20\x70\x61\x67\x65\x20\x21\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x6F\x70\x65\x6E\x45\x6C\x6D\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x28\x33\x30\x30\x2C\x33\x30\x30\x2C\x27\x2E\x63\x66\x6C\x62\x6F\x6F\x6B\x6D\x61\x72\x6B\x6D\x6F\x62\x27\x29\x22\x3E\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x61\x20\x66\x61\x2D\x62\x6F\x6F\x6B\x6D\x61\x72\x6B\x22\x20\x61\x72\x69\x61\x2D\x68\x69\x64\x64\x65\x6E\x3D\x22\x74\x72\x75\x65\x22\x3E\x3C\x2F\x69\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x6C\x62\x6F\x6F\x6B\x6D\x61\x72\x6B\x74\x69\x74\x6C\x65\x22\x3E\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x61\x20\x66\x61\x2D\x62\x6F\x6F\x6B\x6D\x61\x72\x6B\x22\x20\x61\x72\x69\x61\x2D\x68\x69\x64\x64\x65\x6E\x3D\x22\x74\x72\x75\x65\x22\x3E\x3C\x2F\x69\x3E\x20\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x20\x50\x61\x67\x65\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x62\x74\x6E\x43\x6C\x6F\x73\x65\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x63\x6C\x6F\x73\x65\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x28\x29\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x6E\x6F\x6E\x65\x3B\x22\x3E\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x61\x20\x66\x61\x2D\x74\x69\x6D\x65\x73\x22\x20\x61\x72\x69\x61\x2D\x68\x69\x64\x64\x65\x6E\x3D\x22\x74\x72\x75\x65\x22\x3E\x3C\x2F\x69\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x6C\x62\x6D\x63\x6F\x6E\x74\x65\x6E\x74\x22\x3E\x3C\x74\x61\x62\x6C\x65\x20\x69\x64\x3D\x22\x63\x66\x74\x61\x62\x6C\x65\x62\x6D\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x74\x61\x62\x6C\x65\x62\x6D\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x3E\x3C\x2F\x74\x61\x62\x6C\x65\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x74\x6D\x62\x6F\x6F\x6B\x6D\x61\x72\x6B\x22\x3E\x3C\x62\x75\x74\x74\x6F\x6E\x20\x69\x64\x3D\x22\x62\x74\x6E\x41\x64\x64\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x61\x64\x64\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x28\x29\x22\x3E\x53\x61\x76\x65\x20\x50\x61\x67\x65\x3C\x2F\x62\x75\x74\x74\x6F\x6E\x3E\x3C\x62\x75\x74\x74\x6F\x6E\x20\x69\x64\x3D\x22\x62\x74\x6E\x52\x65\x6D\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x72\x65\x6D\x6F\x76\x65\x41\x6C\x6C\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x28\x29\x22\x3E\x52\x65\x6D\x6F\x76\x65\x20\x41\x6C\x6C\x3C\x2F\x62\x75\x74\x74\x6F\x6E\x3E\x3C\x2F\x64\x69\x76\x3E","\x68\x74\x6D\x6C","\x2E\x63\x66\x6C\x62\x6F\x6F\x6B\x6D\x61\x72\x6B\x3A\x65\x71\x28\x30\x29","\x62\x6F\x6F\x6B\x6D\x61\x72\x6B","\x67\x65\x74\x49\x74\x65\x6D","","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x3B","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x2C","\x2E\x63\x66\x74\x61\x62\x6C\x65\x62\x6D","\x64\x69\x73\x70\x6C\x61\x79","\x69\x6E\x6C\x69\x6E\x65\x2D\x62\x6C\x6F\x63\x6B","\x63\x73\x73","\x23\x62\x74\x6E\x43\x6C\x6F\x73\x65\x42\x6F\x6F\x6B\x6D\x61\x72\x6B","\x74\x6F\x4C\x6F\x77\x65\x72\x43\x61\x73\x65","\x75\x73\x65\x72\x41\x67\x65\x6E\x74","\x69\x6E\x6E\x65\x72\x57\x69\x64\x74\x68","\x61\x6E\x64\x72\x6F\x69\x64","\x69\x6E\x64\x65\x78\x4F\x66","\x6D\x6F\x62\x69\x6C\x65","\x69\x70\x68\x6F\x6E\x65","\x69\x70\x6F\x64","\x62\x6C\x61\x63\x6B\x62\x65\x72\x72\x79","\x77\x69\x6E\x64\x6F\x77\x73\x20\x70\x68\x6F\x6E\x65","\x7A\x75\x6E\x65\x77\x70\x37","\x74\x61\x62\x6C\x65\x74","\x70\x6C\x61\x79\x62\x6F\x6F\x6B","\x77\x65\x62\x6F\x73","\x69\x70\x61\x64","\x73\x63\x72\x65\x65\x6E\x4C\x65\x66\x74","\x73\x63\x72\x65\x65\x6E\x58","\x73\x63\x72\x65\x65\x6E\x54\x6F\x70","\x73\x63\x72\x65\x65\x6E\x59","\x63\x6C\x69\x65\x6E\x74\x57\x69\x64\x74\x68","\x64\x6F\x63\x75\x6D\x65\x6E\x74\x45\x6C\x65\x6D\x65\x6E\x74","\x77\x69\x64\x74\x68","\x69\x6E\x6E\x65\x72\x48\x65\x69\x67\x68\x74","\x63\x6C\x69\x65\x6E\x74\x48\x65\x69\x67\x68\x74","\x68\x65\x69\x67\x68\x74","\x70\x78","\x73\x6C\x69\x64\x65\x44\x6F\x77\x6E","\x6C\x65\x66\x74","\x2D\x31\x30\x30\x70\x78","\x2E\x62\x74\x6E\x43\x66\x6C\x4D\x61\x72\x6B","\x3C\x74\x72\x3E","\x3C\x74\x64\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x69\x6D\x67\x62\x6D\x22\x20\x73\x72\x63\x3D\x22","\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x6F\x70\x65\x6E\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x28\x27","\x27\x29\x22\x2F\x3E\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x74\x69\x74\x6C\x65\x62\x6D\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x6F\x70\x65\x6E\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x28\x27","\x27\x29\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x3E\x3C\x69\x20\x69\x64\x3D\x22\x63\x66\x6C\x69\x73\x74","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x61\x20\x66\x61\x2D\x74\x72\x61\x73\x68\x2D\x6F\x22\x20\x61\x72\x69\x61\x2D\x68\x69\x64\x64\x65\x6E\x3D\x22\x74\x72\x75\x65\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x52\x65\x6D\x6F\x76\x65\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x72\x65\x6D\x6F\x76\x65\x42\x6F\x6F\x6B\x6D\x61\x72\x6B\x28\x74\x68\x69\x73\x2E\x69\x64\x29\x22\x3E\x3C\x2F\x69\x3E\x3C\x2F\x74\x64\x3E","\x3C\x2F\x74\x72\x3E","\x70\x6F\x70","\x2F","\x70\x61\x74\x68\x6E\x61\x6D\x65","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x73\x72\x63","\x61\x74\x74\x72","\x69\x6D\x67","\x66\x69\x6E\x64","\x23\x48\x65\x61\x64\x65\x72\x31","\x73\x31\x36\x30\x30","\x6D\x61\x74\x63\x68","\x73\x36\x34","\x72\x65\x70\x6C\x61\x63\x65","\x2F\x73\x30\x2F","\x3D\x73\x30","\x73\x30","\x73\x38\x30\x30","\x73\x36\x30\x30","\x4D\x61\x69\x6E\x20\x50\x61\x67\x65","\x74\x65\x78\x74","\x68\x72\x65\x66","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x2E\x2E\x2E","\x54\x68\x69\x73\x20\x70\x61\x67\x65\x20\x62\x6F\x6F\x6B\x6D\x61\x72\x6B\x65\x64\x20\x21","\x70\x75\x73\x68","\x73\x65\x74\x49\x74\x65\x6D","\x64\x65\x6C\x65\x74\x65\x52\x6F\x77","\x63\x66\x74\x61\x62\x6C\x65\x62\x6D","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x73\x70\x6C\x69\x63\x65","\x23\x63\x66\x74\x61\x62\x6C\x65\x62\x6D","\x72\x65\x6D\x6F\x76\x65\x49\x74\x65\x6D","\x62\x6C\x61\x6E\x6B","\x6F\x70\x65\x6E","\x73\x6C\x69\x64\x65\x55\x70","\x30","\x63\x74\x72\x6C\x4B\x65\x79","\x77\x68\x69\x63\x68","\x6F\x6E\x6B\x65\x79\x64\x6F\x77\x6E"];var cflgetbm1= new Array();var cflgetbm2= new Array();function initBookmark(){var _0xf924x4=chkUserDevice();if(_0xf924x4== true){var _0xf924x5=_0x9f3d[0];$(_0x9f3d[2])[_0x9f3d[1]](_0xf924x5);$(_0x9f3d[5])[_0x9f3d[4]]($(_0x9f3d[3]));var _0xf924x6=_0x9f3d[6];$(_0x9f3d[2])[_0x9f3d[1]](_0xf924x6)};$(_0x9f3d[9])[_0x9f3d[8]](_0x9f3d[7]);var _0xf924x7=localStorage[_0x9f3d[11]](_0x9f3d[10]);var _0xf924x8=_0x9f3d[12];if(_0xf924x7== _0x9f3d[12]|| _0xf924x7== _0x9f3d[13]|| _0xf924x7== null){addBookmark()}else {cflgetbm1= _0xf924x7[_0x9f3d[15]](_0x9f3d[14]);for(var _0xf924x9=0;_0xf924x9< cflgetbm1[_0x9f3d[16]];++_0xf924x9){cflgetbm2[_0xf924x9]= cflgetbm1[_0xf924x9][_0x9f3d[15]](_0x9f3d[17]);_0xf924x8+= addBookmarkList(cflgetbm2[_0xf924x9][0],cflgetbm2[_0xf924x9][2],cflgetbm2[_0xf924x9][1],(cflgetbm2[_0x9f3d[16]]- 1))};$(_0x9f3d[18])[_0x9f3d[8]](_0xf924x8)};if(_0xf924x4== true){$(_0x9f3d[22])[_0x9f3d[21]](_0x9f3d[19],_0x9f3d[20])}}function chkUserDevice(){var _0xf924xb=navigator[_0x9f3d[24]][_0x9f3d[23]]();var _0xf924x4=window[_0x9f3d[25]]< 500|| _0xf924xb[_0x9f3d[27]](_0x9f3d[26])!= -1|| _0xf924xb[_0x9f3d[27]](_0x9f3d[28])!= -1|| _0xf924xb[_0x9f3d[27]](_0x9f3d[29])!= -1|| _0xf924xb[_0x9f3d[27]](_0x9f3d[30])!= -1|| _0xf924xb[_0x9f3d[27]](_0x9f3d[31])!= -1|| _0xf924xb[_0x9f3d[27]](_0x9f3d[32])!= -1|| _0xf924xb[_0x9f3d[27]](_0x9f3d[33])!= -1&& _0xf924xb[_0x9f3d[27]](_0x9f3d[34])== -1&& _0xf924xb[_0x9f3d[27]](_0x9f3d[35])== -1&& _0xf924xb[_0x9f3d[27]](_0x9f3d[36])== -1&& _0xf924xb[_0x9f3d[27]](_0x9f3d[37])== -1;return _0xf924x4}function openElmBookmark(_0xf924xd,_0xf924xe,_0xf924xf){var _0xf924x10=window[_0x9f3d[38]]!= undefined?window[_0x9f3d[38]]:window[_0x9f3d[39]];var _0xf924x11=window[_0x9f3d[40]]!= undefined?window[_0x9f3d[40]]:window[_0x9f3d[41]];var _0xf924x12=window[_0x9f3d[25]]?window[_0x9f3d[25]]:document[_0x9f3d[43]][_0x9f3d[42]]?document[_0x9f3d[43]][_0x9f3d[42]]:screen[_0x9f3d[44]];var _0xf924x13=window[_0x9f3d[45]]?window[_0x9f3d[45]]:document[_0x9f3d[43]][_0x9f3d[46]]?document[_0x9f3d[43]][_0x9f3d[46]]:screen[_0x9f3d[47]];var _0xf924x14=((_0xf924x12/ 2)- (_0xf924xd/ 2))+ _0xf924x10;var _0xf924x15=((_0xf924x13/ 2)- (_0xf924xe/ 2))+ _0xf924x11;$(_0xf924xf)[_0x9f3d[21]]({'\x77\x69\x64\x74\x68':_0xf924xd+ _0x9f3d[48],'\x68\x65\x69\x67\x68\x74':_0xf924xe+ _0x9f3d[48],'\x74\x6F\x70':_0xf924x15,'\x6C\x65\x66\x74':_0xf924x14});$(_0xf924xf)[_0x9f3d[49]]();$(_0x9f3d[52])[_0x9f3d[21]](_0x9f3d[50],_0x9f3d[51])}function addBookmarkList(_0xf924x17,_0xf924x18,_0xf924x19,_0xf924x9){var _0xf924x1a=_0x9f3d[12];_0xf924x1a+= _0x9f3d[53];_0xf924x1a+= _0x9f3d[54]+ _0xf924x17+ _0x9f3d[55]+ _0xf924x18+ _0x9f3d[56];_0xf924x1a+= _0x9f3d[57]+ _0xf924x18+ _0x9f3d[58]+ _0xf924x19+ _0x9f3d[59];_0xf924x1a+= _0x9f3d[60]+ _0xf924x9+ _0x9f3d[61];_0xf924x1a+= _0x9f3d[62];return _0xf924x1a}function addBookmark(){var _0xf924x1c=(window[_0x9f3d[66]][_0x9f3d[65]])[_0x9f3d[15]](_0x9f3d[64])[_0x9f3d[63]]();if(elmImgSource!= _0x9f3d[12]&& $(elmImgSource)[_0x9f3d[16]]> 0){var _0xf924x1a=$(elmImgSource)[_0x9f3d[70]](_0x9f3d[69])[_0x9f3d[68]](_0x9f3d[67])}else {var _0xf924x1a=$(_0x9f3d[71])[_0x9f3d[70]](_0x9f3d[69])[_0x9f3d[68]](_0x9f3d[67])};if(_0xf924x1a== _0x9f3d[12]|| _0xf924x1a== undefined){var _0xf924x1a=noImgSource};if(_0xf924x1a[_0x9f3d[73]](_0x9f3d[72])){_0xf924x1a= _0xf924x1a[_0x9f3d[75]](_0x9f3d[72],_0x9f3d[74])};if(_0xf924x1a[_0x9f3d[73]](_0x9f3d[76])|| _0xf924x1a[_0x9f3d[73]](_0x9f3d[77])){_0xf924x1a= _0xf924x1a[_0x9f3d[75]](_0x9f3d[78],_0x9f3d[74])};if(_0xf924x1a[_0x9f3d[73]](_0x9f3d[79])){_0xf924x1a= _0xf924x1a[_0x9f3d[75]](_0x9f3d[79],_0x9f3d[74])};if(_0xf924x1a[_0x9f3d[73]](_0x9f3d[80])){_0xf924x1a= _0xf924x1a[_0x9f3d[75]](_0x9f3d[80],_0x9f3d[74])};if(_0xf924x1c== _0x9f3d[12]|| _0xf924x1c== _0x9f3d[13]){var _0xf924x1d=_0x9f3d[81]}else {if(elmTitlePage!= _0x9f3d[12]&& $(elmTitlePage)[_0x9f3d[16]]> 0){var _0xf924x1d=$(elmTitlePage)[_0x9f3d[82]]()}else {var _0xf924x1d=location[_0x9f3d[83]]}};if(_0xf924x1d[_0x9f3d[16]]> 80){_0xf924x1d= _0xf924x1d[_0x9f3d[84]](0,80);_0xf924x1d= _0xf924x1d+ _0x9f3d[85]};var _0xf924x1e=location[_0x9f3d[83]];var _0xf924x1f=false;for(var _0xf924x9=0;_0xf924x9< cflgetbm1[_0x9f3d[16]];++_0xf924x9){if(cflgetbm2[_0xf924x9][2]== _0xf924x1e){_0xf924x1f= true;break}};if(_0xf924x1f== true){alert(_0x9f3d[86]);return};cflgetbm1[_0x9f3d[87]](_0xf924x1a+ _0x9f3d[17]+ _0xf924x1d+ _0x9f3d[17]+ _0xf924x1e);var _0xf924x20=_0x9f3d[12];var _0xf924x8=_0x9f3d[12];for(var _0xf924x9=0;_0xf924x9< cflgetbm1[_0x9f3d[16]];++_0xf924x9){if(_0xf924x9== (cflgetbm1[_0x9f3d[16]]- 1)){_0xf924x20+= cflgetbm1[_0xf924x9].toString()}else {_0xf924x20+= cflgetbm1[_0xf924x9].toString()+ _0x9f3d[14]};cflgetbm2[_0xf924x9]= cflgetbm1[_0xf924x9][_0x9f3d[15]](_0x9f3d[17]);_0xf924x8+= addBookmarkList(cflgetbm2[_0xf924x9][0],cflgetbm2[_0xf924x9][2],cflgetbm2[_0xf924x9][1],_0xf924x9)};localStorage[_0x9f3d[88]](_0x9f3d[10],_0xf924x20);$(_0x9f3d[18])[_0x9f3d[8]](_0xf924x8)}function removeBookmark(_0xf924xf){var _0xf924x1a=_0xf924xf[_0x9f3d[75]](/^\D+/g,_0x9f3d[12]);document[_0x9f3d[91]](_0x9f3d[90])[_0x9f3d[89]](_0xf924x1a);cflgetbm1[_0x9f3d[92]](_0xf924x1a,1);var _0xf924x20=_0x9f3d[12];var _0xf924x8=_0x9f3d[12];for(var _0xf924x9=0;_0xf924x9< cflgetbm1[_0x9f3d[16]];++_0xf924x9){if(_0xf924x9== (cflgetbm1[_0x9f3d[16]]- 1)){_0xf924x20+= cflgetbm1[_0xf924x9].toString()}else {_0xf924x20+= cflgetbm1[_0xf924x9].toString()+ _0x9f3d[14]};cflgetbm2[_0xf924x9]= cflgetbm1[_0xf924x9][_0x9f3d[15]](_0x9f3d[17]);_0xf924x8+= addBookmarkList(cflgetbm2[_0xf924x9][0],cflgetbm2[_0xf924x9][2],cflgetbm2[_0xf924x9][1],_0xf924x9)};localStorage[_0x9f3d[88]](_0x9f3d[10],_0xf924x20);$(_0x9f3d[18])[_0x9f3d[8]](_0xf924x8);if(cflgetbm1[_0x9f3d[16]]== 0){closeBookmark()}}function removeAllBookmark(){cflgetbm1= [];cflgetbm2= [];$(_0x9f3d[93])[_0x9f3d[8]](_0x9f3d[12]);localStorage[_0x9f3d[94]](_0x9f3d[10]);closeBookmark()}function openBookmark(_0xf924x17){window[_0x9f3d[96]](_0xf924x17,_0x9f3d[95])}function closeBookmark(){$(_0x9f3d[3])[_0x9f3d[97]]();$(_0x9f3d[52])[_0x9f3d[21]](_0x9f3d[50],_0x9f3d[98])}function pressBookmark(_0xf924x20){if(_0xf924x20[_0x9f3d[99]]&& (_0xf924x20[_0x9f3d[100]]== 68)){addBookmark();return false}}document[_0x9f3d[101]]= pressBookmark;if($(_0x9f3d[5])){initBookmark()}
    //]]>
    </script>

    KETERANGAN

    Pada Kode :
    var elmImgSource = '.separator:eq(0)';

    Merupakan kode untuk menentukan variabel ID atau class dari tag gambar yang digunakan pada artikel blog, Silakan anda tentukan nama ID atau class yang mengapit tag gambar pertama yang ada di dalam artikel.

    Biasanya pada penggunaan standar blogspot untuk tag gambar diapit oleh tag div menggunakan nama class separator. Jika berbeda silakan anda sesuaikan dengan kode tag yang anda gunakan.

    Adapun cara mengetahui ID atau class dari tag gambar yang digunakan pada artikel blog adalah sebagai berikut.

    Menggunakan browser chrome pada PC, silakan anda buka salah satu halaman artikel yang ada diblog anda, tekan tombol keyboard F12 untuk membuka panel Developer Tool, kemudian tekan tombol panah kecil yang terletak dibagian kiri bawah panel, setelah itu arahkan pada gambar pertama yang ada dilayar monitor.


    Lihat elemen div yang mengapit kode untuk tag gambar artikel. Copy elemen class yang digunakan dalam hal ini sebagai contoh admin menggunakan class dengan nama separator.


    Setelah mendapatkan nama elemen class maka selanjutnya silakan anda gunakan sebagai input pada kode di atas. Sebagai contoh seperti yang terlihat di bawah ini.

    var elmImgSource = '.separator:eq(0)';

    Tanda titik (.) merupakan identitas untuk nama class sedangkan apabila menggunakan nama ID menggunakan tanda pagar (#). Penggunaan kode :eq(0) merupakan kode yang berarti elemen class yang digunakan adalah elemen dengan nama separator pada urutan yang pertama karena dalam kode program angka default pertama dimulai dari angka nol.

    Pada Kode :
    var elmTitlePage = '.entry-title:eq(0)';

    Merupakan kode untuk menentukan variabel ID atau class dari tag judul yang digunakan pada artikel blog. Silakan anda tentukan nama ID atau class yang mengapit tag judul artikel.

    Cara mengetahui ID atau class dari tag judul yang digunakan pada artikel blog caranya hampir sama dengan cara untuk mengetahui tag pada elemen gambar.




    Pada Kode :
    var noImgSource = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyhyphenhyphenPd_Jvt4V79Xis6VGn33chGprqGCZAMavF3C6LM3DS0K9Om76P4BPcStY5Kb5xPIGG-0yaWSSB4_g3Ec3Giz2tYjplZpmF4fE6tFe4uWMOEexBJVFhstdDIHQTpS2r4gXLGmdJ2FtA/s0/office+girl.jpg';

    Merupakan kode untuk variabel URL gambar default, silakan anda ganti dengan URL gambar default yang ingin anda gunakan.

    Source Code


    Bagi anda yang ingin mengetahui source code dari bookmark blogger yang admin buat, anda dapat mendownloadnya pada link di bawah ini. Source code bookmark blogger dibuat menggunakan file html yang bisa anda buka menggunakan program text editor seperti notepad dan sejenisnya. Link download source code menggunakan jasa iklan adfly, harap dimaklumi.

    Demikian artikel blog tentang Cara Memasang Bookmark Blogger Pada Halaman Blog terima kasih sudah berkunjung, jangan lupa Like, Share dan Subscribe, untuk pertanyaan, kritik ataupun saran silakan ditulis pada kotak komentar di bawah. Apabila ada kata-kata yang kurang berkenan atau informasi yang kurang akurat, harap dimaklumi. Akhir kata Semoga Bermanfaat.


    Keyword


    blog, blogger, blogspot, code, kode, widget, bookmark, cara, pasang, memasang, premium, keren, canggih, browser, marker, mark, penanda, simpan, data, url, halaman, artikel, post, posting

    Incoming Search Term


    Widget bookmark blogger untuh blogspot, Javascript bookmark blogger, html5 bookmark blogger, css bookmark blogger, cara pasang script bookmark untuk halaman blogger, cara membuat penanda bookmark untuk artikel blog, bookmark blogger super premium, kode membuat bookmark terbaru, script bookmark blogger terbaik, pasang gadget blogspot bookmark blogger, cara menambahkan bookmark pada situs blog, bookmark internal selain browser, bukan bookmark bawaan browser

    No comments

    Post Top Ad

    Post Bottom Ad