SETTING THUMBNAIL SHARE POST BLOGGER

Setting Thumbnail Share Post Blogger - Masalah yg seringkali terjadi pada thumbnail share post merupakan hilangnya thumbnail image atau gambar postingan waktu page situs web pada share ke social media, hal ini disebabkan lantaran browser social media misalnya twitter dan facebook tidak menemukan meta Open Graph didalam html situs web. Selain itu kasus thumbnail share post yg mungkin banyak dikeluhkan oleh pengembang situs web merupakan rapikan letak (posisi) judul situs web yang dipercaya kurang tepat. Judul situs yg terlalu panjang umumnya tidak terlihat bagus pada thumbnail share post karena dapat menghilangkan fokus audiens yg seharus-nya berpusat pada judul konten (artikel).
Artikel ini akan membagikan sedikit tips mengenai cara mengatur tampilan (thumbnail share post) situs web menggunakan memanfaatkan meta open graph, ini adalah trick yg paling gampang buat mengatur "setting" thumbnail share post agar lebih menarik dan lebih menonjol di social media (twitter, gplus serta facebook).
Yang harus dilakukan buat membuat thumbnail share post yg menarik serta menonjol merupakan, silahkan masukkan Tag Meta dibawah ini ke dalam html situs web, Posisikan meta tag diantara tag serta , yang lebih sempurna letakkan di bawah kode epilog .


Save template dan lihat hasilnya, dengan catatan "thumbnail share post" akan berubah sesudah cache situs web pada browser hilang, umumnya 1 x 24 jam atau paling lama 2 hari setelah menerapkan tag meta diatas.
Jika sebelumnya situs web sudah memiliki meta open graph seperti yg tertera diatas maka tidak perlu mengganti seluruh-nya. Cukup lakukan sedikit perubahan saja pada tag meta misalnya berikut ini buat mengatur thumbnail share post yg lebih relevan.

Thumbnail Share Post (Twitter Social Media)

Cari dan temukan sebaris kode berikut didalam html situs web
Kemudian ganti kode tersebut menggunakan;
Selanjut-nya tamnahkan property image width serta height supaya gambar (thumbnail share post) pada social media twitter terlihat lebih besar dan menonjol.


Thumbnail Share Post (Facebook Social Media)

Cari serta temukan sebaris kode tag meta berikut didalam html situs web;
Kemudian masukkan tepat dibawahnya kode tag meta berikut;

Kode tag meta tadi berfungsi buat memerintahkan browser social media facebook hanya menampilkan judul halaman (judul artikel) dan menyembunyikan judul situs berdasarkan thumbnail share post.
Silahkan share artikel ini ke beberapa jenis social media engkau untuk melihat live demo thumbnail share post situs ini, pengaturan yang aku terapkan lebih kurang sama persir misalnya yang sudah dijelaskan, apabila engkau telah paham dan mengenal secara rinci tentang meta tag yang mengatur thumbnail share post, engkau bisa mengubah tag meta yang sudah terdapat dengan tag meta yang saya bagikan diatas.
Catatan: Ganti id facebook, twitter dan username google plus yg telah ditandai menggunakan huruf tebal menggunakan id dan username anda sendiri.
Demikian saja "Setting Thumbnail Share Post Blogger", semoga bermanfaat dan dapat membantu anda pada mengatur ukuran gambar serta judul yg ditampilkan pada thumbnail share post situs web anda. Jangan lupa subscribe jika artikel ini benar-benar membantu.

CARA MENGHAPUS DAN MEMINDAHKAN WIDGET TERKUNCI

Cara Menghapus Dan Memindahkan Widget Terkunci - Pada beberapa desain template blogger sebagian widget sengaja di kunci supaya tidak bisa dipindahkan juga di hapus, hal tadi lantaran oleh desainer ingin mengakibatkan widget tersebut dalam rapikan letak yg tetap supaya keindahan desain-nya nir hilang lantaran hal-hal yang nir disengaja. Tetapi pada beberapa kasus widget blogger justru terkunci sendiri serta menyebabkan tata letak yang nir mengagumkan buat dipandang, masalah misalnya ini umumnya terjadi pada saat meng-upload atau mengganti template. Untuk menghindari widget terkunci sebaiknya ikuti teknik yg benar menggati template blogger pada page ini [Open This Page]
Dan, bagi yg sudah terlanjur mengganti template lalu beberapa widget terkunci sendiri dan nir bisa dipindahkan maka ikuti tutorial ini, disini saya akan memberikan solusi buat menghapus widget dan memindahkan widget yg terkunci (locked='true'), bila dipahami menggunakan benar berdasarkan tutorial ini kamu pula akan mengerti cara mengunci widget supaya nir bisa dihapus ataupun pada pindahkan. Mari kita simak gambar ini dia;
Pada gambar diatas aku contohkan rapikan letak dua widget yang tidak sinkron yaitu widget image menggunakan status terkunci (locked='true') serta widget follow dengan status nir terkunci (locked='false').
  • Jika pada html widget di sertakan kode locked='true' maka widget tidak sanggup dipindahkan atau pun di hapus
  • Dan sebalik-nya apabila pada html widget diterapkan kode locked='false' maka widget bisa dipindahkan serta pada hapus berdasarkan tata letak blogger.
Jadi solusi buat menghapus widget blogger yang terkunci merupakan dengan cara mengubah kode locked='true' dengan kode locked='false' dalam html widget atau template. Ikuti langkah-langkah menghapus widget blogger yang terkunci di bawah ini;
  1. Login ke Blogger > Template > Edit HTML
  2. Pilih Lompati ke widget (pilih widget yang akan pada hapus)
  3. Kemudian ganti kode locked='true' sebagai false
Silahkan lihat contoh kode html serta gambar pada bawah ini untuk lebih jelasnya;
Locked widget
Unlock the widget
Setelah mengganti kode locked='true' sebagai locked='false' silahkan save template blogger anda kemudian pergi ke tata letak buat menghapus widget atau sekedar memindahkan-nya. Klik edit pada widget disana akan terlihat tombol hapus widget.
Bonus pengetahuan; kode mobile='yes' misalnya terlihat pada gambar adalah kode buat menampilkan widget blogger di perangkat mobile (handphone), kebalikan berdasarkan kode mobile='yes' adalaha mobile='no' yaitu perintah html untuk nir menampilkan element atau widget di perangkat mobile.
Demikian saja cara "Cara menghapus dan memindahkan widget blogger yang terkunci", bila masih ada banyak widget yg terkunci lakukan langkah diatas pada widget yang akan di hapus satu per satu. Begitu jua bila engkau ingin mengunci widget tertentu supaya nir bisa dipindahkan. Apabila ada yang ingin ditanyakan jangan sungkan buat menuliskan pertanyaan di kolom komentar bawah, semoga berhasil dan sukses buat engkau , see you again.

META TAG THEME COLOR BLOGGER

