Skip to main content

100+ Faktor Peringkat Hasil Pencarian Google

Praktik optimasi seo blogspot terbaik yaitu dengan memahami tren dan kondisi update mesin pencari terbaru 2019. Agar blog tampil dengan ranking teratas anda perlu mengetahui faktor peringkat hasil pencarian google . 100 lebih faktor penentu berikut ini dapat mempengarui, menentukan, memposisikan, dan menaikkan peringkat blog pada hasil pencarian. Agar mudah dipahami artikel ini saya kelompokkan menjadi beberapa kategori faktor penentu. Saya mengambil beberapa referensi dari beberapa pakar seo internasional seperti Backlink dot co, Moz, SEJ, SEL, serta halaman resmi bantuan webmaster google. Halaman-halaman tersebut secara jelas menyebutkan ratusan aspek atau hal-hal yang dapat mempengaruhi rangking sebuah situs. Berdasarkan pengalaman saya ngeblog sejak 8 tahun yang lalu saya berpendapat bahwa blog dengan teknik seo berikut ini dapat mempengaruhi peringkat artikel. Dengan cara resmi dan dengan anjuran sesuai kebijakan mesin pencari akan membuat posisi blog selalu konsisten dan tetap ...
Post a Comment

8 Macam Menghias Tombol Share Blogspot

