logo blog

Cara Alternatif Mengatasi Url Blog Yang Di Block Facebook [ Tidak Bisa Share Link ]

Cara Alternatif Mengatasi Url Blog Yang Di Block Facebook [ Tidak Bisa Share Link ]
Cara Cepat Membuka Website/Situs yang di blokir

Facebook Block Share UEL Website Atau Blog


Mengatasi Tidak bisa share url atau link blog ke facebook...!!! malam juma'at gan, sis. Kali ini saya akan berbagi sebuah trik tidak licik untuk mengatasi url blog atau postingan yang tidak bisa di share ke facebook atau situs lainnya, bisa di bilang sudah di anggap spam sama pihak tertentu.

Kenapa bisa kena block? biasanya, berdasarkan pengalaman saya url / link tersebut terlalu sering di share atau di posting ke situs facebook atau yang lainnya, jadi si dia menganggap kamu sebagai spam yang selalu muncul di kehidupannya dengan waktu yang terlalu cepat :3

Nah Disini saya bukan memberikan tutorial cara mengatasi blog atau url yang tidak bisa di share ke sosial media facebook, tapi hanya alternatif lain supaya link yang kita buat tetap bisa di share.

Kalau untuk mengatasi kena blocknya sih biasanya cukup jangan share dulu artikel dan tunggu saja beberapa hari nanti juga bisa lagi di share, tapi cara ini terlalu lama menunggu :3 , makannya saya berikan alternatif lain.

Contohnya Ketika kita mau share url yang di block akan ada pesan seperti berikut.

Anda tidak dapat mengirim ini karena berisi tautan yang diblokir
Konten yang akan Anda bagikan berisi tautan yang terdeteksi sebagai tidak aman oleh sistem keamanan kami:


Ok lah, sekarang kita langsung saja ke tahap-tahapnya.
  • Pertama silahkan kalian buat blog baru, yang free aja di Blogger.com
  • Terus ganti template bawaan blog dengan template yang ringan saja, tidak usah seo / hal lainnya.
  • Sebagai contoh, gunakan template dibawah ini

<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:skin><![CDATA[]]></b:skin>
</head>
<body>
<script>
function MasTamvan() {
    var Open = window.open("http://mastamvan.blogspot.com/", "_self");
}
</script>
<div onmouseover="MasTamvan()" onclick="MasTamvan()" style="width:100%;height:100%"></div>
<b:section id='mastamvan.blogspot.com' preferred='yes'/>
  </body>
</html>
Silahkan ganti http://mastamvan.blogspot.com/ dengan url blog atau website kalian yang terkena blokir oleh facebook
  • Tapi jika kalian ingin menggunakan template yang sudah ada, cukup masukan javascript berikut di template tersebut.

<script>
function MasTamvan() {
    var Open = window.open("http://mastamvan.blogspot.com/", "_self");
}
</script>

Nanti hasilnya seperti ini. Contoh Blog Redirect
Nah sekarang tinggal share url tersebut ke facebook, secara otomatis ketika blog tersebut di buka maka akan segera redirect ko url yang ada pada javascript tadi.
Cukup sekian dan terima kasih. Semoga artikel yang saya share tentang Cara Alternatif Mengatasi Url Blog Yang Di Block Facebook [ Tidak Bisa Share Link ]ini bermanfaat.

Jangan lupa tinggalkan jejak kalian di kolom komentar ya :)

Simple CSS Notification From Top

Simple CSS Notification From Top
Simple CSS Notification From Top

Simple CSS Notification From Top


Simple CSS Notification From Top Jumpa lagi mas gan, sis gan dengan saya di blog mas tamvan ini :3 di postingan kali ini saya akan berbagi sebuah notification yang muncul ketika blog di load dan akan keluar secara otomatis dalam beberapa detik.

Tapi saya juga menyediakan notification yang akan keluar atau hilang ketika tombol X/( Close ) di klik.
Jadi kalian tinggal milih mana yang mau di pasang, mau yang muncul lalu keluar dengan sendirinya atau muncul dan keluarnya d klik tombol klosnya.

Untuk melihat tampilannya, silahkan klik tombol result dibawah ini
Notifikasi ini tidak hanya menggunakan namun juga ditambah dengan sedikit ramuan javascript, tapi kalau buat notifikasi yang muncul lalu keluar dengan sendirinya aga sedikit banyak ramuan yang d berikan :3 . Tapi tenang saja, tidak akan membuat blog menjadi berat dengan beban segitu.