Meta Tag Theme Color Blogger - Tutorial kali ini akan membahas sebuah metode atau cara menyesuaikan rona theme browser (Chrome, Firefox & Opera) menggunakan theme blogger menggunakan meta tag theme color. Di-era android browser moderen telah mendukung buat penyesuaian warna thema menggunakan theme situs web termasuk situs blogger. Mungkin engkau juga sudah memperhatikan situs-situs super besar misalnya facebook, youtube dan lain-nya waktu pada akses melaui browser chrome secara otomatis akan merubah warna address bar sesuai dengan warna template mereka. Penyesuaian itu tentu tidak terjadi begitu saja melainkan sebuah meta tag color theme yg mengaturnya. Nah kini kita akan menciptakan hal serupa kepada theme blogger menggunakan menggunakan "meta color theme".
Gambar diatas merupakan model situs web sebelum memakai meta theme color serta sehabis menggunakan meta theme color, situs web yang dipasangi meta tag theme color akan meminta browser menyesuaikan tampilan warna dengan warna dalam theme situs sehingga situs web akan terlihat lebih menyatu serta megah.

Memasang Meta Tag Theme Color pada Blogger

Pada dasarnya browser akan menelusuri rona pada html situs, jadi agar browser bisa menyesuikan warna menggunakan template situs silahkan tambahkan element meta tag theme color berikut ini kedalam html template situs web anda sempurna nya berada diatara kode dan , berikut meta tag nya.
Simpan kode meta diatas dan lihat hasilnya melalui ponel android, perhatikan kode "#d32f2f " serta ganti kode warna tersebut sesuai menggunakan kode warna template situs web. Meta theme color tadi support pada browser Google Chrome, Firefox & Opera "perangkat android". Praktek terbaik buat merubah atau menyesuaikan warna browser dengan situs, samakan (serupakan) kode warna dengan warna header situs web, apabila situs menggunakan top-menu maka sesuaikan menggunakan kode warna dengan rona top-menu situs web.
Catatan: Meta tag theme color diatas hanya support dalam browser buat perangkat Google Chrome, Firefox dan Opera pada perangkat Android saja. Jika engkau ingin menerapkan meta tag theme color yang support pada banyak perangkat serta browser silahkan masukkan meta theme color pada bawah ini;


Meta tag theme color diatas support buat penyesuaian rona theme pada browser Google Chrome, Firefox & Opera dalam perangkat Android, browser Windows Phone serta Safari iOS. Untuk mendukung kinerja meta tag usahakan gunakan kode rona "color hexadecimal".
Jika situs web memakai platform wordpress jangan sungkan buat memasang kode meta theme color diatas lantaran meta tag diatas nir khusus buat blogger, melainkan buat seluruh platform situs web. Kamu bisa menyelidiki lebih dalam tentang meta theme color ini pada google developer [Open]. Selain theme color disana kamu juga akan memeriksa mengenai cara mengatur resolusi icon di perangkat mobile (smrtphone).
Demikian penerangan mengenai meta theme color blogger serta panduan penerapan meta tag theme color di blogger dan wordpress. Semoga bermanfaat serta sampai jumpa balik , ingat follow dan subscribe ya.

CARA MEMBUAT TOMBOL FOLLOW DI BLOG

Cara Membuat Tombol Follow di Blog - Tombol follow merupakan salah satu widget krusial buat di pasang pada situs blog, tombol follow blogger seringkali diklaim jua menjadi tombol join us (join this site) berfungsi menjadi navigasi yang memudahkan pengunjung untuk mengikuti situs yang mereka sukai. Pada tutorial ini aku akan membagikan cara membuat tombol follow blogger yang bisa ditempatkan di banyak sekali tata letak seperti di atas kolom komentar, sidebar, menu navigasi serta tombol follow di dalam postingan.
Metode yg saya gunakan buat membuat tombol follow merupakan menggunakan memanfaatkan link follow yg ada dalam widget followers (join this site), dengan demikian maka tombol follow yg didapatkan akan lebih ramah serta mudah di aplikasikan. Langsung saja ke tutorial menciptakan tombol follow blogger serta yg pertama harus dilakukan merupakan menyiapkan link follow + id situs blog, lihat contoh dibawah ini;
//www.blogger.com/follow.G?BlogID=6093713042691745392
Nomor id yang ditandai dengan huruf tebal adalah nomor id situs blog aku , silahkan ganti menggunakan "id" situs blog masing-masing, untuk menerima atau melihat "id" situs blog silahkan login ke blogger, pilih galat satu situs jika engkau memiliki poly situs blog kemudian lihat dalam addres bar id situs blog anda.
Setelah link follow situs disiapkan selanjutnya merupakan memasang link follow tersebut ke tata letak atau loka yg diinginkan serta menampilkan nya menjadi tombol follow (join us).

Memasang Tombol Follow pada Atas Kolom Komentar

  1. Login ke blogger > Template > Edit HTML
  2. Cari kode penutup css yaitu ]]>
  3. Tambahkah kode css ini dia sempurna pada atas kode ]]>
.comments .rightxfont-size:12px;position:absolute;$endSide:0;top:0;line-height:22px;max-height:22px;padding:4px 0 0 4px;margin-$endSide:0;background-color:#333333;overflow:hidden;display:block;
.comments .rightx adisplay:inline-block;min-width:75px;margin-$endSide:0;background-color:#333333;text-align:center;color:#ffffff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;text-decoration:none;text-transform: uppercase;
Save template, lalu cari kode 

atau

serta ganti dengan menggunakan kode di bawah ini.



Join Us


Ganti text "Join Us" dengan Follow First atau Subscribe sesuai dengan selera masing-masing serta ganti juga nomor id "6093713042691745392" dengan id situs blog kamu sendiri. Save template serta lihat hasilnya, tombol follow akan muncul di atas kolom komentar seperti terlihat pada contoh dibawah ini.
Catatan: Kode

adalah kode "comment message" single comment box serta merupakan kode default kolom komentar bawaan blogger. Jika sebelumnya pada template situs blog kamu sudah dimodifikasi atau menggunakan 3 comment system (blogger-facebook-disqus) silahkan lihat pada contoh gambar berikut [Klick Unduh]

Menambahkan Tombol Follow Pada Menu Navigasi



Membuat Tombol Follow di Sidebar

  1. Login ke Blogger > Tata Letak > Add Widget HTML
  2. Tambahkan kode berikut adalah kemudian save
Follow Us
Ganti id blog serta warna tombol sesuai dengan yang di inginkan.

Menambahkan Tombol Follow di Dalam Postingan

Untuk menambahkan tombol follow di dalam post (artikel) sebenarnya metode yg dipakai sama menggunakan metode membuat tombol follow pada sidebar, yaitu dengan menambahkan element button dalam link follow blog. Kamu mampu mencoba variasi tombol yang tidak sinkron misalnya model ini dia.
Subscribe Me
Nah, itulah beberapa cara membuat tombol follow di blog (situs blogger) yang dapat di sesesuaikan serta di tempatkan di beberapa tata letak. Silahkan di garap atau cobalah ber experiment sendiri dengan link follow blogger. Metode ini juga dapat diterapkan pada situs blog yang sudah menghapus css bundlle (optimasi pagespeed insights) lantaran biasanya menghapus css bundle umumnya akan menyebabkan beberapa widget blogger nir berfungsi termasuk widget followers.
Kelebihan:
  • Mengganti widget followers (join this site) dengan tombol follow, nir membebani loading situs web sama sekali.
  • Tombol follow dapat diletakkan di banyak tempat yaitu, di atas kolom komentar, sidebar, menu navigasi, di dalam post blogger serta lain-lain.
  • Menghindari blocked rendering paruh atas situs
  • Dan dapat pada variasikan menggunakan poly style css button.
