tag:blogger.com,1999:blog-2879688226239903452024-12-19T10:31:40.449+07:00SastracodeBlog Seputar Responsive CODE CSS HTML5 + jQuery BootstrapSastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.comBlogger18125tag:blogger.com,1999:blog-287968822623990345.post-9616515483852771842020-03-01T11:02:00.000+07:002020-04-28T12:47:45.761+07:00Melindungi Artikel Dari Plagiat
Melindungi Artikel dari Plagiat Anti Copas copy paste perlu kita sematkan ke dalam template agar orang lain tidak mudah melakukan copy paste artikel yang sudah susah payah kita buat.
Artikel boleh sama tapi gaya pemikiran yang yang tertuang dalam sebuah karya tulisan tetaplah tidak sama.
Banyaknya penyedia layanan checker karya tulisan semisal di duplichecker ,dari pihak google sendiri Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-24513631219118573472020-02-28T21:46:00.001+07:002020-04-28T12:22:55.919+07:00Macam-macam Tabel Blogger Responsive
Macam-macam Tabel Blogger Responsive - Banyak macam membuat tabel dengan CSS dan HTML tinggal bagaimana berkresi dengan HTML sebagai pemanggilnya dan di mana meletakanya dan kita juga bisa memanfaatkan sesuai keperluan kita.
Berikut adalah berbagai macam macam model table yang bisa di pasang di blogger dan anda juga bisa memodifikasi sendiri melalui CSS dan HTML.
Silahkan di Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-84387783485743426602020-02-28T15:23:00.000+07:002020-04-28T11:41:35.719+07:00Membuat Tabel Blogger Responsive
Membuat Tabel Blogger Responsive Table blogger dengan menggunakan HTML dan CSS sangatlah mudah tapi harus telaten dan teliti salah satu bahan memperlengkap tampilan template blogspot untuk memposting artikel blogspot dengan menggunakan tabel sepertinya sesuatu keharusan yang harus di lakukan untuk membuat tampilan postingan menjadi tampak berkelas.
Tampilan postingan selain dari penyusunan Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-9746371070188589042020-02-28T14:19:00.000+07:002020-04-28T12:51:48.778+07:00Tanda Seru Kuning Wifi Windows 2020
Jaringan wireless windows anda bermasalah dengan tiba-tiba dengan munculnya tanda seru kuning pada tanda bar jaringan wifi windows.
Peringatan pengguna windows 7 agar update ke windows 10 pada maret 2019 dan lebih parahnya lagi semenjak windows 7 tidak di dukung oleh microsoft yang sudah di berlakukan mulai 14 januari 2020 jaringan windows yang masih belum sempat atau masih menggunakan Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-23998989167824151432020-02-26T18:14:00.000+07:002020-04-28T13:38:38.251+07:00Daftar Search Google Console
Cara Mendaftar Search Google Console
Berikut adalah langkah dan cara daftar google console dan apa saja yang perlu di ketahui dan manfaat dari rengkarnasi webmaster tool ini.
Sebuah layanan dari google terutama para pemilik website untuk verifikasi, skala, menyelaraskan semua kekurangan situs yang di inginkan mesin pencari jalanya segala lalu-lintas yang berhubungan dengan situs web Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-70891986562726275882020-02-24T21:30:00.001+07:002020-04-28T14:40:08.062+07:00Pagenavi Angka di Gadget Blogger
Pagenavi Angka di Gadget Blogger dan banyak cara membuat tombol navigasi ganti halaman dengan angka di blogger antara lain menggunakan tambah gadget di kolom widget.
Cara ini juga mempermudah para blogger untuk mempermudah para pengunjung berselancar di situs blogspot anda.
Cara ini tidak begitu sulit hanya menambahkan di menu editor tata letak, ikuti step mudah ini.
Buka dasboard Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-77092868626177135182020-02-24T19:18:00.000+07:002020-04-28T14:44:04.673+07:00Tombol Next Page Blogger Dengan Angka
Tombol Next Page Blogger Dengan Angka berikut adalah cara mengganti halaman baru ke halaman lama di blogspot yang ringan simple dan keren yang mungkin bisa menjadi alternatif memindah atau mengganti halaman dengan urutan angka
Banyak alternativ cara dan model pagenave ini tergantung anda akan memasangnya untuk situs apa karena pagenav akan tampak di hompage jadi harus menyesuaikan dengan Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-3811035975119354212020-02-21T21:08:00.002+07:002020-04-28T14:32:32.091+07:00Ganti Halaman Blogger Dengan Angka
Ganti Halaman Blogger Dengan Angka merupakan cara membuat ganti halaman blogger dengan angka untuk mempermudah pengunjung menjelajahi tiap sudut halaman anda hanya dengan mengunakan tombol
Buka dasboard blogger anda.
Pilih tema dan titik tiga pojok kanan edit html.
Untuk mempermudah mencari kode </body> Anda tekan ctrl + f.
Copy dan paste kode berikut di atas </body>
&Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-64946494347699571252020-02-21T00:25:00.000+07:002020-02-24T02:30:42.797+07:00Label Blogger Unik Dengan CSS
Membuat tampilan yang membuat pengunjung blogger anda betah berkeliling salah satunya ketika mereka melihat tampilan label, pada malam ini saya ingin menulis bermacam- macam tampilan label dengan menggunakan css
Langkah pertama masuk dasboard edit blogger anda.
Pada menu kiri terdapat layout/ tata letak.
Jika gadget label belum ada tambahkan gadget
Pilih label
Setelan label pilih cloud pada Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-56965040939378373942020-02-19T23:57:00.001+07:002020-04-28T15:01:54.899+07:00Membuat Related Pos di Tengah Postingan
Membuat related pos di tengah postingan blogger untuk mempermudah pengunjung menemuk link yang berada di tengah postingan blogger
Ini sangat simpel tapi sangat tepat sasaran karena artikel anda yang lain akan tampak di tengah
1. letakn di atas style atau skin
#related-posts{
float:center;
text-transform:none;
height:100%;
padding-top:20px;
padding-left:5px;
Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-24207611196374063892020-02-18T18:11:00.000+07:002020-02-24T02:12:07.008+07:00Membuat Form Contact Blogger
Banyak cara membuat form kontak hubungi saya untuk menyambungkan jika ada yang ini menghubungi pemilik situs melalui edit html dan css maupun yang lebih simple lagi edit layout tambahkan gadget javascript dan halaman statis.
Baiklah kita mulai membahas membuat form kontak dari halaman statiskarena sangatlah mudah
1. Buka dasboard blogger.
2. Pilih halaman.
3. Buat halaman baru dan pilih HTML Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-36398153483451865342020-02-18T12:47:00.000+07:002020-02-24T02:02:58.082+07:00Membuat Form Pencarian Bergerak
Membuat form pencarian bergerak ke kiri dan tidak bergerak di blogger sangatlah mudah.
Salah satu cara untuk mempercantik tampilan dan memudahkan pengunjung menjelajahi blogger kita, Mari kita mulai.
1. Buka dasboard blogger.
2. Pilih Tema.
3. Klik titik tiga pojok kanan.
4. Pilih edit html.
5. Klik sembarang tempat pencet ctrl + A. untuk mempercepat pencarian
6. Copy dan paste ]]></Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-66733031385436471982020-02-17T16:43:00.000+07:002020-02-26T22:05:19.695+07:00Menambahkan Ikon SVG di Blogger
Icon .SVG ( scalable vector graphics ) merupakan gambar yang di simpan menggunakan format XML ( eXtensible markup language ) sebagai pondasi untuk membuat pola gambar dalam bentuk vektor 2D.
Format gambar .svg yang di kembangkan oleh W3C ( word wide web ) sejak 1999 telah memulai membuat format gambar svg.
File yang di simpan dalam bentuk .xml berarti dapat terindex dalam mesin pencarianSastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-67885043164611930812020-02-17T10:29:00.000+07:002020-03-23T17:17:43.618+07:00Mengganti Warna Address Bar Blogger
Mengganti warna address bar tampilan handphone agar tampilan situs ketika di lihat dari handphone sama dengan menu atau warna yang di inginkan merupakan usaha mempercantik tampilan situs kita.
Caranya sangat mudah cukup kita menambahkan beberapa baris kode yang kompatibel dengan beberapa browser mobile seprti ios safari, opera, vilvadi, chrome, firefox os, windows phone.
Anda cukup copy dan Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-33880341731079467392020-02-16T19:18:00.000+07:002020-02-21T00:30:43.823+07:00Meperkecil Ukuran CSS, HTML, JS
Melakukan compress kode CSS, HTML, Javascript sebuah template blogger dengan tujuan untuk memperingan proses loading saat pengunjung mengunjungi situs kita adalah sebuah hal yang harus kita kerjakan agar pengunjung betah berada di situs kita.
Untuk melihat kekurangan template blogger anda cek di Gtmetrix.com dengan batual tool ini ada bisa melihat kekurangan di antaranya css, html, javascript Sastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-83510793634663390682020-02-13T10:52:00.001+07:002020-02-21T23:36:36.030+07:00Compress Image Size Online
Kompres gambar, foto pada postingan anda untuk pengoptimalan saat loading situs anda sangatlah penting, karena pengunjung bahkan mungkin kita sendiri akan malas menunggu ketika situs anda melakukan proses loading yang lama entah kesalahan penyusunan kode atau javascript yang mungkin terdapat kesamaan fungsi.
Semakin kecil ukuran sebuah gambar maka proses loading situs anda akan semakin ringanSastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-39006206922118057762020-02-11T20:32:00.000+07:002020-03-06T23:21:53.059+07:00Membuat Syntax Highlighter Blogger
Mempercantik postingan blogger dengan syntax highlighter.
DEMO
Stepnya adalah :
Masuk editor template blogger anda keudian cari </style> atau ]]></b:skin>
Kemudin letakan kode di bawah ini tepat di atasnya
pre,i[rel="pre"]{
display:block;
padding:5px .5em 5px 1em;
font:normal normal 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier NewSastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0tag:blogger.com,1999:blog-287968822623990345.post-10549076735468350202020-01-19T21:21:00.001+07:002020-03-10T11:30:58.019+07:00Membuat Syntax Highlighter Blogger
Mempercantik postingan blogger khususnya buat blogger yang bertujuan membuat tutorial seputar code CSS, HTML, JAVASPCRIPT dengan menggunakan Syntax Highlighter adalah salah satu pilihan yang tepat.
Berikut ini tahapan yang di lakukan ketika kita akan membuat postingan menggunakan CSS, HTML, JAVASCRIPT
.post-body pre {
background-color: #292E34; /* backgroun color */
border-left: 5px solidSastracodehttp://www.blogger.com/profile/01388960945301621543noreply@blogger.com0