Udah lah, saya yakin g bakalan ada yg baca bacotan d atas, mending langsung ke tutorialnya saja.
Untuk tutor cara pemasangannya, simak tutor singkat dibawah ini.

Pertama-tama mari kita Berdoa Dulu......, Kalo sudah kit lanjut ke tutornya

Simple CSS Notification From Top

  • Login ke Blogger.com
  • Masuk ke Tab Template-> Klik Edit HTML, Cari Code ]]></b:skin> atau </style> 
  • Lalu masukan CSS dibawah ini tepat diatas kode ]]></b:skin> atau </style> 

#note {
        position: absolute;
        font-family:"Roboto",sans-serif;color: #241111 !important;
        padding: 9px 0px 8px;
        font-weight: bold;
        z-index: 6001;
        top: 0;
        left: 0;
        right: 0;
        background:#FFCE08 ;
        text-align: center;
        line-height: 2.5;
        overflow: hidden; 
        -webkit-box-shadow: 0 0 5px black;
        -moz-box-shadow:    0 0 5px black;
        box-shadow:         0 0 5px black;
}
.cssanimations.csstransforms #note {
        -webkit-transform: translateY(-50px);
        -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
        -moz-transform:    translateY(-50px);
        -moz-animation:    slideDown 5.5s 1.0s 1 ease forwards;
}
.tamvan {
    display: inline-block;
    font-family: inherit;
    font-weight: bold;
    outline: 0px none !important;
    border: 1px solid #D4D4D4 ;
    border-radius: 2px;
    color: #444 !important;
    background: transparent linear-gradient(to bottom, #F4F4F2, #EDEDEB) repeat scroll 0% 0%;
    white-space: nowrap;
    padding: 5px 8px !important;
    line-height: 1.4 !important;
    position: relative;
}
.tamvan:hover{
 background:red;
    border: 2px solid red;
}
#note:hover{
    background:#2A2F33;
    color:#FFF !important;
}
#close {
    position: absolute;
    right: 10px;
    top: 20px;
    text-indent: -9999px;
    background: url(http://media.corporate-ir.net/media_files/IROL/12/129751/images/2015/icon-close.png);
    height: 16px;
    width: 16px;
    cursor: pointer;
}
.cssanimations.csstransforms #close {
    display: none;
}    
    @-webkit-keyframes slideDown {
        0%, 100% { -webkit-transform: translateY(-50px); }
        10%, 90% { -webkit-transform: translateY(0px); }
    }
    @-moz-keyframes slideDown {
        0%, 100% { -moz-transform: translateY(-69px); }
        10%, 90% { -moz-transform: translateY(0px); }
    }
 
Jika kalian ingin menggunakan javascript yang ke-2 dan ingin menampilkan Notifikasinya dengan waktu yang aga lama, silahkan ganti 5.5s Dengan waktu yang kalian inginkan
  • Selanjutnya cari kode <body>, lalu masukan HTML dibawah ini tepat d bawahnya

<div id="note">
        Jangan Lupa Shalat Wajib 5 Waktu Ya . <a class='tamvan' href="LINK-TUJUAN">Let's Go</a> <a id="close">[Blog Mas Tamvan]</a>
    </div>
Silahkan ganti kata Jangan Lupa Shalat Wajib 5 Waktu Ya .
. Ganti Juga Tulisan LINK-TUJUAN Dengan Link Kalian

  • Nah untuk tahap selanjutnya, kalian pilih mau yang mana?
  • Mau yang manual keluar dengan meng klik tombol klos atau yang otomasi keluar sendiri setelah beberapa detik tampil
  • Silahkan pilih javascript dibawah ini
  • Menghilangkannya dengan tombol klos

 <script type='text/javascript'>
   close = document.getElementById("close");
   close.addEventListener('click', function() {
     note = document.getElementById("note");
     note.style.display = 'none';
   }, false);
  </script>

  • Menghilang sendiri setelah beberapa detik / menit

<script async src="https://rawgit.com/mastamvan/backup/master/NotificationTop.js"></script>

  • Kalau sudah memilih salah satu javascriptnya
  • Sekarang kalian pasang Javascript tersebut di atas kode </head>
  • Tinggal Save Template Dan Lihat Hasilnya.

Cukup sekian dan terimakasih, semoga artikel dari saya tentang Simple CSS Notification From Topini Bermanfaat.
Jangan lupa tinggalkan jejak kalian d kolom komentar ya :)

Cek Responsive Blog Dengan Google Resizer