Demikian tutorial cara membuat tombol follow (subscribe button) blogger serta siap-siap untuk mendapatkan banyak followers situs blog kamu. Jika ingin melihat demonya silahkan gulir ke kolom komentar serta Subscribe situs blog cara flexi. Anggap saja subscribe anda sebagai bonus untuk saya, akhir kata saya ucapkan terimakasih telah berkunjung serta semoga tuorial ini bermanfaat.

EMBED YOUTUBE VIDEO RESPONSIVE

Embed Youtube Video Responsive - Bagaimana cara menyematkan "embed" video youtube ke website agar responsive?, Pada dasarnya code embed "iframe" video youtube telah sangat responsive di banyak berukuran layar, tetapi masalahnya apabila menggunakan kode default youtube embed umumnya akan terlihat space atau black bar diatas dan dibawah video bila ditinjau pada layar yang lebih mini seperti mobile device.
Nah buat mengatasi hal tadi saya akan menunjukkan sebuah campuran sederhana antara javascript, jquery, htlm serta css yg berfungsi untuk menghilangkan space atau black bar dan membuat tampilan iframe video youtube menjadi lebih responsive saat disematkan "embed" pada laman web. Berikut kode jquery embed youtube responsive nya.
Copy dan simpan kode jquery embed youtube responsive tadi tepat diatas tag

SCRIPT DEFER IFRAME VIDEO YOUTUBE FAST LOADING

Berbagi script defer iframe atau defer parsing iframe youtube js (fast loading) -  Mungkin masih ada yg ingin bertanya "apa itu defer iframe video youtube (youtube embed)?", Dalam bahasa inggris "Defer" ialah adalah menahan, jadi yang dimaksud menggunakan defer iframe youtube embed adalah; menahan pemuatan iframe berdasarkan youtube embed dengan donasi sebuah javascript agar loading menjadi lebih cepat. Script atau javascript yang berfungsi buat menahan pemuatan iframe berdasarkan youtube embed ini lebih dikenal menggunakan sebutan "defer parsing of javascript youtube embed js", Script ini awalanya saya temukan saat mengintip akun github para programer, terdapat poly pengetahuan yg saya temukan disana buat meningkatkan kecepatan loading situs web dan keliru satunya merupakan menggunakan menunda pemuatan iframe menggunakan script "defer parsing youtube js" ini.

Cara Kerja Defer Parsing Youtube JS

Javascript defer parsing youtube embed berfungsi buat memberitahukan pada browser buat melewati pemuatan iframe video embed sebelum loading situs terselesaikan, namun tetap menampilkan nya sebagai arsip penting menurut konten tadi dan kemudian memuatnya setalah pada klik (play).

Script Defer Iframe serta Cara Menggunakan Nya

