Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts
Monday, 14 October 2019
Jadi Cendekia Cara Menciptakan Direct Pribadi File Google Drive
Google Drive merupakan akomodasi hosting gratis yang disediakan oleh google bagi pemilik akun google, untuk penyimpanan file apa saja yang kita inginkan dengan kapasitas 15 GB. Google Drive termasuk pilihan para blogger sebagai daerah hosting gratis dengan loading cepat dibandingkan dengan hosting gratis lainnya.
Biasanya para blogger menyimpan file yang diharapkan pengunjung blog untuk men-donwload. Baik itu berupa template, video, musik, atau dokument lainnya. Namun terkadang masih banyak yang memakai link yang diberikan oleh google drive, sehingga jikalau link download yang ada di blog di klik masih menuju ke halaman google drive untuk melihat file.
Kali ini saya share cara supaya file dapat download otomatis tanpa harus menuju ke halaman google drive, kita dapat memakai akomodasi Google Drive Direct Link Generator. Silahkan masukkan link file anda > create direct link > copas link yang ada di bab output link. selesai
Praktis kan? selamat mencoba dan biar bermanfaat...
Monday, 30 September 2019
Jadi Cendekia Cara Menciptakan Tombol Sosial Media Di Blog Terbaru 2016
Cara Membuat Tombol Sosial Media di Blog Terbaru 2016. Sosial media (sosmed) semakin hari semakin berkembang pesat dikalangan dan banyak diminati oleh semua kalangan. Tak lupa bagi para blogger, seakan ini menjadi kewajiban untuk meningkatkan jumlah pengunjung. Oleh karenanya, para blogger mempublikasikan akun sosmed mereka di blog masing-masing, tentu saja dengan banyak sekali modifikasi semoga terlihat lebih bagus.
Sebenarnya sudah banyak sih dibahas di blog lain, tapi gak ada salahnya saya pun juga ikutan nge-share tutor cara menciptakan tombol sosial media terbaru dan terkeren tahun 2016 ini. Yuk simak cerita selanjutnya...
Model pertama
- Letakkan instruksi css ini diatas
]]></b:skin>atau</style>
.rss,.email,.fb,.tw,.plus{margin-right:5px;}
#social a:hover {background-color: transparent;opacity:0.7;}
#social img {transition: all 0.8s ease-in-out;}
#social img:hover {transform: rotate(360deg);} - Selanjutnya pastekan instruksi HTML ini dimana saja sesuai selera. saran saja di sidebar paling atas, jangan di bawah artikel alasannya yaitu ini bukan tombol share.
<div id="social">
<a class="rss" title="Jadi Pintar Cara Membuat Tombol Sosial Media di Blog Terbaru 2016" href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR7Dnco7cO2btyocUW8FIa0OhXEF9yWOFWA92x0YoDLsfnZYk231Rsb1umYRtoP4Lbvt61bTlqF25TTd62neOWXTfDx1iEip6NPCEYqjoyQYEuOsq9itrNsndR_Bqqj7rMPbLK7Bh8U4Q/s48-Ic42/RSS.png" alt="Cara Membuat Tombol Sosial Media di Blog Kaprikornus Pintar Cara Membuat Tombol Sosial Media di Blog Terbaru 2016"/></a>
<a class="email" title="Jadi Pintar Cara Membuat Tombol Sosial Media di Blog Terbaru 2016" href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWH8vDtUxVT34_9yOSyOIj-M9b_YghMsOJVGzZ2pPNac7K4ysXZhyGuckrSVatppdDtx5pdQOHxc_Ow2kWNbvzU_vbISzvMFu02Xiy1kOrsviqgzyB2DSSl_ftRsQVpabRscZxbOd20qY/s48-Ic42/RSS-EMAIL.png" alt="Cara Membuat Tombol Sosial Media di Blog Kaprikornus Pintar Cara Membuat Tombol Sosial Media di Blog Terbaru 2016"/></a>
<a class="fb" title="Jadi Pintar Cara Membuat Tombol Sosial Media di Blog Terbaru 2016" href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROsy3bEo2iGHvX-HLypHsXuQFmyX9S7CA0ZI_xnouqM2s9YYr9yOWZhYiRS91EuRjumClNBZTnswwoTc9C5IEE9V-WBpVfCENr1d7QtroRx3MfCmhdNNWVSJevGNIYOxkNvF8AQawKD0/s48-Ic42/FACEBOOK.png" alt="Cara Membuat Tombol Sosial Media di Blog Kaprikornus Pintar Cara Membuat Tombol Sosial Media di Blog Terbaru 2016"/></a>
<a class="tw" title="Jadi Pintar Cara Membuat Tombol Sosial Media di Blog Terbaru 2016" href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuh5iWNEM6zsGI-TsjSVPZiOlIqfiCwUpdpu_aVP6xKwgL6YuF5Ghp_NkTu-6pB6AXvYtwKkkNRIGxurNjbjblSnQ86fwtGyXo5W9xsOhIIwCOD_GxSIG-y6EKBls9ly9uvd04SQdrgck/s48-Ic42/TWITTER.png" alt="Cara Membuat Tombol Sosial Media di Blog Kaprikornus Pintar Cara Membuat Tombol Sosial Media di Blog Terbaru 2016"/></a>
<a class="plus" title="Jadi Pintar Cara Membuat Tombol Sosial Media di Blog Terbaru 2016" href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2RRLmEWkECDvk068PKKLZEUyL7VKh_UxG9JPkw_FGd6HAVDQJMzW9MHjojW_vvxDsP5w3CBhRu8UzmgKvAUwU7oCH3-XKu9XM5iRO5eV9OFPF9pKz2hSbpfblDAk9rWB3P64_QN5gwnk/s48-Ic42/GOOGLE-PLUS.png"alt="Cara Membuat Tombol Sosial Media di Blog Kaprikornus Pintar Cara Membuat Tombol Sosial Media di Blog Terbaru 2016"/></a>
</div> Silahkan ganti # dengan url akun sosmed anda.
Selesai semoga beruntung... ups kayak ikut undian saja. hehe...
Demo
Model kedua
- Kode CSS
.social{clear:right;float:left;list-style:none;margin: 0px;margin-top: 8px;padding:0px;}
.footer .social{float:none;}
.footer .social li a{margin:0 5px 8px 0;}
.social li{display:inline-block;text-indent:-999em;}
.social li a{display:block;width:32px;height:32px;margin-left:5px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGtzmNbu-TvaaqU8dFwFVSC_NAXsW7p34rmvFwYK2HyA2ZtTcszOLx3zz5KaCAs0VREyriYemH5nT-2Yiuy-rG1bcFI8q5UypEediesi7qrUFjI1eYmPXxnjvAcUYmpo8kiFhWmB8ZsfoD/s1600/Social.png);background-repeat:no-repeat;border-radius:16px;background-clip:padding;}
.social li:first-child a{margin-left:0;}
.social li a:hover{border-top-left-radius:0px;}
.social li a.facebook:hover{background-color:#3c5fac;}
.social li a.twitter{ background-position:-32px 0;}
.social li a.twitter:hover{background-color:#5ec3df;}
.social li a.rss{background-position:-96px 0;}
.social li a.rss:hover{background-color:#ff9900;}
.social li a.google{background-position:-256px 0;}
.social li a.google:hover{background-color:#c63d2d;}
.social li a.youtube{background-position:-384px 0;}
.social li a.youtube:hover{background-color:#c8312b;}
.social li a.pinterest{background-position:-416px 0;}
.social li a.pinterest:hover{background-color:#cb2027;}
.social li a.tumblr{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOQOFRlP2788ohPvjlxQ04q3PqI9nvKzYlFLX6B9jMyvVVKcr5f58bb71zm4e4URRoFF9KCnqF-w1WZM664iGegvQ8YbSGqidFb5sXShF1MJ2iZkPEta0XwnTuMpqLeIzS32AGDUdoSvAN/s1600/tumblr.png);}
.social li a.tumblr:hover{background-color:#2C4762;}
.social li a{background-color:#bbb;transition: all 0.3s ease-out;} - Kode HTML
<ul class='social'>
<li><a class='google' href='#' target='_blank'>Google+</a></li>
<li><a class='facebook' href='#' target='_blank'>Facebook</a></li>
<li><a class='twitter' href='#' target='_blank'>Twitter</a></li>
<li><a class='youtube' href='#' target='_blank'>LinkedIn</a></li>
<li><a class='rss' href='#' target='_blank'>RSS</a></li>
<li><a class='pinterest' href='#' target='_blank'>Pinterest</a></li>
</ul> Demo
Pemasangannya sama dengan model pertama
Wednesday, 11 September 2019
Jadi Cerdik Nge Blog Itu Indah
Sesuai dengan judulnya "ngeblog itu indah" kenapa? semenjak saya mulai mengenal dunia blogging hingga sekarang. Selain dapat berbagi, juga dapat menambah ilmu dan punya teman yang dapat saling mengenal satu sama lain meski hanya di dunia internet.
Sudah niscaya menambah ilmu dari apa yang diketahui teman yang di publish di blog masing-masing. Saling mengenal satu sama lain dengan menilai aksara atau gaya bahasa artikel dan komentar yang ada.
Ada yang kaku, judes, sok keren, pamer, suka ngetawain, becanda mulu, dan lainya. yang semua itu dapat saling mengisi satu sama lain.
Inilah mereka yang sering nongol bersama di dunia maya, saling berbagi, mengisi, melengkapi dan bercanda.
| Admin | Blog |
|---|---|
| Adhy suryadi | www.kompiajaib.com |
| Yanto Cungkup | www.wongcungkup.com |
| Indra Kusuma | www.direktori-wisata.com |
| Cilembu Thea | www.desacilembu.com |
| Santika | tehsantika.blogspot.com |
| Mbah Dinan | www.bengkelblogger.net |
| Eka Ikhsanudin | www.ekaikhsanudin.net |
| Mang Yono | www.mangyono.com |
| M Mukhlis | www.mediareferensi.id |
| Trik Pos | triknews.blogspot.com |
| Hendri hendriyana | www.natureveshop.com |
| Indra DP | www.indradp.com |
| Wong Crewchild | wongcrewchild.blogspot.co.id |
| Uda Awak | www.matrapendidikan.com |
| Dwi Sugiarto | www.mediakompilasi.com |
| Albarnation | www.albarnation.com |
| Ibrahim Lubis | www.terwujud.com |
| Sonny Ogawa | www.sonnyogawa.com |
Sudah hingga sini gak usah jauh-jauh semoga terjangkau, kalau kurang tambah sendiri dan kalau lebih ambil sendiri.
Saturday, 10 August 2019
Jadi Bakir Perhatian Blog Dengan Https Harus Submit Ulang Di Search Console
HTTPS Hypertext Transfer Protokol Secure merupakan adonan HTTP dengan SSL (Secure Socket Layer) yang kalau komunikasi melalui HTTPS akan dienkripsi dan analisa yang berfungsi untuk menjaga kemanan data dari hacker yang berniat membajak sebuah dokumen secara ilegal. Sedangkan tujuan HTTPS yakni untuk mengantisipasi terjadinya eror kegiatan sebuah data dan kerusakan server tanggapan kegagalan koneksi yang disebabkan perusahaan yang di buat oleh pakar hacker yang tidak bertanggung jawab.
Cara kerja hacker untuk membajak sebuah file dokumen biasa nya memakai tool wireshak, ketika tool ini terkoneksi ke internet maka protokol HTTP akan gampang untuk di jebol pertahanan keamanan nya. Berbeda dengan sistem HTTPS, tool yang dipakai tidak akan bisa menembus keamanan dari sebuah dokumen dengan memakai protokol HTTPS.
Nah, beberapa waktu yang kemudian sesudah mengalikan eksistensi .com ke .co.id untuk indonesia, blogspot menambahkan fitur https gratis untuk blog yang tidak memakai custom domain alias masih memakai subdomain blogspot. bayangkan kalau anda membeli pribadi SSL ini bisa mencapai angka ratusan ribu bahkan jutaan ruriah.
Namun, banyak sekali duduk perkara muncul dengan mengaktifkan fitur HTTPS ini di blogspot ibarat errornya blog lantaran tidak terbacanya script yang memakai HTTP dan error yang lain.
Sekarang muncul duduk perkara lagi di Search Console / Google Webmaster. Setelah aku mengaktifkan HTTPS untuk blog ini, ketika mau submit url artikel / postingan muncul peringatan warna kuning bahwa blog dialihkan (seperti gambar diatas). Saya mulai bertanya-tanya ada apa ini dan kenapa? sebelumnya aku tidak menduga ini duduk perkara HTTPS yang akibatnya aku konsultasi ke dokternya blog yakni mas Adhy Suryadi admin blog kompiajaib.com yang menurutnya blog yang mengaktifkan HTTPS harus submit ulang di Search Console. Saya ikuti saran ia dan akibatnya hingga kini pun kondusif dan nyaman ketika submit url postingan.
Itulah dongeng aku untuk anda pengguna blogspot supaya bermanfaat.
Monday, 25 March 2019
Jadi Cendekia Menulis Artikel Blog Jangan Pake Bahasa Alien Gitu
Yang namanya ngeblog tidak lepas dari menulis, menulis dan menulis. Ada yang menyampaikan bahwa ngeblog yakni gaya hidup, ngeblog ibarat halnya update status di media umum hanya saja kita punya alamat sendiri. Sehingga perlu meng-update apa saja yang mungkin bermanfaat bagi orang lain supaya lebih disukai orang dan mesin pencari ibarat google, yahoo dan lain-lain. Membuat artikel itu gampang tapi bagaimana artikel kita disukai orang dan mesing pencari itu yang agak sulit. Sebenarnya sudah banyak yang mengulas perihal ini, tapi disini saya lebih fokus ke bahasa. Karena itu saya kasih judul menulis artikel blog jangan pake bahasa alien.
Seperti yang sering dibahas di blog lain bahwa dalam menulis haris memakai bahasa sendiri alasannya yakni kebanyakan pembaca dan SE lebih suka bahasa yang tampil beda dan gampang dipahami. Bagaimana dengan bahasa alien? itu bahasa yang sulit dimengerti dan bukan bahasa sehari-hari ibarat penggunaan bahasa populer, bahasa kedokteran (jika blog kesehatan), dan bahasa buku.
1. Bahasa Populer
Biasanya dipakai oleh website-website organisasi pemerintahan ibarat kemenag, kemendikbud, dll. web bisnis dan web sekolah / universitas yang pengunjungnya hanya dari kalangan mereka saja ibarat mahasiswa dll. Jika blog personal ibarat kita yang memang ingin dilirik SE memakai bahasa terkenal tentu sanggup dibilang fatal, ibarat kata "integrasi" dan "intervensi" saya yakin sedikit atau bahkan tidak ada pengguna yang mengetik kata tersebut di SE.
2. Bahasa Buku
Ini masih terkait dengan poin 1. Biasanya ini dipakai untuk blog yang membagikan makalah / skripsi dll. Kita tahu bahwa bahasa buku memakai pendahuluan / pengantar diparagraf pertama yang tidak ada kata kunci yang cocok untuk nangkring di page one google. Jika anda membagikan makalah / skripsi, buatlah file download saja sehingga artikel yang tampil bukan copas dari makalah / skripsi tersebut. Pengalaman artikel blog ini yang memakai bahasa buku tidak terindek di SE alasannya yakni bahasa cenderung terlalu kaku.
3. Bahasa Kedokteran
Biasanya ini dipakai oleh blog yang mengulas perihal kesehatan ibarat blog saya yang lain yang tidak sanggup bersaing di SE alasannya yakni 3 poin ini, coba perhatikan cuilan teks berikut:
Teh yang sangat manis, softdrink, dan minuman buah komersial yang bagus harus dihindari alasannya yakni cairan ini mengandung gula yang sangat tinggi sehingga hipo osmoler dan sanggup menimbulkan diare osmotik, hipernatremi, dan memberberat dehidrasi. Cairan dengan efek laksatif dan stimulan ibarat kopi juga harus dihindari. Jika tersedia dirumah, oralit sangat dianjurkan untuk diberikan pada anak yang diare.
Perhatikan kata yang digaris bawahi tidak semua orang mengerti maksudnya dan saya yakin tidak ada yang pengguna yang mengetik kata tersebut. Jika memang itu perlu, setidaknya ada klarifikasi kata ibarat hipo osmolar (kelebihan cairan).
Kaprikornus dari 3 poin diatas sanggup kita ambil kesimpulan bahwa menciptakan artikel itu mudah, tapi menciptakan artikel kita disukai insan mesing pencari ibarat google itu agak sulit. Karena ini juga sebagai pelajaran buat saya, mungkin kedepan blog ini tidak hanya mengulas pendidikan saja tapi bakalan jadi blog gado-gado semoga sanggup rujakan tiap hari. Oke itulah kisah saya membuatkan pengalaman kepada para sahabat semua.
Jadi Cendekia Cara Menciptakan Iklan Carousel Banner Lazada Affiliate Responsive
Cara Membuat Iklan Carousel Banner Lazada Affiliate Responsive. Beberapa waktu yang kemudian saya tertarik mencoba ikut aktivitas Lazada Affiliate alasannya beberapa sahabat blogger juga begitu, namun biasanya cara menciptakan unit iklan Lazada Affiliate ini memakai banner satuan maupun group sehingga iklan dapat tampil berbeda-beda.
Tapi saya lebih tertarik dengan iklan menyerupai yang di pake blog teman-teman blogger yang selalu bergerak horisontal / vertical yang lebih dikenal dengan Carousel Banner. Nah kalau anda ingin menciptakan iklan bergerak / Carousel Banner menyerupai itu, sebaiknya simak langkah-langkah Cara Membuat Iklan Carousel Banner Lazada Affiliate Responsive berikut ini:
Pertama, pastikan anda sudah bergabung / menjadi member Lazada Affiliate. Jika belum punya akun, silahkan daftar ke http://www.lazada.co.id/
Kedua, silahkan login ke akun Lazada Affiliate anda
Ketiga, sesudah anda masuk ke Dashboard silahkan klik OFFERS > Carousel Banner > Click to Create Your Carousel Banner, maka anda akan dibawa ke halaman lain untuk menciptakan Carousel Banner menyerupai gambar diatas.
Disini ada hidangan yang harus anda set terlebih dahulu
- Memilih negara dan category iklan yang mau ditampilkan dan mengetik nama product pada step 1 kemudian enter. Maka akan muncul beberapa product, silahkan pilih 5 saja.
- Sub IDs, dapat anda isi dengan nama blog anda
- Banner Layout; untuk memilih Carousel Banner Horisontal atau Vertical
- Banner Size; memilih ukuran banner. Disini tidak tersedia ukuran banner yang pas, alasannya itu terserah anda dalam penggunaan ukuran banner. Mau ukuran 300x250 atau lainnya, hanya saja usahakan jangan terlalu kecil / sempit menyerupai 468x60 alasannya tampilaj iklan tidak bagus.
- setelah tamat mengatur banner, sekarang saatnya mengambil arahan iklan pada Get Banner Now.
Perlu diketahui bahwa disini tidak tersedia iklan responsive untuk iklan di postingan dengan lebar penuh menyerupai iklan yang sering tampil dibawah / diatas / ditengah postingan. Makara silahkan anda buat ukuran sesuai dengan lebar area postingan contohnya 600px kemudian edit lagi. Saya kasih teladan nih ya semoga gak mudeng.
Biasanya kodenya menyerupai ini:
<iframe frameborder='0' height='250' scrolling='no' src='http://lap.lazada.com/custom-carousel/dynamic.php?banner_id=577d4248d7a9a&aff_sub=Neng Ain&theme=1&p=1' width='600'/> Silahkan ganti
height='250' menjadi height='auto' dan width='600' menjadi width='100%' supaya dapat responsive di postingan. Kemudian ganti & menjadi & supaya valid HTML5, sehingga secara keseluruhan menjadi menyerupai ini <iframe frameborder='0' height='auto' scrolling='no' src='https://lap.lazada.com/custom-carousel/dynamic.php?banner_id=577d4248d7a9a&aff_sub=Neng Ain&theme=1&p=1' width='100%'/> Dan balasannya menjadi menyerupai gambar animasi gif di bawah ini
Begitulah tips dari saya wacana Cara Membuat Iklan Carousel Banner Lazada Affiliate Responsive. Selamat mencoba...
Jadi Pintar 4 Cara Gampang Mengatasi Spam Komentar Disqus
4 cara gampang mengatasi spam untuk komentar disqus. Kolom komentar merupakan kemudahan website atau blog untuk sanggup berinteraksi antara pemilik blog dengan pengunjung, dengan kata lain juga sanggup dikatakan untuk bersilaturrahmi didunia maya ibarat halnya pada media sosial. Entah itu memakai komentar blogger, facebook, atau disqus. Sebagai pemilik blog, sudah niscaya kita ingin blog tampil terbaik di search engine dan higienis dari spam.
Spammer yaitu sekelompok produktif, dan dengan demikian selalu ada beberapa cara untuk mengatasi anti-spam. Karena itulah disqus memakai software anti-spam untuk mengurangi atau bahkan menghilangkan spam dari peredaran.
Nah, kali ini saya mau ikut membuatkan ihwal 4 cara gampang mengatasi spam untuk komentar disqus. Mau tahu? Silahkan simak yang mau lewat ini :
Menandai spam
Pastikan untuk menandai komentar sebagai spam jikalau mereka memang spam. Namun, berhati-hatilah untuk tidak menandai komentar yang bukan spam, ibarat komentar kasar, menyinggung, atau tidak menyenangkan, cukup dengan menghapus saja (jika hanya sekali).
Anda sanggup menandai komentar sebagai spam dari panel Moderasi, klik spam dibawah komentarnya, atau sanggup dari pemberitahuan email.
Spam yang moderat
Anda sanggup menentukan untuk moderasi semua komentar yang terbit di situs/blog anda. Semua komentar, spam atau tidak, akan memerlukan persetujuan moderator sebelum diterbitkan. Seperti moderasi semua link dalam komentar, mengubah pengaturan moderasi melalui
Disqus Admin > Engage > Community Rules.
Siapa yang diizinkan untuk berkomentar
Dengan mengendalikan yang berkomentar di situs Anda, Anda sanggup mencegah spam atau komentar yang tidak diinginkan lainnya untuk public di situs Anda. Anda sanggup melihat opsi ini di Disqus Admin > Engage > Community Rules.
Blacklist dan Whitelist
Disqus menunjukkan Blacklist dan Whitelist. Setelah menandai komentar sebagai spam, Anda sanggup menambahkan komentar ke daftar hitam (blacklist). Atau, Anda sanggup memerlukan pra-moderasi pada semua komentar dan kemudian menambahkan komentator terpercaya untuk daftar putih Anda. Engage > banned users > add item
Laporkan Spam untuk Disqus
Kami menghargai laporan dari komentar spam atau akun yang tidak tertangkap oleh filter spam otomatis ke Spam Report.
Jadi Berakal Kenapa Komentar Kita Masuk Spam Disqus?
Disqus merupakan sistem komentar yang sangat terkenal ketika ini, bahkan para master juga memakai disqus. Setiap sistem komentar tentu mempunyai kelebihan dan kekurangan baik itu komentar blogger atau disqus. Semuanya kembali ke masing-masing mau memakai blogger atau disqus. Menurut saya komentar disqus terang lebih baik dari blogger alasannya ialah disqus mempunyai notifikasi pada setiap komentar / tanggapan komentar kita di blog orang lain.
Banyak para blogger mengeluh alasannya ialah disqus tidak cepat muncul alias loadingnya berat katanya. Untuk loading saya rasa sama saja blogger dengan disqus, komentar blogger pun kadang tidak muncul. Makara masalahnya bukan dari sistem komentarnya, tapi dari koneksi yang sudah stadium akhir.
Terlepas dari itu semua, disqus mempunyai sistem deteksi spam otomatis yang sangat sensitif. Dalam hal ini tidak hanya komentar yang berupa link saja yang dianggap spam oleh disqus, tapi komentar yang kita anggap sah pun masuk ke spam juga (lihat gambar diatas). Kenapa dapat begitu ya? Berikut sedikit bocoran dari saya kenapa komentar kita sering masuk spam?
Komentar anda ditandai spam
Biasanya ini sering dilakukan oleh blogger pemula yang melaksanakan aktifitas blogwalking yang hanya mengharapkan kunjungan balik dari si admin tanpa membaca artikel pribadi berkomentar "nice post, sangat manfaat gan, cantik banget artikelnya, thanks ya" atau nge-link sana-sini dan lain-lain, yang penting sudah meninggalkan jejak pribadi close.
Komentar semacam ini menciptakan si admin males, geram alasannya ialah belum kenal dan belum erat pribadi pake komen mirip itu. Bayangkan deh menyerupai anda sedang memperlihatkan pengetahuan kepada orang lain kemudian ada orang tak dikenal tiba dan pribadi bilang "bagus!!! hebat!!!". Dengan begitu kemudian si admin memasukkan komentar anda ke spam.
IP atau username yang dipakai sudah ditandai sebagai spam oleh orang lain, lebih parah lagi bila hingga dimasukkkan ke Black List (daftar hitam sebagai penyebar spam). Sehingga secara otomatis disqus akan memberitahu bahwa pengguna dengan IP atau username tersebut ialah spam.
Identitas tidak jelas
Identitas dianggap lemah oleh disqus. Ini yang sering saya temui (lihat gambar) ada tanda goresan pena Low Rep di sebelah kanan komentar. Biasanya ini terjadi pada admin blog yang tidak memakai komentar disqus, mereka punya akun disqus semoga dapat memperlihatkan komentar di blog yang memakai disqus. Sehingga tidak memperhatikan kelengkapan identitas akun, kadang hanya login dengan akun sosmed. Disqus juga sensitif terhadap legalitas akun anda, jadi lengkapi identitas akun disqus anda semoga tidak dianggap ILEGAL.
Untuk admin blog sesekali kita (admin) periksa folder spam, kemudian approve mereka yang kita anggap komentarnya kondusif semoga tidak dianggap spam lagi.
Itulah sekedar menyebarkan pengalaman kepada para sobat semua. Semoga bermanfaat...
Jadi Bakir Cara Mendapat Embed Font Awesome Sudah Berubah
Kita tahu bahwa font awesome merupakan font untuk menampilkan icon-icon apa saja di blog, sudah niscaya setiap template atau tutorial lebih banyak didominasi memakai font awesome. Namun ketika ini cara mendapat embed font awesome berubah secara signifikan.
Jika awalnya kita tinggal copy paste JS font awesome sehingga setiap blog mempunyai arahan JS yang sama sesuai versi yang ada, menyerupai dibawah ini
<script src="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"></script> Sekarang cara mendapat embed font awesome justru berbeda dengan arahan yang berbeda pula. Maksudnya jikalau anda mempunyai beberapa blog, sanggup jadi arahan JS-nya tidak sama, coba anda masukkan email pada link dibawah ini untuk mendapat embed font awesome yang selanjutnya akan dikirim via email.
Embed font awesome
Biasanya menyerupai ini:
<script async="" src="https://use.fontawesome.com/KODE-UNIK.js"></script> Atau menyerupai ini
<script async="async" src="https://use.fontawesome.com/KODE-UNIK.js"></script> Atau menyerupai ini
<script async="async" defer="defer" src="https://use.fontawesome.com/KODE-UNIK.js"></script> Atau menyerupai ini
<script type='text/javascript'>
//<![CDATA[
(function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://use.fontawesome.com/KODE-UNIK.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
//]]>
</script> yang semuanya untuk mencegah terjadinya render blocking di page speed, sanggup anda coba script yang mana anda suka. Setelah aku kontak sama mas adhy suryadi (kompiajaib.com) ternyata perbedaan embed font awesome tetap mempunyai fungsi yang sama, jadi anda tidak perlu khawatir dan tidak perlu resah apalagi sampe stres tingkat tinggi.
Ya sudah cukup demikian sekedar informasi yang mungkin berkhasiat bagi anda.
Jadi Cendekia Cara Gampang Mengatasi Dan Menghapus Backlink Dari Situs Spam
Beberapa waktu yang kemudian ada blog saya terdeteksi mendapat backlink dari situs spam, padahal saya tidak pernah nge-link disitu. Hal ini menciptakan saya bertanya-tanya; kok dapat ya? Ini dapat menjadi problem besar terkait keberlangsungan blog kita dimata google apalagi blog yang sudah ada iklan google adsense, bisa-bisa di banned akun adsense-nya.
Kita tahu bahwa ketika ini google semakin hari semakin mempercantik diri dalam mengatasi spam, maka kita sebagai admin blog harus berhati-hati jangan hingga ada backlink dari situs tak dikenal menuju ke blog anda. Karena itu, sesekali kita cek blog kita di search console / google webmaster.
Lalu bagaimana kita mengetahui situs itu berupa spam?
Ada banyak kriteria google yang menyatakan bahwa situs tersebut berupa spam yang dapat anda pelajari pada link berikut:
https://www.google.co.id/intl/id/insidesearch/howsearchworks/fighting-spam.html
Nah bagi anda yang mengalami problem yang sama dengan saya, sebaiknya segera bertindak dengan mengikuti tips dari saya bagaimana Cara Praktis Mengatasi dan Menghapus Backlink Dari Situs Spam.
- Buatlah file txt dan silahkan isi menyerupai format dibawah ini kemudian simpan.
- domain:situs-spam1.com
ganti goresan pena situs-spam1.com dengan url situs spam tersebut. Penulisan jangan hingga salah menyerupai ini :
- domain:situs-spam2.com
- domain:situs-spam3.com- http://situs-spam1.com
- http://situs-spam2.com
- http://situs-spam3.com - Silahkan menuju ke
https://www.google.com/webmasters/tools/disavow-links-main - Harus login dengan akun google anda.
- Pilih blog anda kemudian klik menolak tautan
- Setelah itu, anda akan masuk ke halaman penyangkalan. silahkan klik menyangkal tautan
- Terakhir silahkan upload file txt yang tadi anda buat kemudian kirim.
- Setelah itu, silahkan anda cek blog anda secara bersiklus di search console.
Itulah tips dari ihwal Cara Praktis Mengatasi dan Menghapus Backlink Dari Situs Spam. semoga bermanfaat...
Jadi Berilmu Kenapa Jumlah Pengunjung Blog Versi Blogger Berbeda Dengan Histat
Sebagai seorang yang bergelut di dunia blogging tentu saja yang paling aku diperlukan bahkan juga anda yaitu banyaknya pengunjung yang tiba ke blog. Juga banyak sekali macam cara yang dipakai sebagai trik untuk menarik pengunjung ke blog kita, mulai dari update artikel berkualitas dan original, reset kata kunci sana sini semoga dapat tampil di halaman pertama pencarian google.
Jumlah pengunjung termasuk salah satu menyemangat untuk terus tetap menulis atau membagikan apa saja yang anda inginkan, yang terkadang ketika kita login ke dashboard blogger mengecek jumlah pengunjung. Disamping itu, ada pula yang memakai pihak ketiga ibarat Histat yang ketika ini masih terkenal dikalangan kaum blogger untuk mencatat jumlah visitor maupun page view.
Lalu kenapa jumlah pengunjung / tayang versi blogger berbeda dengan histat? Karena aku sendiri juga memakai histat, kadang suka bertanya-tanya "kok dapat gitu?". Akhirnya aku mencari rujukan di google dan alhamdulillah gak ada yang pas untuk menjawab teka-teki yang terlintas dibenak saya. Ada yang bilang kalo blogger menghitung semua aktifitas blog termasuk adminnya sendiri untuk sekedar menjawab komentar pembaca, sedangkan histat tidak menghitung kunjungan dari adminnya, katanya sih ya.
Itu masih masuk logika buat saya, alasannya yaitu mungkin tak seberapa selisihnya. Namun yang menciptakan aku masih ingin tau ini alasannya yaitu selisihnya hingga angka ribuan, kemarin saja (tgl 28 juli) jumlah tayang (page view) blog ini versi blogger mencapai 3502 sedangkan histat hanya 1219 saja padahal aku sendiri sengaja tidak buka blog sama sekali, balas komentar eksklusif di dashboard disqus. Kebayang gak sih kenapa atuh? gak tahu lah ya mending bikin artikel ajah, gak mau ambil pusing ane.
Update
Ternyata berdasarkan beberapa teman blogger, yang menciptakan jumlah pengunjung versi dashboard blogger berbeda jauh dengan histat yaitu alasannya yaitu histat tidak menghitung mengunjung dari perangkat seluler / smartphone.
Jadi Bakir Cara Gampang Menciptakan Widget Alexa Dan Histat Berdampingan
Awalnya blog ini memakai isyarat histat hidden (tersembunyi) yang aku letakkan di atas
</body> di HTML agar tidak semua orang mengetahui traffic blog aku tercinta ini. Kemudian aku mencoba menampilkan widget histat di sidebar / footer, tapi alasannya yaitu lebar sidebar / footer 300px terasa kurang manis bila dipasang sendirian.Akhirnya aku tampilkan berdampingan dengan widget dari tante alexa meski agak gendut sih, tapi gak apa lah aku pasang ajah. Namun bila dipasang apa adanya, widget keduanya tampil atas bawah.
Karena itu aku ada tips buat anda semua untuk menampilkan widget histat dan alexa berdampingan kanan kiri menyerupai blognya mas yanto (wongcungkup.com) dengan memakai fungsi tabel menyerupai dibawah ini:
<table>
<tbody>
<tr>
<td>KODE ALEXA</td>
<td>KODE HISTAT</td>
</tr>
</tbody>
</table> Untuk isyarat histat biasanya ada kode
<div id="histats_counter"></div>,kemudian tambahkan isyarat CSS
style="margin-left: 10px;"didalamnya agar tidak terlalu rapat dan lebih rapi, sehingga menjadi menyerupai ini
<div id="histats_counter" style="margin-left: 10px;"></div>Dan secara keseluruhan menjadi menyerupai ini :
<table><tr>
<td><a href="http://www.alexa.com/siteinfo/URL-BLOG"<script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=URL-BLOG"></script>
</a></td>
<td> <div id="histats_counter" style="margin-left: 10px;"></div>
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXX']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/XXXXXXXXXXXXX" alt="Cara Praktis Membuat Widget Alexa dan Histat Berdampingan Kaprikornus Pintar Cara Praktis Membuat Widget Alexa dan Histat Berdampingan" /></a></noscript></td>
</tr></table> Jika widget histat ada disebelah kiri, silahkan ganti CSS-nya menjadi
style="margin-right: 10px;". Jika blog anda memakai https tinggal hapus http pada url alexa diatas agar dapat tampil.Itulah sekedar membuatkan tips kepada para sobat blogger wacana cara menciptakan widget histat dan alexa berdampingan, mungkin saja ada yang ingin mencobanya. Perlu diketahui bahwa tips ini untuk kaum blogger saja ya!
Jadi Pintar Mengatasi Komentar Disqus Tidak Muncul Ketika Ganti Domain
Mengatasi Komentar Disqus Tidak Muncul Saat Ganti Domain. Masih ingat artikel aku yang kemudian wacana mengganti nama domain? Ada banyak hal yang menciptakan kita mengganti domain. ada yang dari sub-domain ke domain TLD, menyerupai kemarin aku mengganti domain blog. Atau hanya mengganti nama saja.
Namun aku dikagetkan dengan hilangnya semua komentar disqus di blog sesudah aku mengganti domain, aku cek di dashboard disqus semua komentar masih ada tapi sesudah masuk ke blog komentar itu pun tidak ada alias tidak muncul. Setelah aku obok-obok disqus satu per satu, hasilnya ketemu juga cara mengatasi komentar disqus yang tidak muncul dikala mengganti domain.
Nah, jikalau anda mengalami hal yang sama menyerupai saya, silahkan ikuti langkah-langkah yang sangat gampang berikut ini:
Silahkan masuk ke dashboard admin > setup > Migration Tool > start domain migration tool > next step > masukkan nama domain anda kemudian klik next step, kemudian klik Confirm Migration.
Gampang kan? Selamat mencoba...
Sunday, 24 March 2019
Jadi Berilmu Salam Kenal Dari Admin Blog Nomifrod.Com
Artikel ini termotivasi dari banyak sekali pertanyaan yang muncul dari teman-teman blogger melalui kolom komentar, dan dari pengunjung melalui contact form / email. Pertanyaan yang bervariasi seperti: anda siapa? maaf mau kenal, akang ini guru atau kepala sekolah ya?, kang sampean guru atau kepala sekolah ya??, anda kepala sekolah ya? dan lain-lain.
Orang bau tanah memberi aku nama "Moh Ifrod" tapi terkenal dengan sebutan "Ifrod Maksum" alasannya ialah nama ayah aku "Maksum" dan bersahabat dipanggil . Di Madura sebutan "anom" berarti "paman" disingkat menjadi "nom", berawal dari keponakan yang memanggil aku "nom ifrod" alhasil tetangga aku yang umurnya lebih muda ikut-ikutan manggil menyerupai itu. Dan kini menjadi nama doman blog ini [www.nomifrod.com].
Saya seorang admin di sekolah tingkat Raudlatul Athfal (RA) dan Madrasah Ibtidaiyah (MI), dan admin yayasan. Sehingga aku lebih sering ada di sekolah apalagi ekspresi dominan data online dan pembuatan Laporan Pertanggung Jawaban (LPJ) BOS dan lain-lain, terkadang aku diajak mendampingi kepala sekolah mengikuti rapat di kementerian agama bab pendidikan madrasah (PendMa).
Selain itu, aku juga menjadi admin KKM (kelompok kepala madrasah) RA dan MI tingkat kecamatan. Sehingga aku tidak hanya bertanggung jawab di forum sendiri, tapi juga forum lain di kecamatan. Karena itu, terkadang ada sekolah yang meminta derma untuk dibuatkan berkas manajemen menyerupai LPJ BOS, LPJ BOP RA, verval data online, bahkan berkas sertifikasi, yang terang tidak gratis donk.
Dari situlah kenapa blog ini berisi perihal dunia pendidikan, alasannya ialah aku merasa nyaman dan tidak pusing menciptakan artikel seputar pendidikan. Makara sebagian besar yang ada di blog ini termasuk file dokument download merupakan hasil sendiri, bukan hasil copas dimana-mana. Jika pun ada kesamaan nama, judul dan lainnya. Itu bukan alasannya ialah aku meng-copas di blog lain, tapi mungkin alasannya ialah fatwa / petunjuk teknis barbagai macam manajemen pendidikan sama-sama dari sentra yang sama di jakarta. Dan sebagian besar aku dapatkan dari hasil rapat atau training terkait pendidikan.
Itulah salam kenal aku sebagai admin blog www.nomifrod.com, sekian terima kasih.
Jadi Berilmu Solusi Embed Preview Office Google Drive Tidak Muncul Di Blogger
Seperti biasa blog ini fokus seputar dunia pendidikan sehingga seringkali menampilkan contoh-contoh dokument yang berkaitan dengan pendidikan, tak lupa juga menampilkan preview dari dokument tersebut memakai embed office google drive ala kompiajaib.com menyerupai layaknya embed video youtube. Dengan begitu, pembaca dapat mengetahui secara eksklusif menyerupai apa dokument yang akan di download (tidak hanya berupa gambar).
Embed office google drive dengan javacsript yang diletakkan diatas
</head> biasanya menyerupai ini: <b:if cond='data:blog.pageType == "item"'>
<script type="text/javascript">
//<![CDATA[
function embedOffice(t) {
document.write('<div style="text-align:center;margin:0 auto;width:100%;"><div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0;"><iframe style="border:0;position:absolute;top:0;left:0;width:100%;height:100%;" data-src="https://drive.google.com/file/d/');
document.write(t);
document.write('/preview" allowfullscreen></iframe></div></div>');
}
function init() {
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
//]]>
</script>
</b:if> Dan untuk menampilkan di postingan memakai isyarat dibawah ini:
<script type="text/javascript">embedOffice("ID UNIK GOOGLE DRIVE");</script> Setelah beberapa bulan terakhir blog ini memakai embed office untuk menampilkan preview file di google drive, aku gres menyadari kalau ternyata embed tersebut sering tidak muncul di postingan.
Nah kalau anda mengalami hal yang sama menyerupai saya, silahkan hapus isyarat menyerupai dibawah ini yang disimpan di atas
</head> function init() {
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } }
window.onload = init; Kemudian ganti dengan menyimpan isyarat dibawah ini diatas
</body> <b:if cond='data:blog.pageType == "item"'>
<script type="text/javascript">
//<![CDATA[
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} }
//]]>
</script>
</b:if> Dengan cara ini, hasilnya preview embed office file google drive blog ini tampil dengan tepat tanpa ada gangguan apapun.
Selamat mencoba...
Jadi Berilmu Modifikasi Gambar Blog Memakai Ms Power Point
Gambar artikel blog mempunyai tugas yang sangat penting untuk meningkatkan page view blog alasannya ialah dengan gambar yang bagus sesuai dengan isi artikel dapat menciptakan ingin tau pengunjung untuk membaca. Selain itu gambar juga untuk mempercantik tampilan blog itu sendiri, yang mungkin menciptakan pengunjung merasa betah berlama-lama nongkrong di blog kita.
Banyak cara dalam menciptakan gambar blog secantik mungkin termasuk penggunaan aplikasi modifikasi gambar ibarat photoshop dan lain-lain. Apapun caranya, sebaiknya tidak memakai gambar orang lain apalagi berhak cipta. Jika tidak punya gambar sendiri dan harus mengambil gambar di SE, maka silahkan gunakan cara ibarat gambar berikut:
Jika menciptakan gambar artikel umumnya memakai aplikasi ibarat photoshop dan lainnya, aku sendiri memakai office power point. Kok dapat ya? gres tahu aku kalo power point dapat menciptakan gambar!
Sebenarnya ini sangat sederhana, menciptakan atau hanya sekedar memberi imbas tertentu pada gambar yang sudah ada dengan memakai beberapa fitur office power point berikut ini:
1. Menambahkan kotak transparant
Jika anda mempunyai gambar sendiri, masukkan dulu gambarnya lalu pilih insert > shapes. Silahkan pilih kotak yang anda inginkan.
Kemudian klik kanan > format shape. Pada bab fiil, silahkan atur Transparency sesuai selera.
2. Memberikan imbas pada gambar
Setelah gambar di klik, akan muncul hidangan format dibagian atas. Dibagian picture effects, ada beberapa pilihan imbas gambar yang dapat anda gunakan. Yakni; Preset, shadow, reflection, glow, soft edges, bevel, dan 3d rotation. Seperti gambar berikut:
3. Memberikan imbas pada teks
Sebelumnya anda harus menciptakan layout pada hidangan home, lalu ketik teks anda. Lihat pada hidangan format yang muncul, ada banyak pilihan yang dapat dipakai ibarat pada gambar berikut:
Anda juga dapat melihat tayangan video berikut ini:
Bagaimana, gampang kan? untuk selanjutnya anda dapat berkreasi sendiri dengan mencoba dan mencoba hasilnya juga dapat dengan gampang mempercantik gambar tanpa harus instal aplikasi ini itu. Dan untuk menimbulkan gambar yang dapat disimpan, tinggal mengambil screenshot dengan menekan tombol PrtSc SysRq. Selamat mencoba...
Jadi Bakir Tidak Sempat Blogwalking, Update Artikel Saja
Kegiatan blogwalking merupakan aktifitas kaum blogger untuk saling beriteraksi dengan sesama. Dengan begitu kita dapat saling mengenal satu sama lain meskipun via online, dan dapat menambah ilmu dari artikel yang bagikan oleh teman kita di blog mereka masing-masing. Namun jangan salah kaprah dalam blogwalking, menyerupai untuk mendapat klik adsense dan lain-lain. Karena kalau hal tujuan blogwalking anda tidak tercapai, anda dapat stres tingkat tinggi dan menyalahkan teman blogwalking anda.
Seperti yang aku jelaskan diatas, memang aktifitas blogwalking mempunyai banyak manfaat untuk kita semua dengan niat yang betul. Namun terkadang kita tidak punya waktu untuk melaksanakan aktifitas tersebut dengan banyak sekali alasan menyerupai alasannya yaitu kesibukan offline.
Saya sendiri (bisa jadi juga anda), akhir-akhir ini sering tidak punya waktu untuk jalan-jalan berkunjung ke blog teman alasannya yaitu banyak sekali alasan berikut ini:
- Banyaknya pekerjaan di madrasah daerah aku bekerja dan menyebarkan ilmu juga kepada para siswa, menyerupai data emis online (education administrasi information system) dan lain-lain.
- Lagi ada pekerjaan komplemen dari diluar madrasah.
- Mencoba ngoprek template kompi flexible menjadi support AMP (Accelerated Mobile Page) mengikuti tutorial video kompiajaib.com, alhamdulillah sudah selesai.
Karena itulah aku terkadang suka telat / gak sempat membalas komentar bahkan untuk berkunjung ke blog anda. Akhirnya disela-sela kesibukan pekerjaan yang agak menumpuk, aku berusaha meluangkan waktu untuk online meskipun hanya sekedar update artikel blog ini.
Itu saja sih dari saya, kalau kurang tambahin sendiri ya...!
Jadi Terpelajar Cara Gampang Menciptakan Footer Ala Kompiajaib.Com
Sejak awal blog ini memakai template kompi flexible, aku merasa kurang pas dengan tampilan footernya sehingga aku menemukan website-website yang berdasarkan aku mempunyai footer yang elegan dan minimalis memakai background gelap dengan lebar 100% full. Awalnya sih tetap 3 kolom widget dengan lebar 313px sebab lebar template ini 980px, Masih ingat kan tampilan blog ini kemarin waktu aku menciptakan widget alexa dan histat berdampingan? Tidak ingat? minum obat dulu ya.
Beberapa hari yang kemudian blog KompiAjaib.com merubah tampilan footer yang cocok buat aku sehingga aku tertarik lagi untuk merubah footer dengan 4 kolom widget berbeda berupa gambar judul blog dan teks hidangan link, sebab berdasarkan aku hal ini tidak menambah beban loading blog. Dan balasannya sukses juga otak-atik footer lagi menyerupai yang dapat anda lihat dibawah.
Nah bagi yang ingin menciptakan footer KompiAjaib menyerupai blog ini, utamanya bagi pengguna template kompi flexible sebab prakteknya aku memakai template itu. silahkan ikuti langkah-langkahnya:
1. Silahkan ganti aba-aba ini:
#footer1,#footer2,#footer3{float:left;width:30%;} dengan ini:#footer1,#footer2,#footer3,#footer4{float:left;width:19%;} 2. Silahkan cari dan sesuaikan aba-aba CSS menyerupai dibawah ini:
#footer-wrapper{width:100%;overflow:hidden;margin:30px auto 0;padding:0}
#footer1,#footer2{float:left;width:313px;margin-right:20px}
#footer3{float:right;width:313px;margin:0}
.credit,.footer .widget-content{line-height:1.5em}
.footer ul{margin:0;padding:0}
.footer a:link,.footer li a:visited{color:#666;text-decoration:none}
.footer li a:hover{color:#333}
.creditpic{width:100%;margin:0;padding:10px 0 30px;position:relative;color:#888}
.credit{font-size:12px;overflow:hidden;clear:both;margin:0 5px;padding:0}
.credit a:link,.credit a:visited{color:#888;text-decoration:none}
.credit a:hover{color:#f4782c;text-decoration:none}
.credit-left{float:left}
.credit-right{float:right} sampai menjadi menyerupai ini
.creditpic{background:#212121;width:100%;padding-top:1px;border-top:5px solid #999;}
.credit{background:#000;width:100%;font-family:Roboto,sans-serif;font-size:12px;margin:0;padding:20px 0 30px;position:relative;color:#fff;min-height:10px;text-align:center}
.credit,.footer .widget-content{line-height:1.5em}
.footer .widget{background:none;margin:5px 5px 0;padding:0 10px 0}
.credit a:link,.credit a:visited{color:#fff;text-decoration:none}
.credit a:hover{color:#fc0;text-decoration:none}
#footer-wrapper{width:100%;overflow:hidden;margin:10px auto 0;padding:0}
#footer-wrapper p{margin:0!important;font-size:16px}
#footer1 a,#footer2 a,#footer3 a,#footer4 a{font-weight:300;color:#ccc;}
#footer1 a:hover,#footer2 a:hover,#footer3 a:hover,#footer4 a:hover{color:#fefefe;}
#footer1 ul,#footer2 ul,#footer3 ul,#footer4 ul{list-style:none;padding:0!important;margin:5px 0!important}
#footer1{width:40%;padding:10px 30px 10px 0;display:inline;float:left;color:#ccc;font-size:14px;font-weight:300;line-height:1.6em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#footer2,#footer3,#footer4{width:20%;padding:10px 0 10px 30px;display:inline;float:left;color:#ccc;font-size:14px;font-weight:300;line-height:1.6em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#footer1 #logo-footer{clear:both;text-align:left;display:block}
#footer1 #logo-footer img{height:40px}
#footer1 h2,#footer2 h2,#footer3 h2,#footer4 h2{font-family:Roboto,sans-serif;font-size:16px;font-weight:700;color:#fefefe;margin:0!important;text-transform:none!important}
@media print{#footer-wrapper,.creditpic{display:none!important}} 3. Silahkan ganti aba-aba HTML menyerupai dibawah ini:
<div class='content-wrapper'>
<footer itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPFooter'>
<b:if cond='data:blog.pageType != "static_page" and data:blog.isMobileRequest == "false"'>
<div id='footer-wrapper'>
....................
....................
....................
</footer>
</div>
</div> dengan ini:
<div class='creditpic'>
<div class='content-wrapper'>
<footer itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPFooter'>
<b:if cond='data:blog.pageType != "static_page" and data:blog.isMobileRequest == "false"'>
<div id='footer-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'/>
<b:section class='footer' id='footer2' preferred='yes'/>
<b:section class='footer' id='footer3' preferred='yes'/>
<b:section class='footer' id='footer4' preferred='yes'/>
</div>
<div class='clear'/>
</b:if>
</footer>
</div>
</div>
<div class='credit'>
<div class='content-wrapper'>
Copyright © <span itemprop='copyrightYear'><script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script></span> <span itemprop='copyrightHolder' itemscope='itemscope' itemtype='https://schema.org/Organization'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><span itemprop='name'><data:blog.title/></span></a></span> | Proudly powered by <a href='//www.blogger.com' target='_blank' title='Blogger'>Blogger</a>
</div>
</div> 4. Terakhir, untuk footer1 buat gambar blog dengan ukuran 347 x 40 px, kemudian copas aba-aba dibawah ini ke widget HTML dan sesuaikan dengan blog anda:
<div id="logo-footer">
<a href="https://www.nomifrod.com/" title=""><img alt="Logo Footer " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilRnl_dJCMy8nBaJvKT4H_zU5U5HgZRPKZohyphenhyphenKtjrr979ixjskR94oFVw1cGlozwvqAZrguW4-VU9YB2chBZEd6iVCGSqw3_DtfrbhyphenhyphenKC8Fl_xeN3dcBljs7cWZLAXIkA2GTum2jtFENs7/s1600/footer.png" height="50" title="" width="347" /></a>
</div>
<p>Blog mengembangkan aplikasi dan dokument pendidikan, perangkat dan metode belajar, serta kajian agama dan muslimah.</p> untuk footer2,3 dan 4 gunakan aba-aba dibawah ini dan sesuaikan dengan harapan anda:
<ul>
<li><a href='https://www.nomifrod.com/p/about-me.html' target='_blank' title='Tentang '>Tentang </a></li>
<li><a href='https://www.nomifrod.com/p/kontak-kami.html' target='_blank' title='Hubungi Saya'>Hubungi Saya</a></li>
<li><a href='https://www.nomifrod.com/p/daftar-isi.html' target='_blank' title='Daftar Isi'>Daftar Isi</a></li>
<li><a href='https://www.nomifrod.com/p/kontak-layanan.html' target='_blank' title='Pasang Iklan'>Pasang Iklan</a></li>
<li><a href='https://eepurl.com/bTZ0GD' target='_blank' title='Langganan'>Langganan</a></li>
</ul> Bagi pengguna template lain (bukan kompi flexible), dapat anda coba otak-atik CSS dan HTMLnya sebab struktur template tidak sama. Karena aba-aba diatas aku praktek pake template kompi flexible, aku tidak menjamin 100% dapat saja ada aba-aba lain (bawaan template) yang mempengaruhi. Oke selamat mencoba...
Referensi: www.kompiajaib.com
Jadi Terpelajar Cara Merubah 3 Komentar Menjadi 1 Komentar Disqus Saja
Template Kompi Flexible update terbaru memakai 3 sistem komentar yakni disqus, blogger, dan facebook. Saya sendiri kurang pas bila memakai hingga 3 sistem komentar alasannya ialah itu akan menghipnotis loading blog, selain itu akan menciptakan blog kita gemuk alias gendut yang kata orang kekinian 'obesitas'. Lagi pula aku lihat di blog teman-teman blogger, mereka hanya berkomentar pada sistem komentar yang tampil pertama, dengan kata lain hanya segelintir saja yang menentukan atau mengklik tombol pilihan komentar.
Karena itu aku disini ingin membantu teman-teman blogger yang kebetulan templatenya memakai 3 sistem komentar ibarat template kompi flexible. Dan ingin hanya memakai satu komentar disqus saja, silahkan perhatikan langkah-langkahnya berikut ini:
1. Cari dan hapus instruksi CSS untuk komentar ibarat dibawah ini
.comments{margin-top:0;}
#comments2{background:#fff;clear:both;margin:0 auto;line-height:1em;padding:20px;font-family:Roboto,sans-serif;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)}
iframe{border:0;overflow:hidden}
#comments2 h3{margin:0;font-size:18px;color:#666;padding-bottom:16px;}
.comment_area{border-right:1px solid #ddd;}
.comment_header{border-top:1px solid #ddd;margin-left:5px}
........................
........................
........................
........................
.disqus-box,.facebook-box{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)} Kemudian ganti dengan instruksi dibawah ini:
#comments{background:#fff;clear:both;margin:20px auto 0;line-height:1em;padding:5px 20px} 2. Selanjutnya ganti instruksi ibarat dibawah ini :
<b:includable id='comments' var='post'>
.....................
.....................
.....................
.....................
</b:includable> dengan ini :
<b:includable id='comments' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='comments' id='comments'>
<b:include data='post' name='disqus-comment'/>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {document.write("<scr" + "ipt type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");}
//]]>
</script>
</div>
</b:if>
</b:includable> 3. Supaya tidak membebani blog, silahkan hapus beberapa instruksi dibawah ini
<b:includable id='fb-comments' var='post'>
<div class='fb-comments' data-colorscheme='light' data-numposts='5' expr:data-href='data:post.url' id='fb-comment'/>
</b:includable>
==============
<b:includable id='threaded-comment-form' var='post'>
...................
...................
...................
</b:includable>
=============
<b:includable id='threaded_comment_js' var='post'>
...................
...................
...................
</b:includable>
=============
<b:includable id='threaded_comments' var='post'>
...................
...................
...................
</b:includable> Itu saja dari sekedar membantu bagi teman-teman blogger yang kebetulan templatenya memakai 3 sistem komentar ibarat template kompi flexible. Selamat mencoba...
Tuesday, 26 February 2019
Jadi Cendekia Cara Menciptakan Top Disqus Commentators For Blogger Dengan Efek Show Hide
Sistem komentar disqus banyak menjadi pilihan kaum blogger termasuk aku alasannya ialah selain tampilan yang elegan dan minimalis, disqus juga mempunyai fitur yang tak kalah anggun dengan sistem komentar lainya, menyerupai recent comment dan top commentators. Top disqus commentators ini biasa kita lihat di dashboard sendiri, namun ternyata dapat di pasang di blog juga.
Terinspirasi dari blog kompiajaib.com yang ketika ini ada tombol untuk menampilkan top disqus commentators ini, hanya saja mas adhy menyimpannya di halaman statis. Itu menciptakan aku mulai mengobok-obok browser, kali aja ada script untuk menampilkannya di blog. Akhirnya aku menemukan script ini di blog.kangismet.net untuk dipasang di sidebar sebagai widget top disqus commentators.
Akhirnya aku mencoba berinovasi untuk menampilkannya diatas kolom komentar dengan efek show hide biar tidak mengganggu ruang menyerupai yang anda lihat pada gambar animasi gif diatas. Jika anda tertarik untuk memasang top disqus commentators widget diatas kolom komentar sebaiknya ikuti langkah berikut ini: (Sebelumnya pastikan blog anda sudah terpasang jquery library dan font awesome)
1. Simpan instruksi dibawah ini diatas
</head><style type='text/css'>
/*<![CDATA[*/
#topcomment{display:block;width:100%;margin:0 auto;padding:10px 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto}
.topcomment-sh{width:auto;height:40px;background:#fff;color:#666;margin-top:20px;text-align:center;font-size:18px;line-height:40px;position:relative;cursor:pointer;border-bottom:1px solid #ddd}
.topcomment-sh:hover{background:#337ab7;color:#fff}
#topcomment-box{background:#fff;padding:10px 20px 10px 20px;display:none}
.dsq-widget ul.dsq-widget-list{padding:0!important;margin-right:-30px!important;text-align:left}
img.dsq-widget-avatar{margin:0 10px 7px 0!important;width:58px!important;height:58px!important;padding:0!important;float:left;border-radius:3px!important}
li.dsq-widget-item{margin:0 2% 5px 0!important;padding:0 0 4px!important;list-style-type:none;clear:none!important;border-bottom:1px solid #ddd;display:inline;float:left;width:30.333333%}
a.dsq-widget-user{font-weight:500!important;display:block!important;margin-bottom:5px}
.clear{clear:both!important}
/*]]>*/
</style> yang aku tandai, kalau sudah ada dihapus saja.
2. Kemudian cari css untuk komentar disqus, biasanya menyerupai ini
#comments{background:#fff;clear:both;margin:20px 0;line-height:1em;padding:5px 20px} ubah margin-nya menjadi margin:0px!important;3. Selanjutnya silahkan copy instruksi berikut:
<div class='topcomment-sh' onclick='toggleNavPanel2('topcomment-box')'><i aria-hidden='true' class='fa fa-comments'/><span id='topcomment-button'> Show Top Commentators</span></div>
<div id='topcomment-box'>
<div class='dsq-widget' id='topcomment'>
<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://username.disqus.com/top_commenters_widget.js?num_items=15&hide_mods=1&hide_avatars=0&avatar_size=32\"></scr" + "ipt>");
//]]>
</script>
</div>
<div class='clear'/>
</div> lalu simpan sempurna dibawah instruksi ini
<b:includable id='comments' var='post'> Jika blog anda memakai 3 sistem komentar, silahkan simpan sempurna dibawah instruksi ini:<div class='disqus-box' id='disqus-box'> Keterangan:
username : ganti dengan user nama disqus andanum_items : jumlah tampilan (silahkan atur jumlahnya)hide_mods : sembunyikan komentar admin (1 sembunyi, 0 tampil)hide_avatars : sembunyikan gambar (1 sembunyi, 0 tampil)avatar_size : mengatur ukuran gambar user4. Terakhir silahkan simpan script dibawah ini diatas
</body><script type='text/javascript'>
//<![CDATA[
function toggleNavPanel2(e){var t=document.getElementById(e),c=document.getElementById("topcomment-button"),l="block";t.style.display==l?(t.style.display="none",c.innerHTML="Show Top Commentator"):(t.style.display="block",c.innerHTML="Hide Top Commentator")}
$("#topcomment a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script> Bagaimana, gampang kan? selamat mencoba...
Referensi:
/search?q=membuat-parse-tool-untuk-text-style
/search?q=membuat-parse-tool-untuk-text-style
/search?q=membuat-parse-tool-untuk-text-style
/search?q=membuat-parse-tool-untuk-text-style
Subscribe to:
Posts (Atom)