Cek Responsive Blog Dengan Google Resizer
Cek Responsive Blog Dengan Google Resizer

Cara Cek Responsive Blog Menggunakan Tool Google Resizer


Google Resizer Responsive Website Checker


Google Resizer Free Toll yang sering di gunakan untuk melihat sebuah design template sudah responsive atau belum, jadi buat kalian yang sedang mencari, membuat Blog atau template yang responsive dan ingin mengetahui seberapa responsive blog kita kalian bisa memanfaatkan tool yang disediakan oleh google ini yaitu RESIZER - GOOGLE DESIGN.

Google Resizer Responsive Website Checker

Visit Site Click Link Resizer - Google Design Untuk mengecek responsive atau tidaknya blog kita, kamu bisa memasukan URL blog ke kolom Url yang sudah di sediakan, Kalian juga bisa melihat responsive blog kita ketika digunakan di mobile / hp, handpone.

Jadi Google Resizer - Responsive web design ini sangat bermanfat bagi kita untuk mengetahui responsive atau tidaknya blog kita.

cek responsive blog handphone, mobile, mobail

Nah sekarang silahkan coba Google Resizer ntuk mengetahui seberapa responsivenya, dan buat lah blog kalian se responsive mungkn karena google sekarang sudah menyarankan blog atau website kita tampil di semua perangkat serapih mungkin tidak melebihi resolusi dari sebuah perangkat tersebut, misal blog kita di kunjungi orang melalui perangkat hp yang memiliki resolusi layar yang lumayan kecil, kalian harus bisa menyesuaikan tampilan blog agar tidak membuat pengunjung harus menscroll ke samping ketika sedang membacanya.

Cukup sekian artikel dari saya tentang Cara mengetahui Responsive Blog Kita Menggunakan Google Resizer.
Jangan Lupa Tinggalkan Jejak Kalian di Kolom Komentar ya :)

Tool Untuk Menampilkan Script Yang di Encrypt

Tool Untuk Menampilkan Script Yang di Encrypt
 Cara Menampilkan Script Yang di Encrypt document.write(unescape(

Tool Untuk Menampilkan Script Yang di Encrypt document.write(unescape(


Cara Membuka / Decode Script Yang Di Sembunyikan dengan Encrypt


Kali ini saya akan berbagi tools untuk membuka script yang di sembunyikan dengan Encrypt document.write(unescape( , sebelumnya saya sudah membuat postingan tentang cara menyembunyikan script menggunakan Encrypt Tool Online

Bagi kalian yang ingin membuka sebuah coding / javascript yang di encrypt dengan bentuk document.write(unescape( maka kalian bisa menggunakan tool ini, bagi script yang di encrypt dengan cara lain tidak akan bisa di buka dengan tool ini, karena tool ini khusus untuk men decode script sebagai berikut.

Contoh Script yang di Encrypt

<script type="text/javascript">
document.write(unescape('%3C%64%69%76%20%69%64%3D%27%74%65%6A%61%27%3E%0A%3C%64%69%76%20%63%6C%61%73%73%3D%27%73%75%6B%6D%61%6E%61%27%3E%0A%3C%68%31%3E%20%49%6E%69%20%53%65%62%61%67%61%69%20%50%65%72%63%6F%62%61%61%6E%3C%2F%68%31%3E%0A%3C%2F%64%69%76%3E%0A%3C%2F%64%69%76%3E'));
</script>

Untuk membuka Script yang di Encrypt kalian cukup mencopy dari kode % sama Angka saja, contoh script di atas saya kasih warna merah.
Setelah di copy silakan paste di tool yang saya share ini, klik button diibawah.

Tool Untuk Menampilkan Script Yang di Encrypt


Decode document.write(unescape(


Semoga artikel ini bermanfaat ya gan. Jangan lupa share biar berkah :)
Jangan lupa untuk membaca tips dan trik lainnya yang sudah saya share ya :)

Tutorial Blogger Lainnya :
  • CSS Beautifier Tool Untuk Merapihkan CSS Yang Berantakan

  • Encrypt Tool Online Untuk Menyembunyikan Script

  • CSS Minifier Kompres Css Untuk Mempercepat Loading Blog




Cukup Sekian dan Terimakasih sudah membaca artikel tentang Tool Untuk Menampilkan Script Yang di Encrypt , apabila ada yang tidak di mengerti silahkan bertanya di kolom komentar, jika tidak ada yang mau di tanyakan tetap lah untuk meninggalkan jejak di kolom komentar ya :)