Simpan kode lengkap defer_parsing_youtube_embed.js ini pada atas penutup body html situs web (diatas kode

CARA MENGATASI JAVASCRIPT DAN CSS YANG MEMBLOKIR RENDERING HALAMAN

Dan

2 CARA MENGGANTI TEMPLATE BLOGGER YANG BAIK DAN BENAR

Cara Mengganti Template Blogger - Berikut ini adalah dua metode atau cara yg benar untuk membarui template blogger atau theme xml situs blog agar rapi dan cepat. Meskipun tutorial mengubah template blogspot telah dijelaskan sang google, Sebagian orang (blogger pemula) mungkin masih bingung cara membarui template blogger dan mungkin mengalami kasus seperti bentuk template berubah sebagai nir rapi, letak widget sangat berantakan dan lain-lain. Sesuai dengan judul, maka tutorial kali ini akan membahas bagaimana cara mengganti template blogger yang baik serta sahih buat menghindari kesalahan-kesalahan misalnya yg sudah dijelaskan.
Via Upload Template
Mengganti template blogger dengan metode upload template memang sudah sahih namun masih kurang baik lantaran widget yg dipasang sebelumnya akan tertinggal dan menyatu dalam template blog yg baru pada upload serta menyebabkan tampilan template sebagai berantakan atau nir sesuai menggunakan demo asli nya, sebagai akibatnya diharapkan waktu dan skill codding buat merapikan nya kembali. Blogger pemula biasa nya menggati template blog mereka dengan metode ini.

Ganti Template Blog Via Upload

  1. Login ke Blogger > Template
  2. Back-up/Pulihkan template
  3. Pilih file template xml yg telah kamu sediakan
  4. Klick upload buat menerapkan template yg baru
Lihat contoh gambar dibawah ini
Metode mengganti template seperti diatas (via upload) memang telah benar, tetapi cara ini memiliki kekurangan yaitu; kode widget dalam template sebelum-nya tidak terbuang maksimal serta akan bercampur menggunakan template yg baru di upload dengan tata letak yang nir mampu pada prediksi. Agar proses pergantian template berjalan mulus tanpa gangguan apapun sebaik-nya ikuti metode yg ke 2 yang lebih efektif buat mengubah template blog anda.

Metode Copy & Paste kode Template

Mengganti template blogger dengan metode copy & paste kode template adalah metode yg baik dan benar, dan tidak mengakibatkan perubahan acak dalam template, simak langkah-langkah mengubah template blogger berikut ini;
  1. Pilih dan Dowload template blogger disini
  2. Extract file zip buat membuka folder template
  3. Pilih file xml (template blogger), kemudian
  4. Klik kanan dalam template serta pilih open with notepad dan copy semua kode template
  5. Login ke blogger > Template > Pilih Edit Html
  6. Select all dan hapus seluruh kode template yang usang, dan
  7. Paste kan kode template yg baru.
  8. Terakhir save template dan lihat hasilnya.
Jika metode diatas diterapkan dengan sahih maka template blogger yg baru akan terganti dengan sempurna dan rapi, sinkron dengan demo template aslinya.
Yang wajib dilakukan setelah membarui template
Setelah mengganti template blog, ada hal-hal krusial yg tidak boleh ditinggalkan lantaran ini menyangkut eksistensi situs blog anda di serp (search engine result laman). Yang wajib anda lakukan setelah mengubah template adalah;
  • Memasang kembali kode google analytics
  • Memasang kode verifikasi webmaster tool,
  • Memasang atau menata widget dan menu situs blog, lalu
  • Memasang balik kode iklan apabila situs sudah dimonetize sebelumnya.
Pada langkah ini sebaik nya kamu mem-back-up seluruh kode penting yg sudah pada install di pada template sebelumnya misalnya kode google analytics, kode verifikasi webmaster serta kode iklan, tujuannya supaya kamu nir bolak-pulang dan proses pergantian template sebagai lebih cepat.
Nah, demikian penerangan tentang cara mengganti template blogger menggunakan baik serta benar, semoga tutorial ini bermanfaat serta dapat membantu anda pada menuntaskan pergantian template (mengganti template) situs blog anda. Apabila berkenan melanjutkan maka aku sangat merekomondasikan agar kamu membaca tips-tips menentukan template blogger sebelum menentukan pilihan buat template situs blog anda [Lihat Detail].
Jangan lupa Follow situs ini melalui email untuk menerima trik-trik blogging terkini lainnya, silahkan lihat beranda situs buat mem-follow. Terimakasih atas kunjungan anda serta semoga sukses.

LANGKAH BERIKUTNYA SETELAH MEMBUAT BLOG

Langkah Berikutnya Setelah Membuat Blog - Saya sangat tahu bahwa nir sedikit blogger baru / pemula yang menemui jalan buntu setelah membuat blog, hal tadi dikarenakan pemahaman yg masih minim mengenai blogging sebagai akibatnya mereka kebingungan apa yang harus dilakukan selanjutnya. Maka dari itu saya akan mencoba membantu blogger pemula buat membentuk situs blog mereka melalui artikel ini menggunakan memberikan tips / langkah-langkah berikutnya yang harus dilakukan selesainya membuat blog.
  1. Membuat Konten (Menulis Artikel) Blog, selanjutnya
  2. Membuat Sitemap (Peta situs) di Webmaster tools atau Google search console
  3. Mengaitkan situs Blog menggunakan Google Analytics
  4. Mendaftarkan Situs Blog ke Google Adsense
Keterangan:

Membuat Konten / Menulis Artikel Blog - Buatlah konten / artikel yang bersifat informatif dalam situs anda, adapun artikel yg bersifat informatif adalah "Tips, trik, cara atau artikel mengenai ilmu pengetahuan serta teknologi). Konten / artikel informatif biasa nya akan lebih tak jarang dicari sehingga situs blog anda berpeluang untuk menerima pengunjung yang organik. Bagi blogger pemula menulis artikel mungkin tidak gampang, kamu harus lebih seringkali membaca artikel dari situs lain dan memperhatikan tata cara penulisan artikel orang lain.
Membuat Sitemap pada Google Search Console - Membuat sitemap atau peta situs di google console adalah satu hal yang tergolong harus pada menciptakan / menciptakan situs blog. Sitemap berfungsi buat memberitahukan pada peramban google agar merayapi situs serta meng-index isi (artikel) situs ke page google sebagai akibatnya artikel-artikel situs lebih cepat / gampang ditemukan pada halaman pencarian google.
Mengaitkan situs Blog menggunakan Google Analytics - Sejati nya Google Analytics adalah indera / fitur bagi pengelola situs blog juga bagi google itu sendiri buat meng-analisa / memonitoring kinerja situs blog yg dikaitkan dengan google analytics. Selanjutnya yg wajib dilakukan yg dilakukan sesudah membuat blog merupakan,
Mendaftarkan Situs Blog ke Adsense - Setelah situs blog mempunyai konten / artikel yang cukup serta mempunyai pengunjung organik maka telah waktu nya engkau mencoba keberuntungan buat mendaftarkan situs blog ke google adsense supaya dimonetize dengan iklan. Google adsense akan memantau situs blog anda melalu data situs yang ada dalam Google Analytics. Jika situs blog anda dipercaya layak (mempunyai traffic pengunjung organik serta kinerja yg baik maka tidak menutup kemungkinan buat situs blog engkau dimonetize oleh iklan google adsense.

Tips Mendesain Situs Blog

Setelah membuat situs blog serta mengikuti langkah2 selanjutnya yg harus dilakukan misalnya diatas diperlukan pula buat tahu desain situs blog yg ramah. Dalam mendesain tampilan situs blog dianjurkan buat tidak terlalu norak serta banyak animasi agar situs blog engkau terlihat ramah serta sukai oleh user (pengungjung situs) serta disukai oleh google. Jika kamu belum memiliki keterampilan dalam mendesain / mengedit template buat situs blog kamu, silahkan pakai template blog yang saya sediakan ini [Download], Tampilan yang simple tetapi permanen elegan akan menciptakan tampilan situs blog kamu lebih ramah dimata pengunjung maupun google.
Demikian "Langkah-langkah yang harus dilakukan selesainya membuat blog" sembari menulis artikel untuk mengisi situs blog kamu, saya sangat merekomondasikan anda untuk membaca juga tentang "Riset Keyword" dan "Tips Memilih Keyword". Saya harap ini dapat membantu anda mendalami tentang ilmu blogging, menciptakan serta mengembangkan situs blog sampai menghsilkan uang dan menambah wawasan bagi kita seluruh.
Notes: Situs ini memiliki poly sekali artikel mengenai trik-trik blogger serta make money online. Apabila engkau masih mempunyai banyak pertanyaan mengenai blogger dan make money online, silahkan ketik pertanyaan anda pada "search box" situs ini atau cari eksklusif pada laman pencarian kami.

CONTOH TEKS PRIVACY POLICY

Contoh Teks Privacy Policy - Privacy Policy adalah pernyataan atas agunan keamanan privasi user yg menggunakan suatu situs web (website) maupun softwere. Umum nya setiap situs web akan mengungkapkan tentang kebijakan privasi (privacy policy) atas "Log Files" yang mereka terima menurut pengunjung situs (user). Dikesempatan ini saya akan membagikan / memperlihatkan "Contoh teks privacy policy" buat situs web sebagai reference anda pada membuat halaman privacy policy website anda.

Fungsi Privacy Policy
Privacy Policy berfungsi menjadi lbr pernyataan terlulis penjamin situs web buat menjamin keamanan (privasi) user (pengguna /pengunjung) situs web. Dalam bahasa sederhana "privacy policy" bisa artikan sebagai janji jaminan sang pengembang situs web buat menjaga warta privasi user serta segala sesuatu yang didapat situs web dari pengunjung (user). Selain itu Privacy Policy juga menyebutkan beberapa keterangan website misalnya Log file, Cookie, Adversiting partners serta tentang situs pihak ketiga yang terdapat disitus web tadi.

Contoh Teks Privacy Policy Situs Web


Tittle / Judul: Privacy Policy

Kebijakan Privasi  [Nama Situs]

Jika Anda memerlukan informasi lebih lanjut atau memiliki pertanyaan mengenai kebijakan privasi kami, silakan hubungi kami melalui email di [email pengembang contoh: tukanglistrik@gmail.com].
Privasi pengunjung Kebijakan Privasi [Nama Situs] sangat krusial bagi kami. Dokumen kebijakan privasi ini menguraikan jenis keterangan pribadi yang diterima serta dikumpulkan sang Kebijakan Privasi [Nama Situs] serta bagaimana penggunaannya.
File log
Seperti poly situs Web lainnya, Kebijakan Privasi [Nama Situs] memanfaatkan arsip log. Informasi di dalam arsip log meliputi alamat protokol internet (IP), jenis browser, Internet Service Provider (ISP), stempel lepas / ketika dan halaman referensi dan jumlah klik buat menganalisis tren, mengelola situs, melacak pergerakan pengguna pada sekitar situs, serta mengumpulkan keterangan demografis. Alamat IP, serta kabar lainnya tidak terkait menggunakan informasi yg bisa diidentifikasi secara pribadi.
Kebijakan privasi ini telah disusun buat melayani orang-orang yg peduli menggunakan Informasi Pengenal Pribadi mereka secara online. Sebagaimana dalam undang-undang privasi dan keamanan berita Alaihi Salam, merupakan liputan yg dapat digunakan sendiri atau dengan berita lainnya buat mengidentifikasi, menghubungi, atau menemukan satu orang, atau untuk mengidentifikasi individu pada konteks.
Harap baca kebijakan privasi kami menggunakan seksama buat mendapatkan pemahaman yg jelas tentang bagaimana kami mengumpulkan, menggunakan, melindungi atau menangani Informasi Identifikasi Pribadi Anda sinkron menggunakan situs web kami.
Informasi eksklusif apa yang kami kumpulkan menurut orang-orang yang mengunjungi website atau aplikasi kami?
Bila menggunakan situs web kami Anda mungkin diminta buat memasukkan nama, alamat email atau rincian lainnya untuk membantu pengalaman Anda.
Bagaimana kami memakai keterangan Anda?
Kami dapat memakai kabar yg kami kumpulkan berdasarkan Anda saat mendaftar, melakukan pembelian, mendaftar ke buletin kami, membuka konten, merespons survei atau komunikasi pemasaran, menjelajahi situs web, atau memakai beberapa fitur situs lain dengan cara berikut:
  1. Untuk mempersonalisasikan pengalaman pengguna serta memungkinkan kami mengungkapkan jenis konten serta penawaran produk yang paling Anda minati
  2. Untuk memperbaiki website kami agar sanggup melayani anda dengan lebih baik.
  3. Untuk memungkinkan kami menaruh layanan yg lebih baik kepada Anda pada menanggapi permintaan layanan pelanggan Anda.
  4. Untuk mengelola kontes, promosi, survei atau fitur situs lainnya.
  5. Untuk mengirim email bersiklus tentang pesanan Anda atau produk dan layanan lainnya.
Pengungkapan Pihak Ketiga

Kami nir menjual, memperdagangkan, atau mentransfer ke pihak luar berita bukti diri langsung Anda kecuali apabila kami memberi Anda pemberitahuan terlebih dahulu. Ini nir termasuk mitra hosting situs web dan pihak lain yg membantu kami dalam mengoperasikan situs web kami, menjalankan usaha kami, atau melayani Anda, asalkan pihak tadi sepakat buat merahasiakan keterangan data user. Kami pula bisa melepaskan keterangan user waktu kami konfiden bahwa divestasi sesuai buat mematuhi undang-undang, menerapkan kebijakan situs kami, atau melindungi hak milik, properti, atau keamanan pihak lain.
Namun, fakta pengunjung yang tidak bisa diidentifikasi secara pribadi bisa diberikan ke pihak lain buat pemasaran, periklanan, atau penggunaan lainnya.
Link pihak ketiga
Sesuai kebijaksanaan kami, terkadang kami mungkin menyertakan atau memperlihatkan produk atau layanan pihak ketiga di situs kami. Situs pihak ketiga mempunyai kebijakan privasi yg terpisah serta independen. Oleh karenanya kami tidak bertanggung jawab atau berkewajiban atas isi dan aktivitas anda pada situs pihak ketiga. Meskipun demikian, kami berusaha buat melindungi integritas situs kami serta menyambut baik umpan kembali tentang situs pihak ketiga yg kami cantumkan dibawah ini.
Url pihak ketiga_1
Url pihak ketiga_2
Url pihak ketiga_3
(TTD & Nama Anda)    

Demikian "Contoh teks privacy policy" untuk situs web / blog, aku harap contoh teks privacy policy yang saya bagikan berguna bagi anda pada membuat page "privacy policy" website / blog anda. Silahkan copy atau edit "teks privacy policy" diatas sebagai reference anda buat membuat page privacy policy situs web anda. Terimakasih atas kunjungan anda ke situs blog ini.

APA ITU ADS.TXT KUSTOM

Ads.txt - Setelah beberapa bulan tidur kini aku balik mencangkul blogger dan melakukan perawatan pada situs blog ini. Tidak diduga bahwa ternyata ada sesuatu yang baru pada platform blogger yg sangat menarik buat di bahas yaitu ads.txt. Ketika saya membuka setelan blogger pada bagian preference penelusuran saya melihat tab Monetisasi yang dibawah-nya tertera fitur ads.txt dan kemudian mencoba mengaktifkan ads.txt tadi.
Apa itu ads.txt? Ads.txt atau ads.txt kustom adalah sebuah inisiatif yang dikembangkan oleh IAB Tech Lab (Interactive Advertising Bureau - Tech Lab), yg bertujuan untuk memerangi beberapa jenis penipuan iklan, terutama spoofing domain serta arbitrase inventaris yg nir sah, dan memberikan transparansi pada industri yg tidak kentara.
Berdasarkan yang saya ketahui ads.txt dirilis pada bulan Mei 2017, proyek ads.txt dirancang untuk membersihkan rantai pasokan periklanan online, membantu merek dan pengiklan membeli media digital asli dengan percaya diri, dan mempersulit penipu untuk memperoleh keuntungan dari menjual inventaris yang bukan miliknya.
Pada awal nya ads.txt hanya ditujukan buat domain tld saja, akan tetapi diawal tahun 2018 "ads.txt" jua diresmikan untuk sub-domain seperti blogspot.

Cara Mengaktifkan Ads.txt Untuk Blogger

  1. Login ke dasboard Blogger
  2. Klick Setelan > Pilih Preferensi penelusuran
  3. Gulir kebawah dan lihat pada bagian "Monetisasi"
  4. Pada Bagian ads.txt kustom klick "Edit"
  5. Aktifkan ads.txt kustom pilih "Ya"
  6. Isi kotak text yg tersedia dengan kode ads.txt dibawah ini serta simpan setelan.
Kode Untuk Mengaktifkan Ads.txt
google.com, pub-xxxxxxxxxxxxxx, DIRECT, f08c47fec0942fa0
Catatn Penting: Ganti "xxxxxxxxxxxxxx" dengan id penayang atau id publisher kamu sendiri, lihat contoh gambar dibawah ini sebagai panduan memasang ads.txt.
Apakah wajib bagi setiap blogger atau publisher adsense meng-aktive kan ads.txt pada pada situs mereka? Berdasarkan Google answer angka 7532444 ads.txt tidak wajib digunakan, namun bagi kamu yang belum diterima google adsense boleh saja mencoba meng-aktive kan ads.txt kustom lalu kemudian mendaftarkan situs anda kembali.
Manfaat ads.txt - Seperti yang dijelaskan diatas bahwa manfaat ads.txt adalah untuk memerangi beberapa jenis penipuan iklan dan arbitrase inventaris yang tidak sah serta mengidentifikasi inventaris palsu dan membantu kamu menerima lebih banyak pembelanjaan pengiklan yang pada kasus lain mungkin mengarah ke inventaris palsu.
Cara kerja Authorized Digital Sellers atau disebut dengan ads.txt mungkin nir jauh tidak selaras menggunakan robots.txt berfungsi menjadi crawl atau robot perayap ads (authorized digital sellers) yg tentu nya memberi manfaaf baik bagi pengguna nya. Tetapi jika pada robots.txt kita memiliki akses yang luas maka, pada ads.txt kita hanya bisa meng-aktifkan nya saja dan tidak memiliki akses yang banyak tentang ads.txt.
 Nah, sekarang kamu sudah mengertikan "apa itu ads.txt" dan bagaimana cara menggunakan-nya? Demikian penjelasan saya mengenai "apa yang dimaksud dengan ads.txt dan cara meng-aktifkan ads.txt pada platform blogger", lebih serta kurang aku mohon maaf dan semoga ini menambah pengetahuan kita pada mengelola situs blog dan adsense, good luck for you...!

PENGGUNAAN HEADING TAG H1 HINGGA H6 OPTIMASI SEO

Search Engine Optimization - Bagaimana cara memakai heading tag h1, h2, h3 hingga h6? Dalam praktek SEO penggunaan heading tag pada sebuah page webpage (1 webpage = 1 url /pages juga 1 artikel) merupakan frekuwensi buat menandakan sesuatu yg penting ke robot crawling (penelusur) "Sebuah mesin pencari (penelusur) memakai heading tag untuk membidik kata kunci". Namun penggunaan heading tags yang nir sesuai justru dapat menyebabkan sebuah laman web ditandai menjadi spam.
Idealnya jumlah heading tag H1, H2, H3, H4, H5 serta H6 dalam sebuah page web yg dianjurkan hanya lebih kurang 30 tag heading(jumlah holistik) serta penggunaan judul juga subjudul pada pada heading tags dianjurkan supaya nir melebihi menurut 60 character (alfabet ). Kita mampu menggunakan donasi tool atau indera pengecekan (SEO Analyzer) buat memeriksa ulang heading tag yg telah kita pakai.

Penggunaan Heading Tag Pada HTML (Template)

Pada html versi sebelum-nya setiap laman web "webpage" hanya dianjurkan buat memakai tag H1 sebanyak 1 (satu) saja yaitu pada judul situs. Tetapi pada versi html5, heading tags memungkin-kan untuk dipakai lebih menurut satu tag

(masih dalam perdebatan). Bagi blogger pemula sebaik nya biarkan saja hal itu serta penekanan pada anggaran yg telah jelas pada meningkatkan secara optimal seo.
Beberapa artikel dari pegiat seo menyampaikan penggunaan heading tags (h1-h6) sebagai pintasan cepat buat mengembangkan pengaruh alfabet super tebal, tebal, sedikit tebal sampai tidak begitu tebal. Pernyataan itu sebenar nya galat akbar (keliru). Yang memberikan efek huruf tebal dalam heading tags sebenarnya adalah CSS, meski kita menaruh heading tags dalam sebuah kalimat, tampilan nya tidak akan berubah jika nir diatur menggunakan css.

Apa Makna Heading Tag Yang Benar?

Heading tag adalah sebuah signal pada search engine (mesin pencari) buat memberitahukan sesuatu yang super penting, sangat penting, krusial hingga lumayan penting. Dengan memberikan tag heading maka mesin pencari "crawling" akan lebih cepat pada memahami page web atau isi inti (topik) sebuah artikel sebagai akibatnya dipercaya tepat query user, penelusur akan menampilkannya di laman pencarian.
Sebagai contoh penerapan heading tag kamu bisa melihat gambar dibawah ini buat memahami makna atau pengertian heading tag dalam potimasi seo.

Penggunaan Heading Tag Pada Penulisan Artikel

Dalam platfom blogger penggunaan heading tag dalam penulisan artikel sudah dipermudah hanya menggunakan men-drag text kemudian memberi tag heading atau subheading saja telah relatif. Perhatikan gambar dibawah ini menjadi contoh cara memberi heading tags pada artikel blog.
Dengan menerapkan penggunaan heading tags seperti diatas maka mesin pencari akan dengan cepat memahami inti sebuah artikel, ketika seorang mengetikkan keyword maka mesin pencari akan menampilkan beberapa output pencarian yg sinkron dengan keyword pada page utama mereka. Untuk output pencarian yang lebih cepat serta relevan maka sebuah mesin pencari akan membaca heading tag atau tag heading terlebih dahulu.
Dalam penulisan artikel blog "heading" akan ditandai dengan h2 dan subheading ditandai menggunakan h3 bila dicermati dalam format html akan terlihat misalnya "

Apa Makna Heading Tag Yang Benar

" serta berstatus 3rd important atau urutan ketiga yg paling krusial dalam artikel ini buat dibaca sang mesin pencari seperti google. Maka berdasarkan itu sangat krusial pada sebuah judul artikel maupun sub judul mengandung keyword atau kata kunci agar artikel bisa bersaing pada search engine.
Baca Juga: Seo Blogger Tips Untuk Pemula
Nah, setelah membaca artikel tentang "Penggunaan Heading Tag H1 Hingga H6 (Optimasi Seo)" ini apakah kamu sudah bisa menyimpul-kan apa itu heading tag pada html serta dalam penulisan artikel blog? Saya kira ini sudah sangat cukup bagi blogger pemula untuk belajar dan menerapkan seo (search engine optimization) dalam situs yang kalian kelola.

CARA MENAMBAH KOLOM WIDGET DI BLOG TEMPLATE

Tutorial blogger "cara menambah 1 kolom widget" atau " 1 kolom gadget" seperti ini telah usang beredar di internet, tetapi saya ingin menciptakan sesuatu yang baru dengan sebuah pemahaman tentang template blogger agar setiap orang mampu menciptakan atau menambah kolom widget baru pada template mereka. Ini sangat krusial dipelajari karena ini menyangkut keindahan atau ke praktisan sebuah desain web (situs blog) yang kita kelola.
Catatan: Setiap template umum-nya memiliki 4 (empat) kolom (rapikan letak) dasar yaitu: Header, Main, Sidebar serta Footer. "Header" berarti ketua atas, "Main" berarti badan atau pusat letak artikel "Sidebar" merupakan bilah samping serta "Footer" ialah kaki (Bilah bawah).

Selain berdasarkan empat bagian tersebut kita bisa menambahkan beberapa kolom widget tambahan misalnya 1 kolom disamping header buat tempat iklan atau menambahkan kolom widget dibawah header biasa dianggap top featured, dua kolom atau 1 kolom. Kemudian membagi sidebar menjadi 3 bagian (tiga kolom) serta sanggup juga menambahkan beberapa kolom widget di bawah badan "main" Nah, sedangkan widget adalah isi berdasarkan seluruh bagian "kolom-kolom" tadi.
Kode HTML Dasar Kolom Widget

   
   
Kode diatas merupakan kode html buat membuat atau menambah kolom widget (gadget), bila template blog engkau mengunakan tag
. Tetapi jika template kamu menggunakan tag
maka lebih baik ikuti struktur template engkau saja dengan menambahkan kode tag html kolom widget baru misalnya kode dibawah ini.

 
Kedua kode html pada atas merupakan kode paling dasar buat menambah 1 kolom widget baru, memang itu sudah sangat cukup buat membuat sebuah kolom widget tambahan, tetapi bila engkau berencana banyak menggunakan css maka kode tag html kolom widget baru mampu di masukkan dengan memasang kode dibawah ini.


 

Nah, kini dimana kode tag html "kolom widget" ini mampu diletakkan? Kede tadi bisa di pasang/diletakkan dimana saja didalam template kamu asalkan ditempatkan di bawah epilog header atau div penutup yaitu
.
Namun harus diingat, menambahkan tag html kolom wigdet baru di bawah epilog nir selama-nya berhasil. Lantaran biasa-nya di bawah header epilog sudah disisipkan element lain misalnya Dropdown Menu, Search Box atau Newsticker. Maka buat buat menambahkan kolom widget baru kita wajib mencari tag
epilog menurut 3 element tersebut. Sebagai contoh lihat gambar dibawah ini.
Meski kode tag html "kolom widget baru" dibubuhi di bawah tag div epilog, posisi kolom widget/gadget tetap berada di bawah header tepat nya di bawah pilihan menu serta di atas main atau body. Klick save serta lihat pertinjau tata letak . Untuk memastikan bahwa engkau sudah berhasil menambahkan 1 kolom widget dibawah header.
Langkah terakhir adalah merapikan posisi tata letak widget menggunakan style css. Tambahkan css berikut adalah sempurna pada atas kode ]]>.
#topfeatured-areawidth:100%;margin:10px
body#layout #top-featured .wrapwidth:auto;float:left;padding:10px;
Nah demikian cara menambahkan kolom widget baru pada bawah header, menjadi penjelasan tambahan kamu mampu menambah kolom widget dimana saja yg engkau mau apabila sudah paham, bahkan engkau sanggup membuat sidebar menjadi 3 bagian. Menambah widget di bawah main (body). Catatan: jangan terfokus dalam topfeatured-area serta top-featured itu adalah id element saja, engkau sanggup mengubah-nya menggunakan nama lain. Apabila didalam template telah ada "id" top-featured maka kode nir bisa pada simpan kedalam template, kamu wajib mengubah topfeatured-area dengan nama yang lain.