Ini adalah trik CSS3 untuk menghias tombol share blogspot anda.


  1. Template >> Edit HTML >> Proceed

    Gambar Masuk Edit Template

  2. Penempatan kode berada di :

    <b:skin><![CDATA[

    Kode disini

    ]]></b:skin>


    Lebih gampangnya ketik keyboard Ctrl+f dan masukkan kode :

    <b:skin><![CDATA[

    Nanti kodenya letakkan dibawahnya

  3. Pilih satu gaya yang anda mau :


    • Gaya pergantian gambar lambat :

      .share-button {
      transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      transition-property:background;
      -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -moz-transition-property:background;
      -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -webkit-transition-property:background;
      -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -o-transition-property:background;
      }

    • Hover Transparan

      Transparan ke tidak transparan

      .share-button {
      opacity:0.5;
      -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -moz-transition-property:opacity;
      -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -webkit-transition-property:opacity;
      -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -o-transition-property:opacity;
      transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      transition-property:opacity;
      }
      .share-button:hover {
      opacity:1;
      }

      Tidak transparan ke transparan

      .share-button {
      opacity:1;
      -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -moz-transition-property:opacity;
      -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -webkit-transition-property:opacity;
      -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -o-transition-property:opacity;
      transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      transition-property:opacity;
      }
      .share-button:hover {
      opacity:0.5;
      }

    • Gambar menjadi besar

      .share-button {
      transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      transition-property:transform;
      -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -moz-transition-property:transform;
      -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -webkit-transition-property:transform;
      -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -o-transition-property:transform;
      }
      .share-button:hover {
      transform:scale(3.3);
      -moz-transform:scale(3.3);
      -ms-transform:scale(3.3);
      -o-transform:scale(3.3);
      -webkit-transform:scale(3.3);
      }

    • Gambar menjadi besar efek 3D

      .share-button {
      transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      transition-property:background, transform;
      -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -moz-transition-property:background, transform;
      -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -webkit-transition-property:background, transform;
      -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -o-transition-property:background, transform;
      }
      .share-button:hover {
      transform:scale(3.3);
      -moz-transform:scale(3.3);
      -ms-transform:scale(3.3);
      -o-transform:scale(3.3);
      -webkit-transform:scale(3.3);
      }

    • MDev Style Template

      .share-button {
      transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      transform:rotate(-20deg);
      -moz-transform:rotate(-20deg);
      -ms-transform:rotate(-20deg);
      -o-transform:rotate(-20deg);
      -webkit-transform:rotate(-20deg);
      transition-property:background, transform;
      -moz-transition-property:background, transform;
      -ms-transition-property:background, transform;
      -o-transition-property:background, transform;
      -webkit-transition-property:background, transform;
      }
      .share-button:hover {
      transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
      -o-transform:rotate(0deg);
      -webkit-transform:rotate(0deg);
      }

      Bergaya miring seperti tema Template MDev (Template yang jadi trend pengenalan CSS3)

    • Terbalik

      .share-button {
      transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      transition-property:background, transform;
      -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -moz-transition-property:background, transform;
      -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -webkit-transition-property:background, transform;
      -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -o-transition-property:background, transform;
      transform:rotate(-180deg);
      -moz-transform:rotate(-180deg);
      -ms-transform:rotate(-180deg);
      -o-transform:rotate(-180deg);
      -webkit-transform:rotate(-180deg);
      }
      .share-button:hover {
      transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
      -o-transform:rotate(0deg);
      -webkit-transform:rotate(0deg);
      }

    • Berputar

      .share-button {
      transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      transition-property:background, transform;
      -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -moz-transition-property:background, transform;
      -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -webkit-transition-property:background, transform;
      -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -o-transition-property:background, transform;
      }
      .share-button:hover {
      transform:rotate(-360deg);
      -moz-transform:rotate(-360deg);
      -ms-transform:rotate(-360deg);
      -o-transform:rotate(-360deg);
      -webkit-transform:rotate(-360deg);
      }

    • Berputar Ekstrim

      .share-button {
      transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      transition-property:background, transform;
      -moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -moz-transition-property:background, transform;
      -webkit-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -webkit-transition-property:background, transform;
      -o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
      -o-transition-property:background, transform;
      }
      .share-button:hover {
      transform:rotate(-1440deg);
      -moz-transform:rotate(-1440deg);
      -ms-transform:rotate(-1440deg);
      -o-transform:rotate(-1440deg);
      -webkit-transform:rotate(-1440deg);
      }

  4. Preview

  5. Save Template



Home > Blogger > Menghias > 8 Macam Menghias Tombol Share Blogspot

Labels:

Comments

Post a Comment

Popular posts from this blog

Teknik SEO On Page Tag Rel HTML Blogspot

Melengkapi kode tag rel merupakan teknik seo on page blogspot pada HTML halaman. Setiap link sebaiknya memiliki tag rel sesuai kategorinya untuk meningkatkan performa SEO blogger di setiap halaman. Perlu saya tekankan bahwa menambah rel tag blog sangat penting dan secara signifikan mempengaruhi kualitas SEO blogspot. Pergunakan teknik ini untuk optimasi seo pada halaman anda terutama untuk tambahan informasi sebuah tautan. Penulisan tag rel yaitu dengan menambah kode rel='value' di setiap HTML link. Istilah Rel Tag berasal dari bahasa inggris relationship . Fungsinya adalah untuk menghubungkan, atau mengkaitkan dokumen (tautan). Teknik seo on page ini dilakukan pada template blogspot terutama pada header. 1. Meta Tag Rel HTML Dari berbagai sumber, terdapat 7 rel tag value (nilai) yang sering digunakan di dalam meta tag blogger. Lihatlah penggunaan rel tag di template blog kamu apakah sudah terpasang ataukah belum. Untuk itu, saya merekomendasikan tips cara penambahan rel ...
Post a Comment
Read more

Pengalaman Pertama Diterima Google Adsense

Saat iklan Google tampil di blog kesayangan adalah pengalaman pertama diterima Google Adsense . Pengalaman pertama ini saya dapat bukan dari jasa tentang Google Adsense tapi karena hasil coba-coba sendiri. Dan semoga blog saya masih dapat bertahan menjadi penayang dan tidak kena banned Google. Posting ini bukan bertujuan untuk pamer melainkan sebagai ucapan terima kasih kepada Google Adsense yang telah menerima saya. Tentu predikat newbie masih melekat dalam diri blog dan saya sendiri. Newbie juga usaha bukan? Nah bagi teman2 yang ingin mendapatkan akun Google adsense dan cepat diapprove sejuta trik ingin sharing sedikit pengalaman pertama saya tentang Google Adsense. 1. Jujur dan Apa Adanya Google Adsense memiliki spider (mata-mata) perayap yang sangat jenius. Setiap kesalahan dan pelanggaran sedikit saja akan langsung ditindak dan terkadang tanpa pemberitahuan. Jujur di sini saya tekankan kepada konten Asli yang dianggap sepele oleh para blogger Indonesia. Namun konten Asli adalah h...
Post a Comment
Read more

100+ Faktor Peringkat Hasil Pencarian Google

Praktik optimasi seo blogspot terbaik yaitu dengan memahami tren dan kondisi update mesin pencari terbaru 2019. Agar blog tampil dengan ranking teratas anda perlu mengetahui faktor peringkat hasil pencarian google . 100 lebih faktor penentu berikut ini dapat mempengarui, menentukan, memposisikan, dan menaikkan peringkat blog pada hasil pencarian. Agar mudah dipahami artikel ini saya kelompokkan menjadi beberapa kategori faktor penentu. Saya mengambil beberapa referensi dari beberapa pakar seo internasional seperti Backlink dot co, Moz, SEJ, SEL, serta halaman resmi bantuan webmaster google. Halaman-halaman tersebut secara jelas menyebutkan ratusan aspek atau hal-hal yang dapat mempengaruhi rangking sebuah situs. Berdasarkan pengalaman saya ngeblog sejak 8 tahun yang lalu saya berpendapat bahwa blog dengan teknik seo berikut ini dapat mempengaruhi peringkat artikel. Dengan cara resmi dan dengan anjuran sesuai kebijakan mesin pencari akan membuat posisi blog selalu konsisten dan tetap ...
Post a Comment
Read more