CARA MEMBUAT MOUSE HOVER LINK TITTLE

Cara Membuat Mouse Hover Tittle (Link Tittle) - Dalam mendesain template sebenar-nya tidak perlu menambahkan pernak-pernik atau animasi yg aneh-aneh. Sedikit sentuhan mini saja telah relatif buat memperindah tampilan webiste. Lantaran semakin simple tampilan website akan semakin ringan dalam saat pemuatan (loading) serta semakin nyaman juga dimata pengunjung situs. Umum-nya situs-situs super besar misalnya google, blogger dan lain-lain mendesain template mereka sesederhana mungkin sehingga kita merasa nyaman serta fokus membaca.
Sebalik-nya, template yang memakai poly animasi yang berkedap-kedip justru menghilangkan fokus kita ketika membaca bahkan kita sanggup kehilangan mood secara spontan untuk menuruskan membaca. Maka menurut itu hari ini aku akan mengungkapkan tentang bagaimana cara menambahkan mouse hover tittle (link tittle) menjadi setuhan kecil atau imbas sederhana pada template blogger.
Saya tidak tahu pasti apa nama dampak ini, maka saya sebut saja dengan nama mouse hover tittle atau link tittle. Lantaran ketika waktu mouse di arahkan kepada sebuah element atau dalam sebuah link ia akan menampilkan sebuah judul (tittle) yang menjelaskan isi dari link tadi seperti model gambar di bawah ini.
Cara membuat nya sangat sederhana hanya menggunakan menambahkan title='berita' saja. Karena impak ini biasa nya ditambahkan pada sebuah element yg mengandung maka aku sebut jua ini menjadi link tittle. Langsung saja begini cara membuat-nya.
Sebuah link dalam format html dasarnya merupakan misalnya ini
Kemudian dibubuhi element tittle="" kedalam-nya maka sebagai seperti ini
Selesai, begitu saja cara membuat link tittle atau mouse hover tittle serta buat demo nya merupakan misalnya berikut adalah. "Arahkan mouse pada link pada bawah ini".

Keterangan: Mouse Hover Tittle (Link Tittle) sanggup diterapkan dimana saja yang mengandung
, baik itu didalam artikel atau di dalam template seperti yang aku terapkan pada template blog ini tepat nya dibagian pilihan menu atas (top menu). Mouse Hover Tittle (Link Tittle) berfungsi sebagai informasi yang menjelaskan isi dari sebuah link. Selamat mencoba...!

CARA MENGEMBALIKAN KODE CNAME YANG HILANG SAAT COSTUM DOMAIN

Masalah yang mungkin generik dialami para blogger waktu membarui domain blogspot ke costum domain (TLD) adalah kehilangan kode cname (Code setting DNS costum domain), ini biasa-nya terjadi pada blogger yg ingin ganti domain tld yang baru atau memang suka gonta ganti domain. Karena lupa mencatat hilang-lah tu kode cname serta nir bisa meng-konfigurasi blogspot ke DNS zone domain TLD.
Jika engkau adalah salah satunya yang mengalami kehilangan kode CNAME itu, maka jangan panik lantaran aku akan menjelaskan cara mengembalikan kode cname yg hilang dengan 2 metode yang paling gampang dan insya allah berhasil 100%.
"Ah..., Masa iya tukang listrik tau sedangkan blog nya masih pakai sub domain blogspot.com". Iya memang aku masih gunakan sub domain, akan tetapi bukan karena saya nir paham melainkan lantaran saya nir punya kartu credit saja, maklum aku cuma tukang listrik.
Oke kita lanjutkan pembahasan tentang kode CNAME yang hilang sehingga nir mampu meng-konfigurasi blogspot ke DNS zone domain TLD. Sebelum-nya aku ingatkan bahwa cara setting DNS seluruh layanan domain tld itu sama saja, baik itu GoDaddy, PANDI, Freenom serta layanan penyedia domain lainnya cara setting DNS nya sama saja nir terdapat yg tidak sama, Maka langsung saja ke langkah yg selanjut nya serta mendapatkan pulang kode CNAME yang hilang.
Mengembalikan Kode CNAME Blogger Yang Hilang

Perhatikan ke-empat kode cname pada gambar pada atas, kode yg aku tandai menggunakan kotak biru, saya enggak tau nama-nya tapi kode tersebut sama ssja dalam setiap akun blogger manapun. Pada setting DNS domain, dibagian CNAME kita memasukan host www yg di targetkan ke ghs.google.com.
Dan kode yang saya beri kotak rona merah berbeda pada setiap akun blogger, nah buat menerima kode yang berwarna tersebut ikuti petunjuk selanjut-nya.
  1. Login ke blogger kamu dan pilih setting (pengaturan) dasar
  2. Kemudian Tambahkan URL pihak ketiga, yaitu domain tld milik kamu.
  3. Perhatikan Contoh Gambar di Bawah Ini.
Nah dalam tahap itu kode CNAME belum timbul atau kembali, maka buat mengembalikan kode cname nya masuk ke dashboard domain kamu, GoDaddy, PANDI atau Freenom sama saja. Setelah login ke dashboard penyedia domain tld, langsung ke manager setting DNS domain dan tambahkan kode CNAME yg berwana biru seperti yang saya sebut diatas yaitu host www yang pada targetkan ke ghs.google.com. kemudian save (simpan), lihat model gambar dibawah ini.
Nah, pada tahapan ini seluruh kode CNAME kamu sudah pulang sepenuh nya, lihat dashboard blogger dan coba refresh (muat ualang) maka seluruh kode cname yang hilang sudah balik sepenuhnya. Apabila aku sahih maka tugas aku selesai serta silahkan setting DNS domain engkau dan aku lanjutkan metode berikut nya.
Cara Kedua Mengembalikan Kode CNAME Blogger Yang Hilang
  1. Masuk (Sing In) ke //www.google.com/webmasters/verification/details
  2. Pilih Domain TLD kamu dalam daftar yang tersedia
  3. Pada bagian DNS CNAME record klick Details
  4. Nah seluruh kode cname yang hilang akan ditampilkan, akan tetapi mungkin kode tersebut akan menyatu tanpa spasi.
Gimana mudah bukan? Harap tinggalkan komentar jika terdapat yang ingin ditanyakan. Insya Allah apabila aku tau akan saya berikan jawaban.

CARA MEMBUAT DOUBLE LINK DAN HOVER LINK TUTORIAL BLOG

Salam blogger, bagaimana apabila pagi ini membahas mengenai seni bermain link yaitu hover link dan double link? Double link dalam bahasa indonesia artinya adalah link ganda, merupakan link pada desain buat membuka window (ventilasi browsr) pada satu kali klik saja. Sedangkan hover link merupakan baris link yang di desain buat membuka sebuah link secara otomatis (tanpa pada klick).
Apakah Kegunaan Doubel Link (Link Ganda) Dan Hover Link?
Jawab: Ada poly sekali kegunaan ke 2 jenis link tadi, beberapa orang memakai double link serta hover link sebagai metode buat mengangkat trafik situs atau trafik artikel, namun sobat blogger harus sanggup menahan diri pada memakai nya, lantaran umum nya pengunjung situs akan merasa sedikit terganggu menggunakan dua jenis link ini.
Saya sendiri memilih tidak memakai double link (link ganda) dan hover link pada situs blog aku ini, karena saya lebih menentukan buat menjaga ketenangan pengunjung situs blog saya yang sederhana ini. Tetapi aku fikir nir ada keliru nya bila aku menyebarkan trick & tips seni mengolah link buat para pengelola website serta para blogger yang ini ingin mencoba ke 2 link ini.

Cara Membuat Double Link (Link Ganda)
1 Klik dua Link Terbuka
Link diatas adalah link ganda, 1 kali klick dua link akan terbuka sekaligus, silahkan pada copy saja dan ganti url aku menggunakan url sobat sendiri. Jika sobat blogger ingin menambahkan pengaruh button, maka engkau bisa menggunakan sedikit variasi misalnya contoh dibawah ini.
1 Klik dua Link Terbuka
Cara Membuat Hover Link (Terbuka Otomatis)
Link Hover (Terbuka Otomatis)
Seperti biasa ganti url aku menggunakan url situs kamu sendiri buat memakai nya, jika engkau ingin menambahkan efek buttin maka gunakan model hover link berikut ini.
Link Hover (Terbuka Otimatis)
Catatan: Perlu saya ingatkan pulang, hover link merupakan link yang terbuka ketika pada lalui atau pada lewati mouse, otomatis yang saya maksud bukanlah misalnya pengertian umumnya. Bila tidak pada lewati mouse maka hover link permanen nir terbuka, Silahkan Lihat Demo Link Hover Dan Double Link buat menandakan atau melihat cara kerja ke 2 link tersebut.

CARA INSTALL GOOGLE FONT KE DALAM TEMPLATE TUTORIAL BLOG

Font atau alfabet yang dipakai dalam sebuah laman web sangat mempengaruhi tingkat ke popularan situs web tadi, penggunaan jenis font dan besar kecil ukuran font yg kurang tepat dapat membuat minat pembaca hilang secara datang-tiba. Ideal nya ukuran font yg membuat nyaman pembaca adalah 15px hingga 16 px, sedangkan jenis font yang ideal untuk situs web/blog merupakan open sans, arial reguler, raleway dan masih banyak lagi, tetapi pada dasarnya pilih lah font yg generik dan rapi, sebagai akibatnya nir mengejutkan mata pembaca.
Bagaimana cara membarui jenis huruf (font) dalam template blog?
Login ke blogger, klik template > klick tingkat lanjut, kamu bisa memilih font header, font page atau content yang telah tersedia disitu. Namun aku nir membahas itu lebih jauh karena aku rasa semua paham bila memilih font dari pengaturan template. Tapi bagaimana jika ternyata kita tidak menemukan jenis font yg sesuai dengan yang kita inginkan pada pengaturan template, maka solusi nya kita bisa menggunakan google font menggunakan cara menginstal nya di template blog kita. Ada banyak jenis-jenis font yang cantik pada google font, mungkin ratusan atau 300 jenis font bahkan mungkin lebih dari itu, aku nir pernah menghitung nya.

Cara Memilih dan Mengambil Google Font
  1. Kunjungi //fonts.google.com buat menentukan font
  2. Setelah menemukan jenis font yg sempurna, klick indikasi +,
  3. Setting sedikit panda ventilasi yg ada misalnya gambar pada bawah ini.
Keterangan Gambar:
  • Pada tab costumize pilih regular 400 dan bold 700, itu adalah merupakan ukuran ketebalan font font-weight: nilai_font; yang paling umum, perhatikan jua indikator hijau dalam gambar, itu adalah tanda aman atau nilai kecepatan loading (pemuatan font) tadi. Bila kita menentukan 3 berukuran ketebalan font misal 400,700, serta 800 maka indikator hijau umumnya berubah jadi kuning atau merah, memberi tanda bahwa menentukan 3 ukuran font akan membuat loading (pemuatan) font lebih berat.
  • Tab-Embed, Copy ke 2 kode yg di berikan google font, simpan pada notepad atau catatan buat ad interim.
Cara Memasang Google Font ke Template Blog
  1. Login ke Dashboard Blogger > klick Template > Edit Html
  2. Cari kode epilog tag-heading yaitu dan pastekan kode google font tepat pada atas lalu save template.
  3. Lihat contoh pada bawah ini.

Catatan: proses pemasangan google font ini belum terselesaikan, apabila pada waktu menyimpan template ternyata template kita nir mampu menyimpan kode google font tersebut, karena format template berbeda menggunakan kode google font, maka ubahlah kode google font tadi menjadi seperti ini dia.
Perhatikan disparitas nya ada dalam indikasi kutip satu ' serta pertanda kutip dua " serta bagian ujung kode yaitu />.
Simpan kembali kode google font sempurna pada atas tag , bila template permanen tidak mampu menyimpan nya maka parse kode google font tadi klik disini buat memparse. Script apapun jikalau sudah pada parse insya allah masuk ke template blog apapun.
Setelah kode tersebut disimpan di pada area heading tag template, maka langkah selanjut-nya memasang css google font (kode yang ke 2) yaitu ().
Masukkan kode css google tepat pada atas kode ]]> dengan format misalnya di bawah ini.
p
 
}
Huruf "p" berarti paragraf, maka css di atas meminta "tampilkan seluruh paragaf text dengn font raleway". Sedangkan fungsi sans-serif; adalah font cadangan, bila jaringan internet sedang tidak mengagumkan maka font raleway akan pada gantikan dengan sans-serif untuk pemuatan (loading) yang lebih singkat.
Selain menggunakan format misalnya di atas, css google font juga bisa pada pasang menggunakan format seperti model berikut ini.
.post-body
 
}
.post-body merupakan id halaman artikel, jadi seluruh yg di pada laman artikel akan dimuat menggunakan tampilan huruf (font) raleway. Supaya artikel ini lebih panjang lagi, maka aku kasi contoh lagi yaitu memasang css google font menggunakan format misalnya ini dia.
.post-body,.post-tittle,.popular-post {
 
}
Css tersebut ialah meminta judul artikel, page artikel, serta post popular di tampilkan dengan jenis alfabet raleway.
Catatan Penting:
.post-body, .post-tittle, serta .popular-post adalah "id" element yg generik pada template blogger, tapi apabila template anda tidak memakai "id" seperti itu, maka engkau mampu lakukan inspect element buat mengetahui "id" setiap element template anda, awali menggunakan memberi tanda titik di belakang id dan pisahkan id dengan pertanda koma, seperti terlihat pada contoh css diatas, relatif sekian penerangan saya tentang cara memasang google font ke template blogger.