CARA MEMBUAT TOMBOL REAKSI BLOGGER DENGAN SHARETHIS

Cara Membuat Tombol Reaksi Blogger Dengan ShareThis - Tombol reaksi adalah widget / fitur halaman web yg digunakan buat mendapatkan Feedback / umpan kembali berdasarkan visitor web. Dengan fitur ini "Tombol Reaksi" visitor bisa menaruh respon atau tanggapan atau reaksi mereka terhadap konten yang sedang mereka kunjungi. Secara fisik (tampilan) tombol reaksi mempunyai poly jenis mulai berdasarkan emoji / emoticoncheckbox dan lain sebagainya namun secara fungsi tombol reaksi merupakan sama yaitu buat menerima feedback berdasarkan pengunjung.
Pada tutorial ini saya akan menunjukkan cara membuat fitur feedback berupa tombol reaksi menggunakan style emoji atau emoticon, Dan plugin yang akan kita gunakan merupakan plugin berdasarkan ShareThis (sharethis.com) karena penerapan-nya sangat mudah, terlepas berdasarkan itu ShareThis memiliki paket komplit yang menyediakan widget share buttons, follow buttons, reaction buttons (tombol reaksi) content service hingga GDPR (General Data Protection Regulation).
Jadi sangat efesien sekali apabila kita memakai plugin ShareThis buat menambah fitur-fitur website seperti tombol reaksi dan tombol share lantaran satu bundle javascript external dapat dipakai untuk menginstall semua fitur (tombol reaksi, tombol share, tombol follow sosial media, konten service serta gdpr), [Lihat Demo]

Membuat Tombol Reaksi ShareThis

  1. Buat akun sharethis terlebih dahulu [Daftar Disini]
  2. Verifikasi alamat / url situs menggunakan cara memasang bundle javascript yg disediakan platform sharethis diatas tag

CARA BUAT AKUN DAN TOMBOL SHARE ADDTHIS GRATIS


   

Where to install code


   

WIDGET CONTACT FORM RESPONSIVE

Widget Contact Form Responsive - Contact Form atau Contact Us merupakan satu dari beberapa widget krusial yang sine qua non di setiap halaman website termasuk situs blogger, widget contact form adalah perantara yg menghubungkan antara visitor dengan pengelola situs, Contact form (formulir hubungan) umumnya digunakan buat mengirim pesan berupa kritik, saran, pemesanan pemasangan iklan dan lain-lain. Selain itu contact form pula berfungsi sebagai penyaring spam atau malware yg kemungkinan dikirim oleh visitor nakal ke e-mail pengelola situs.
Platform blogger sebenarnya telah menyediakan widget contact form buat situs-situs blog, namun tampilan contact form yang disediakan masih sangat sederhana "default" pengelola situs harus menyesuikan style contact form nya sendiri menggunakan sedikit penambahan css buat membuat tampilan contact form menjadi lebih elegant.

Cara Membuat Laman Contact Form Blogger

  1. Login ke Blogger serta buat satu page "page" baru
  2. Pada sudut kiri atas page editor klik mode html bukan compose
  3. Copy & Paste-kan script contact form blogger pada bawah ini kemudian tekan tombol publish
  4. Jangan lupa buat membuat judul dalam page contact form anda.
Tutorial lebih mudah diterapkan oleh siapa saja lantaran sebelumnya script contact form blogger ini sudah diadaptasi dan dibuat supaya gampang dipasang dalam page static blogger.
Spesifikasi widget contact form
  • 100% Responsive serta mobile friendly
  • Tampilan simple dan elegan + gampang diterapkan
  • Ready notifikasi pengiriman pesan (sucses message, failed message serta please input message)
Script contact form (kombinasi css, html dan java script)







Instruksi
  • Silahkan ganti kode yang ditandai menggunakan huruf tebal berwarna merah menggunakan ID situs blogger serta URL situs masing-masing.
  • Ganti pula text notifikasi message yang ditandai dengan rona biru apabila diperlukan.
  • Tempatkan semua kode css, html dan java script contact form pada satu laman misalnya yang telah dijalaskan pada langkah pada atas
  • Lihat contoh "tampilan" contact form pada link ini [Demo Contact Form]
Catatan: Kode ID Blogger anda bisa dicermati dalam bar atas browser misalnya contoh ini dia;
//draft.blogger.com/blogger.G?blogID=6093713042691745392#editor/
Selesai, aku harap tutorial ini bisa membatu pada membuat halaman "contact us" dalam situs blooger anda. Follow by email situs ini buat menerima pemberitahuan setiap artikel terbaru kami.

OPTIMASI WIDGET POPULAR POST BLOGGER

Optimasi Widget Popular Post Blogger - Yang dimaksud menggunakan meningkatkan secara optimal widget popular post adalah memaksimalkan kinerja widget serta perayapan mesin penelusur (search engine) dengan cara menghilangkan inline css kemudian menambakan property cara lain text (alt text) dalam gambar thumbnail widget popular post tersebut. Dalam prinsip SEO (Search Engine Optimization) sebuah gambar yang pada upload ke situs web wajib mempunyai alternatif text agar robot crawl bisa mengenali menggunakan kentara tentang gambar tadi buat ditampilkan pada page hasil penelusuran ketika seorang mengetikkan keyword yang sesuai dengan cara lain text dalam gambar.
Diluaran sana mungkin kamu sudah poly melihat artikel yg menjelaskan tentang cara meningkatkan secara optimal widget popular post blogger, tetapi disini aku akan menyebutkan secara lebih jelasnya bagaimana mengoptimalkan sebuah widget yang menampilkan post-post popular dari situs blogger sebagai lebih seo atau sinkron menggunakan kaedah SEO. Tapi sebelumnya aku harus menekankan pada anda supaya menguji terlebih dahulu situs anda menggunakan tool seo checker buat mengetahui kualitas widget popular post yg digunakan. Perhatikan gambar output pengujian seo situs sebelum di optimalkan seperti berikut ini;
Sebuah widget misalnya popular post dan widget-widget post lainnya yg menampilkan gambar
thumbnail harus memiliki cara lain (alt text) supaya sesuai dengan kaedah seo, alt text akan memberitahukan pada robot crawl atau robot perayap google, bing dan yahoo mengenai spesifikasi gambar.
Saya jelaskan sedikit bahwa robot crawl nir mempunyai mata dan buta rona sebagai akibatnya buat mengenali sebuah gambar robot crawl hanya mengandalkan alternatif text yang terdapat, jika tidak masih ada cara lain text dalam sebuah gambar kemungkinan robot crawl akan membaca gambar memakai heading tag pada sebuah post, namun tentu saja hal itu kurang sesuai menggunakan prilaku "kaedah" SEO yang sebenarnya.
Jadi pada dasarnya buat menambah seo "kualitas widget popular post" pada search engine hanya terdapat 2 cara yaitu:
  1. Menambahkan alt text dalam gambar thumbnail widget popular post
  2. Menghilangkan gambar thumbnail widget popular post
Kedua metode diatas sama-sama baik buat menaikkan kualitas seo situs blogger namun yg lebih baik tentu saja merupakan metode yg nomer 1 yaitu menambahkan alternatif text dalam gambar widget, simak alasannya dan ikuti langkah-langkah-nya.

Menambahkan Alt Text Pada Thumbnail Popular Post

  1. Login ke Blogger > Template > Edit Html
  2. Kemudian klik Lompati ke widget > pilih widget PopularPosts1
  3. Buka folder kode html widget dan temukan kode misalnya pada bawah ini;
Kemudian hapus kode border='0' serta ganti kode alt='' dengan kode expr:alt='data:post.title', agar lebih seo lagi tambahkan jua kode expr:title='data:post.title' sebagai akibatnya sebagai seperti ini dia;
Save template buat mengkhiri langkah-langkah optimasi widget popular post blogger, jika kamu merasa gundah silahkan lihat model gambar dibawah ini agar lebih mudah menelusuri kode yg dicari;
Sekarang widget popular post kamu telah pada optimasi serta sebagai lebih seo friendly, silahkan uji balik situs anda dengan tool seo checker apa saja maka miss pada alt text image thumbnail popular post sudah nir ada (complite).
Sedikit tambahan pengetahuan, kode border='0' dalam widget popular post akan dipercaya menjadi inline css yang dapatan mengganggu penguraian html atau DOM (Document Object Model), meskipun sebenarnya inline css pada jumlah yg sedikit absah dan masuk akal-wajar saja akan tetapi sebaiknya inline css memang harus dihilangkan jika nir menghambat tampilan, tujuannya adalah untuk menaikkan performa situs terkhusus pengoptimalan speed situs dan pemuatan widget popular post itu sendiri.
Saya fikir ini telah relatif kentara buat memahami yg dimaksud menggunakan optimasi widget popular post serta langkah-langkah atau cara mengoptimalkan widget popular agar lebih seo friendly. Demikian berdasarkan saya semoga berguna serta menambah ilmu pengetaguan, Subscribe situs ini jika kamu senang menggunakan artikel ini serta dapatkan tips2 blogging yang menarik pada ketika yang akan tiba, hingga jumpa pulang.

TOP 5 WIDGET BLOG PENTING UNTUK MENINGKATKAN PAGE VIEW SITUS

Top 5 Widget Blog Penting Untuk Meningkatkan Page View Situs - Artikel ini akan mengulas tentang jenis-jenis widget situs blog yg sanggup menaikkan penayangan atau page view situs. Tidak kalah krusial menggunakan optimasi seo, widget jua mengambil peran yg sangat akbar pada menunjang perkembangan website. Setiap situs web juga blog biasanya nir terlepas menurut yg nama nya widget karena selain menjadi penghias (kelengkapan) situs, widget jua berperan menjadi penganjur konten (artikel) situs tersebut.
Maka dari itu saya akan menyebutkan widget apa saja yg penting buat dipasang pada situs web (blog). Langsung saja yuk kita simak penjelsan lengkapnya ini dia:
1. Related Posts Widget
Widget ini "related post" adalah urutan 1 terpenting dari widget apapun dan berfungsi untuk menaruh reference pada pembaca. Cara kerja widget related post adalah menampilkan artikel yang terkait lainnya pada sebuah situs blog serta bisanya artikel yang ditampilkan merupakan artikel yang mempunyai kategori / tag label yg sama. Dengan demikian pembaca akan lebih gampang mendapatkan reference yg banyak menurut apa yang mereka cari atau baca. Itu sebabnya widget ini dapat pada nobatkan sebagai widget paling krusial buat mendongkrak laman view situs.
2. Recent Post Widget
Secara fungsi widget recent post memiliki kesamaan dengan related post yaitu menaruh reference atau sebagai promotor konten, namun yang membadakan nya merupakan widget recent post hanya menampilkan artikel-artikel terbaru menurut sebuah situs menurut semua kategori konten situs. Dengan memanfaatkan visitor yg telah masuk ke situs, widget recent post akan mempromosikan artikel yang baru diterbitkan sang penulis. Sehingga meskipun baru diterbitkan artikel akan lebih cepat mendapat view dan peng-index-kan yang baik di serp.
3. Widget Random Post
Widget random post jua merupakan satu menurut lima widget krusial buat pada pasang di sebuah situs, prinsip kerja widget secara acak post adalah menggali serta menampilkan artikel-artikel secara rambang serta bergantian. Kebalikan berdasarkan related post widget secara acak post nir dibatasi dengan kategori / tag label. Sehingga arikel-artikel yg lama bisa terangkat pulang kepermukaan dan menerima view menurut visitor situs yang sudah ada.
Selain buat meningkatkan laman view situs, widget random post jua dapat memakasa artikel yang sebelumnya tidak terindex di serp sebagai terindex lantaran acapkali menerima view. Ini sinkron dengan prinsip seo modern (view menentukan rating artikel di serp). Widget secara acak post sangat cocok dipasang dalam situs yang telah mempunyai artikel yang banyak diatas 300 post.
4. Widget Newsticker
Widget newsticker sama hal nya marque dalam situs web / blog, masih memanfaatkan pengunjung situs yg telah terdapat artikel yg dipromosikan atau ditampilkan bisa berupa recent (artikel modern), random (rambang) dan dapat pula diubahsuaikan dengan tag label atau kategori pilihan yang ingin di naikkan halaman view dan rating nya pada serp. Saya sendiri menggunakan widget newsticker buat menaikkan laman view artikel-artikel yang masih kalah bersaing di serp.
5. Widget popular post
Popular post merupakan widget yang paling umum digunakan disitus-situs blog, widget ini menampilkan 1 hingga 10 artikel berdasarkan jumlah page view yang didapat oleh artikel-artikel situs. Meski memiliki pengaruh dalam meningkatkan laman view situs widget popular post hanya memberi pengaruh kepada konten popular saja.
Bagaimana Cara Menggunakan 5 Widget Penting Tersebut Secara Bersamaan?
Saya paham anda mungkin khawatir jika terlalu banyak widget dalam sebuah situs dapat memperlambat pemuatan (loading situs). Tapi tenang saja ini mampu diatasi menggunakan beberapa trik berikut ini.
  • Jangan install widget yang dari berdasarkan poly asal java script, pasang seluruh widget krusial tadi hanya dari satu asal atau gunakan template yg sudah mempunyai semua fitur tersebut seperti template nya mkrdsing "sevida 1.7 dan ijonkz 1.3" (Recommonded)
  • Setting Jumlah Artikel yang ditampilkan pada widget sebagai lebih sedikit, misal; related post 6 artikel, recen post 5 artikel, secara acak post lima artikel serta Widget newsticker 15 artikel.
  • Setting rapikan letak widget supaya lebih rapi namun permanen menonjol, newstick pada bagian atas artikel, related post pada bagian bawah artikel lalu recent, random, dan popular post di posisi sidebar.
  • Hapus kode dari pada template untuk meningkatkan kecepatan loading situs.
Lihat contoh setting tata letak widget blogger berikut adalah.
Meskipun widget, recent, random serta popular post hanya menampilkan masing 5 artikel, imbas nya akan permanen merambat ke poly artikel lantaran, artikel yg ditampilkan akan terus bergantian secara acak atau random dan bergantian secara perlahan misalnya recent dan popular post. Semua widget tadi akan sangat efektif untuk meningkatkan laman view situs hingga mendapat rating yang rupawan di serp karena terus menerima view dari visitor yg sudah ada.
Namun perlu diketahui buat mendukung kinerja widget, konten yang diterbitkan hendak nya berkualitas dan menarik dari sisi judul serta gambar yg sertakan, insya allah Page view situs akan lebih optimal dan lebih semakin tinggi lagi.
Nah, demikian penjelasan tentang widget blogger yang dapat meningkatkan laman view situs blog dan tata letak pengaturan nya. Semoga artikel ini bermanfaat dan dapat memberikan inspirasi kepada sahabat blogger semua. Semoga bermanfaat dan sampai jumpa kembali.

SPOILER 2 BAHASA UNTUK BLOGGER

Spoiler dua Bahasa - Apakah kamu mencari spoiler 2 bahasa? Apabila "iya" engkau datang ke situs yang sempurna, karena kami punya spoiler dua bahasa (multi language) yang engkau cari. Spoiler secara terjemahan bahasa mungkin merupakan tetap sama namun secara penggunaan "spoiler" mungkin tidak selaras. Nah kali ini aku akan membagikan  "Spoiler dua Bahasa" buat para blogger yg super cerdas (mengerti 2 bahasa atau lebih).
Umum nya spoiler 2 bahasa ini sama dengan spoiler buka tutup, yang membedakan nya merupakan: apabila spoiler buka tutup hanya berfungsi menjadi pembuka serta epilog text, gambar atau file-fail lainnya, Spoiler 2 bahasa justru menampilkan gambar atu text menggunakan dua bahasa tidak selaras, contoh nya indonesia-inggris. Agar lebih paham lagi pribadi saja lihat demo spoiler 2 bahasa dibawah ini.
Baca pada bahasa: Indonesia
Read In: English

This content is listed in dmca protection, copying the content or the dua language spoiler code in this article to your site, must include an active link. Example: Source.
Copying this content is also recommended to change the title, and change the paragraph with your own sentence.konten ini terdaftar di DMCA Protection, menyalin konten atau kode spoiler dua bahasa pada artikel ini ke Situs anda, diharuskan menyertakan sumber tautan aktif. Contoh:Sumber artikel.
Menyalin konten ini pula disarankan buat mengganti judul, dan mengubah paragraf menggunakan kalimat engkau sendiri.

Mungkin engkau sudah sering melihat spoiler misalnya ini, jadi saya fikir saya tidak perlu menjelaskan lebih panjang lagi. Sekarang bagaimana cara membuat "spoiler 2 bahasa" seperti ini? Langsung saja ikuti langkah-langkah dibawah ini.

Cara Membuat Spoiler dua Bahasa

Login ke blogger > Buat Entri baru (Artikel baru) Copy code spoiler 2 bahasa dibawah ini serta pastekan kedalam artikel anda pada mode HTML bukan Compose. Lihat disudut kiri pengeditan artikel.


Baca pada bahasa: Indonesia




Read In: English



Bahasa 1: Paragraf 1 Cara membuat spoiler dua bahasa buat blogger
Bahasa 1: Paragraf 2 Cara menciptakan spoiler 2 bahasa buat blogger


Bahasa dua: Paragraf 1 Cara menciptakan spoiler dua bahasa buat blogger
Bahasa dua: Paragraf dua Cara membuat spoiler 2 bahasa buat blogger

Keterangan:
  1. Menggunakan dua spoiler dalam satu artikel diharuskan membarui id spoiler (toEN,toID,EN dan ID) dengan id yang lain.
  2. Hapus semua kalimat yang ditandai menggunakan rona merah dan ganti menggunakan kata-kata (paragraf) kamu sendiri.
  3. Karena mode penulisan artikel dalam mode html (bukan compose) maka cara "Enter" paragraf juga menggunakan bahasa html. Gunakan tag
    buat "enter paragraf baru" supaya kode spoiler dua bahasa tidak rusak.
Sebagai kesadaran tambahan spoiler dua bahasa seperti ini biasa-nya dipakai buat membuat artikel dengan dua bahasa barbeda, generik nya ini digunakan sang situs-situs bertaraf internasional atau situs bisnis international, situs video online (film, cartooon serial) mungkin jua memakai spoiler 2 bahasa. Namun harus diketahui bahwa kode spoiler 2 bahasa tidak menerjemahkan text atau artikel anda, jadi kamu wajib mentranslate nya sendiri secara manual misal-nya menggunakan menggunakan google translate. Jika kamu memang pakar dalam bahasa inggris maka ini spoiler 2 bahasa ini sangat cocok untuk engkau .
Demikian saja, penerangan saya tentang cara membuat spoiler dua bahasa buat artikel blogger, saya harap ini bisa berguna serta bisa membantu engkau dalam menciptakan artikel dengan dua bahasa sekaligus dengan memakai spoiler ini. Monggo silehkan dicoba, sekian tutorial "spoiler buat membuat artikel dengan dua bahasa berbeda" dan hingga jumpa pulang dalam tutorial selanjut-nya.

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.

HOW TO INSTALL WIDGET NEWSLETTER IN THE IJONKZ THEME

Artikel ini di khususkan buat yg telah mengirimkan Donasi mereka, buat kemajuan widget newsletter v.7.1 blogger theme ujonkz. Mungkin kamu berminat menggunakan widget ini lihat selengkap-nya Disini. "In English:This article is only for those who have sent donations, for the progress of widget newsletter v.7.1 blogger theme ujonkz."
Sebelum melanjutkan pastikan kamu telah mengunduh kode html dan kode css yang telah admin kirimkan melalui email anda. "In English: Before proceeding, make sure you have downloaded the html code and css code we have sent to your email".
1. Pergi ke Dashboard  > Template > Edit HTML "In English: Go to layout> Template> Edit HTML".
Temukan kode ini dia
serta tambahkan kode html yg kami kirimkan pada anda sempurna diatas kode tesebut lalu simpan template"In English: Find the following code 
and add the tag html code we sent you, right above the code and save the template".

2. Pergi ke Tata letak dan tambahkan widget "follow by email" seperti terlihat pada gambar di bawah ini. "In English: Go to Layout and add the widget "follow by email" like the example shown in the picture below". Klick Save.

3. Pergi ke Dashboard  > Template > Edit HTML" Temukan kode css ini dia (.followByEmail) dan ganti seluruh dengan kode Css yg telah kami kirimkan kemudian simpan template "In English: Find the following code .followByEmail and replace all  with the Css code we have sent to your e-mail and click save theme".

4 Selesai Or Finsish
To Add text "Enter your email address to subscribe to this site and receive notifications of new posts by email." Between the newslatter widget follow this step. (In Indonesian: Untuk menambahkan teks "Masukkan alamat email Anda buat berlangganan ke situs ini serta menerima pemberitahuan artikel modern melalui email." Di antara widget newslatter ikuti langkah ini.)
Go to layout> Template> Edit HTML. (In Indonesia: Pergi ke Dashboard  > Template > Edit HTML).
Now find the following code in your template and add the html tags available below just above it. (In Indonesian: Sekarang temukan kode berikut adalah didalam template anda dan masukkan tag html yg tersedia pada bawah ini sempurna di atas nya.)
Find This Code: 

Add This Code the place above it
   
Enter your email address to subscribe to this site and receive notifications of new posts by email

DAPATKAN NEWSLETTER WIDGET UNTUK IJONKZ BLOGGER TEMPLATE

Newsletter Widget atau acapkali dianggap menggunakan "follow by email" adalah salah satu widget yang sangat penting untuk sebuah situs. Fungsi newsletter widget ini sebagai layanan subcribe atau mengikuti situs melalui email. Apabila seseorang fans yg menyukai sebuah situs web tentu ia akan tertarik untuk mengikuti setiap aktifitas terbaru menurut situs tersebut dan mendapatkan pemberitahuan eksklusif ke e-mail meraka.
Sebagai pengembang situs sudah sepatut-nya kita memanjakan para fans salah satu nya menggunakan cara mendesain widget newsletter (follow by email) buat terus menarik minat mereka. Sekarang admin cara flexi akan memperkenalkan widget newsletter yg telah dibuat menggunakan sangat matang menggunakan tampilan yang elegan serta terkesan mewah buat sebuah desain web. Style baground image newsletter pula bisa menggambarkan arah situs "bussines or blogging".
Widget newsletter ini adalah hasil jerih payah (pemikiran) yg bertenaga serta di khususkan berhari-hari demi menambah style yang lebih elegant buat sebuah desain template ijonkz v.1.3 by MKRdezign. Sebuah uji coba banyak dilakukan buat mendapatkan widget newsletter ini, mulai menurut menciptakan tag html sampai sampai proses pembalutan widget follow by email dengan sentuhan css sampai melahirkan widget newsletter yang relatif menarik.
Spesifikasi widget newsletter:
  • Current version: 7.1
  • Desain Responsive
  • Full width baground image
  • Style Transparent
  • Support ke semua template injonkz, apriezt v.1.3
  • Dilengkapi tutorial pemasangan widget newsletter
  • Sticky scroll image baground
  • Easy change baground image
  • Credit link (none).
Kelebihan:
  • Widget newsletter ini nir mengganggu speed loading (pemuatan) situs.
  • Tidak mengganggu struktur data template situs.
  • Style transparent serta sangat elegant.
  • Pemasangan widget dirancang lebih mudah.

Admin memang belum mempublikasikan widget newsletter ini secara geratis, karena masih membutuhkan porto pada pengembangan widget newsletter ini agar bisa diterapkan dengan sangat gampang ke poly jenis template blogger. Sementara ini widget newsletter v.7.1 hanya di desain special untuk template ijonkz v.1.tiga serta apriezt v.1.2, mereka akan terlihat cantik menggunakan widget newsletter v.7.1 ini.

Layout widget newsletter v.7.1
Ingin memakai newsletter (follow by email widget) ini? Relatif kirimkan Email, Alamat situs serta Donasi anda sebanyak Rp:50.000,- or $4,00,- menjadi donasi pada admin buat menyebarkan widget newsletter ini demi menerima performa yg lebih baik serta lebih menarik.

Setiap pengiriman donasi yg dikirimkan melalui contact admind adalah menjadi hadiah (dana pengembangan) situs serta widget ini, setiap donatur berhak menerima setiap pembaharuan dari widget widget newsletter v.7.1. Selanjut-nya tinggalkan komentar di bawah artikel ini.
E-mail Pengembang: tukanglistrikbatam@gmail.com (membalas dalam 72 jam)
Phone: 081261043687 (ready)

CARA MEMPERBAIKI NAVIGASI SITUS NUMBER PAGE NAVI

Template geratis terkadang memiliki beberapa gangguan kecil seperti navigasi berangka (Number Page Navi) yang eror, atau mungkin pada sub-pilihan menu yg tertimpa element lain serta fotter credit link yg tidak bisa di hapus. Ketiga perkara ini adalah hal masalah yg paling generik dalam template geratisan. Perlu dicatat bahwa, itu semua hanya sebuah trick para desainer template supaya kita membeli template premium nya, namun inti-nya feature-feature tadi nir seluruh-nya rusak melainkan hanya pada off kan saja. Maka kali ini aku akan membahas disini mengenai cara memperbaiki number laman navi template blogger yg eror.
Meski tidak seluruh template memakai metode ini dia tetapi tidak terdapat salahnya apabila engkau mencoba nya. Karena aku hanya memberi solusi mengatasi eror pada navigasi template yang generik saja. Berikut langkah-langkah yg harus engkau lakukan buat memperbaiki nya.
Carilah script halaman navi pada template kesayangan kamu seperti model script berikut ini.
function pageNavi(a)(function(f)var k=configSummary;var i=postperpage:k.postPerPage,numshowpage:k.numshowpage,previous:"«",next:"»",loadAjax:true,thumbnailSize:k.thumbnailSize,summaryLength:k.summaryLength,viewmodedefault:k.defaultView,cookielist:"list",cookiegrid:"grid";i=f.extend(,i,a);var g="/";var d=location.href;var l;var m;var j;var e;var n=function(o)
  1. Perhatikan kode yang saya tebalkan dan diberi rona biru yaitu true
  2. Kemudian ganti true menggunakan false serta save template
  3. Ujilah number page navi situs anda apakah sudah berfungsi.
Jika kamu adalah blogger pemula ikuti langkah-langkah berikut ini
  1. Login ke Dasboard Blogger
  2. Klick Template > Kemudian klick Edit Html
  3. Klick sempurna di pada kode template dan tekan Ctrl+F
  4. Akan mencul kotak cari masukkan kode pageNavi serta tekan enter
  5. Jika terdapat kode yang serupa menggunakan yang di atas ganti true menggunakan false
  6. Terakhir Save Template
Demikian saja penjelasan mengenai cara memperbaiki number laman navi (navigasi ber-nomor ) yg nir berfungsi atau eror. Jika situs engkau belum mempunyai number page navigation mungkin engkau perlu menambahkan naviagsi tersebut, kamu bisa membaca nya dalam tutorial ini "Cara Membuat Number Page Navigation For Blogger Template " sekian dan sampai jumpa pulang.

CARA BUAT TOMBOL SHARE STICKY BOTTOM MELAYANG DIBAWAH

Blogger - Akhir-akhir ini poly sekali variasi tombol share timbul ke pasaran global cyber "website & blog" tentunya, serta yang paling populer merupakan tombol share sticky bottom dan sidebar. Gaya yg lainnya tombol share drop-down. Pada artikel ini saya akan membahas Cara menciptakan tombol share sticky bottom (melayang pada bawah) pada perangkat mobile (Handphone) serta tombol share sticky sidebar "melayang di samping bila pada lihat melalui PC.
Adapun tombol share yg akan kita buat merupakan tombol share (share button) yang ringan "sticky bottom" menggunakan sedikit script namun sangat responsive dalam perangkat seluler. Sehingga nir memberi pengaruh buruk pada loading situs anda.
Langsung saja simak langkah-langkah cara menciptakan tombol share sticky bottom berikut adalah.
  1. Kunjungi page penyedia tombol share yaitu www.addthis.com
  2. Silahkan login dengan menggunakan e-mail atau facebook anda buat masuk ke dashboard addthis
  3. Setelah login pilih share button, anda akan masuk ke area setting share button.
Lihat gambar di bawah ini supaya lebih kentara lagi. Jika anda ingin melihat "demo" tombol share nya silahkan lihat link berikut ini memakai handphone engkau atau lihat menggunakan simulator mobile.
//innewsly.blogspot.com/2017/08/iphone-serta-macbook-terkunci-pengguna.html
Login ke www.addthis.com

Pilih share button

Setting tombol share yg anda ingin lalu save & continue buat dapatkan kode script tombol share yg telah engkau untuk, lihat gambar cara setting tombol share ini dia.

Catatan: apabila pada perangkat personal komputer (PC) anda nir ingin menampilkan tombol share sticky sidebar. Maka pada kolom desktop pilih hide. Maka tombol share hanya tampil dalam perangkat mobile saja "tombol share sticky bottom ".
Setelah terselesaikan pilih simpan serta copy code script tombol share anda dan letakkan sempurna di atas tag penutup

CARA MEMBUAT NAVIGASI UNTUK POST BLOGGER

Creat post pagination blogger - beberapa saat kemudian aku telah menulis cara menciptakan page navigasi serta kali ini saya akan bebagi cara membuat navigasi buat post blogger, mungkin anda pernah melihat artikel yg di beri navigasi (post pagination) sehingga artikel tadi terlihat misalnya lembaran kitab . Post pagination sangat berbeda menggunakan page navigasi, post pagination berfungsi untuk menampilkan artike yg panjang menjadi lembaran lembaran pendek sebagai akibatnya pembaca nir merasa penat melihat goresan pena yang sangat panjang.

Membuat navigasi dalam post blogger pula dapat meningkatkan traffik pengunjung blog anda, karena beberapa style navigasi dalam artikel meload tiga hingga 4 kali buat satu judul artikel, tetapi post pagination yg akan kita buat kali ini tidak di lengkapi menggunakan load dalam setiap page artikel karena buat menghemat saat pembaca.
Cara Memasang Navigasi Untuk Post Blogger.

Pertama-tama install terlebih dahulu jquery/dua.0.0 pada template anda, jika pada template anda sudah tersedia jquery/dua.0.0 maka lewati saja langkah ini. namun jika belum tersedia silahkan pasang jquery berikut ini di bagian bawah . tempatkan di mana saja di bawah atau di atas juga bisa
Langkah seanjutnya tambahkan jquery ini dia pada bagian bawah tag .
Langkah selanjutnya memasang syle css navigasi post blogger. Tambahkan kode css ini dia tepat pada atas kode ]]>.
.post-pagination
    margin: 40px auto;
    text-align: center;
    width: 100%;
 float:left;
}
.button_1, .button_2, .button_3
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !Important;
}
.button_1:hover, .button_2:hover, .button_3:hover
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}
Terakhir save template anda. Buat menerapkannya pada artikel mana saja yang ingin ada beri navigasi (post pagination) silahkan ikuti langkah ini.
Pergi ke laman loka menulis artikel click New Post (tulis artikel baru) dan pilih mode EDIT HTML. Tambahkan kode html di bawah ini.

Tambahkan Paragraf Artikel pada sini


Tambahkan Paragraf Artikel pada sini


Tambahkan Paragraf Artikel pada sini

Ganti tulisan "Tambahkan Paragraf Artikel pada sini" dengan isi artikel anda. tidak ada batasan untuk menambahkan paragraf artikel. post pagination ini untuk membagi satu artikel menjadi tiga lembar saja. jika ingin membuatnya lebih banyak silahkan di coret coret (di edit lagi) kode script post pagination nya. Demikian saja cara membuat navigasi untuk post blogger. Silahkan lihat DEMO nya.

CARA MENGATASI NUMBERED PAGE NAVIGATION YANG EROR

Salam blogger kali ini saya akan berbagi bagaimana cara memperbaiki atau mengatasi Numbered Page Navigation yg Eror. Number page navigation atau page navigasi eror bahkan blank dalam pengertian hanya loading saja adalah hal biasa, kadang hanya lantaran setingan jquery halaman navigation nya yang tidak aktif.
Sebagai seseorang blogger tentu nya kita ingin supaya tampilan blog yang kita kelola terlihat rupawan dan rapi, hal ini tentu membutuhkan skill menata tampil blog serta pada tunjang menggunakan tampilan template blog yang kita gunakan.
Ketika mendownload template blogger acapkali kali kita temukan hal hal yang mengganggu seperti PageNavi nir berfungsi atau Eror. Drop down menu tertimpa sebagai akibatnya sulit pada lihat. Teman blogger tidak perlu panik untuk Mengatasi Number Page Navigation yg Eror. Page navigasi yang eror mampu kita tangani menggunakan sangat gampang. Kini aku akan jelaskan bagai mana Cara Mengatasi Numbered Page Navigation yang Eror.
Pertama tama login ke Bloger.
Kemudian  Pilih Template>Edit HTML
Lalu cari kode serupa seperti ini dia,
function pageNavi(a)(function(f)var k=configSummary;var i=postperpage:k.postPerPage,numshowpage:k.numshowpage,previous:"«",next:"»",loadAjax:true,thumbnailSize:k.thumbnailSize,summaryLength:k.summaryLength,viewmodedefault:k.defaultView,cookielist:"list",cookiegrid:"grid";i=f.extend(,i,a);var g="/";var d=location.href;var l;var m;var j;var e;var n=function(o)var t="";nomerkiri=parseInt(i.numshowpage/2);if(nomerkiri==i.numshowpage-nomerkiri)i.numshowpage=nomerkiri*2+1mulai=j-nomerkiri;if(mulai<1)mulai=1maksimal =parseInt(o/i.postperpage)+1;if(maksimal -1==o/i.postperpage)maksimal =maksimal -1akhir=mulai+i.numshowpage-1;if(akhir>maksimal )akhir=maksimal var v=parseInt(j)-1;if(j>1)if(j==dua)if(m=="laman")t+=''+i.previous+""elset+=''+i.previous+"
Untuk Mengatasi Numbered Page Navigation yg Eror (Tidak berfungsi)
Perhatikan kode pada atas yang aku beri warna merah yaitu true ganti goresan pena true menggunakan false lalu simpan template. Numbered Page Navigation yg Eror sekarang sudah tidak eror lagi.
Cara kedua Mengatasi Numbered Page Navigation yg Eror merupakan. Mengganti true menggunakan !12 
Catatan Pada pengaturan pos dan komentar di blog sobat bagian Tampil kan pos sebanyak mungkin sobat isi menggunakan angka 12 jua silahkan lihat gambar pada bawah ini
Demi kianlan Mengatasi Numbered Page Navigation yang Eror atau Solusi Mengatasi Numbered Page Navigation yang Eror
Bacar Juga:
Cara Membuat Laman Navigasi (Page Navigation) Blogger
Cara Menambahkan Post Navigation (Navigasi Pada Artikel Blogger)
Jadi sekarang anda tidak perlu mengganti atau membuang template yang sudah anda pilih dan anda sukai hanya karna Page Navigation yang Eror. karna insya allah solusi mengatasi laman navigasi yang tidak berfungsi (Numbered Page Navigation Eror) yang saya bagikan ini bekerja menggunakan baik.
Sekira nya anda tidak paham menggunakan penjelasan saya tentang Cara Mengatasi Numbered Page Navigation yang Eror jangan sungkan untuk berkomentar di bawah ini. apabila saya mengerti masalah blog sobat saya akan membantu menggunakan senang hati.

CARA MENAMBAHKAN WIDGET RELATED POS DENGAN LINK WITHIN

Cara Menambahkan Widget Related Pos Dengan Link Within . Apa kah itu related pos atau Artikel terkait adalah sebuah widget yang menyajikan pos sejenis menggunakan artikel yang sedang di lihat oleh pengunjung atau pembaca blog atau website kita
Ada pun Fungsi dari Related Post ini merupakan galat satu teknik untuk menambah pageview page, sesuai menggunakan posting artikel yg terkait dengan label secara otomatis.
Kali ini kita nir membahas tentang atau ]]b/skin> atau
Langkah selanjut nya perhatikan gambar pada bawah ini... Lihat petunjuk yg saya buat pada gambar
Langkah selanjut nya... Tabah ya sob... Sdikit lelet ni upload poto kmputer nya.... Tapi heran nya kalo buat upload poto aq sendiri cepat beliau.... Ini beliau lankah ke tiga...
Langkah terakhir masih lihat lihat gambar pula... Perhatikan gambar ini dia dan informasi pada pada gambaryang telah saya sediakan.... Ini dia... 

Satu langkah lagi sob... Ini langkah yg terberat nya.... "seringkali tak jarang mampir kesini ya sob" izin pun relatif berat...buat sobat... Akan tetapi saya akan menunggu kehadiran sobat pulang ke blog saya yang tidak seberapa ini... Sekian dan terima kasih atas kunjungan nya selamat mencoba dan semoga berman faat..

BACA JUGA:




CARA MUDAH MEMBUAT TOMBOL BACK TO TOP RESPONSIVE

Tombol Back To top Adalah sebuah navigasi yg tergolong sangat berpengaruh atau sangat krusial buat pada terapkan pada website atau blog yang kita kelola.Tombol Back to top bisa dapat kita jadikan sebagai senjata buat memanjakan pengunjung atau pembaca website atau blogg milik kita.
Berfungsi menjadi pengantar cepat ke permukaan atau Menu atas, sebuah web ataupun blog dengan sekali klik saja tentu akan memudahkan pengunjung buat melihat bagian bagian lain berdasarkan blog atau website kita. Tanpa wajib menggulir jauh keatas ketika sang pengunjung berada di bagian bawah web/ blog. Lihat contoh gambar pada bawah ini

Cara penggunaan yang sangat mudah dan cara memasang atau meng instal back to top button atau (tombol kembali ke atas) membuat berhayal serta fikiran aku otomatis menyampaikan bahwa tombol ini ibarat seperti Kereta Api cepat yang murah serta gampang pada akses hehehehehehe... Pada indonesia belum ada Kereta Api cepat seperti itu Jadi kita pribadi ke Cara Mudah Membuat  Tombol Back To top dan responsive.berikut langkah langkah nya
  1. Login ke Blogger.
  2. Klik Template kemudian Edit HTML.
  3. Klik kiri 1 kali di kotak template.
  4. Tekan Ctrl+F buat pencarian cepat.
  5. Cari kode menggunakan kotak pencarian,
  6.  Masukan kode pada bawah ini sempurna diatas kode

  • Lalu langkah selanjut nya cari kede ]]> atau lalu paste kan kode css di bawah ini tepat di atas ]]> atau
/* Back To Top */
#back-to-topbackground:#E73037;color:#ffffff;padding:8px 10px;font-size:24px
.back-to-topposition:fixed!Important;position:absolute;bottom:20px;right:20px;z-index:999
  • Langkah terakhir adalah cari kode 

CARA MEMBUAT LAMAN NAVIGASI NUMBER PAGE NAVIGATION BLOGGER

Pada umum nya bila blog kita menggunakan template defaul atau template bawaan orisinil blogspot maka laman navigasi atau page navigation yg disediakan di bawah page utama blog hanya berupa Home, New Post serta Old Post. Pada kesempatan ini bagai mana apabila kita merubah sedikit page navigasi  temlate defaul menggunakan number halaman navigatiaon yang lebih keren. Agar pengunjung blog lebih gampang melihat seluruh isi blog dan mempercantik blog yang kita kelola ada baik nya kita menimpa gaya yg terdapat pada laman navigasi blogger bawaan menggunakan number page navigasi dengan nomor lihat model number page navigastion di bawah ini.
Pada kesempatan ini saya akan share cara membuat page navigasi bernomor buat blogger menggunakan penjelasan yang sangat sederhana supaya gampang pada pahami. 

Cara Membuat Laman Nvigasi  Pada Laman Utama Blog

Langkah pertama yg wajib kita lakukan adalah menambahkan code css halaman navigasi seperti di bawah ini:
 #blog-pagerclear:both;margin:30px auto;text-align:center; padding: 7px;
.blog-pager background: none;
.displaypageNum a,.showpage a,.pagecurrentpadding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);
.displaypageNum a:hover,.showpage a:hover, .pagecurrentbackground:#EC8D04;text-decoration:none;color: #fff;
#blog-pager .showpage, #blog-pager, .pagecurrentfont-weight:bold;color: #000;
 .showpageOfdisplay:none!Important
#blog-pager .pagesborder:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);
.firstpage, .lastpage display: none;
Paste kan kode css page navigation yg tersedia diatas tepat sebelum atau diatas ]]>  
jika sobat merasa galau saya akan memandu perlahan
  • Pertama tama masuk ke dashboard blog sobat click >Template > EDIT HTML 
  • Kemudia klick mouse pada tengah kotak scrip dan tekan Ctrl+funtuk memudah kan sobat mencari kode ]]>    pastekan kode ]]> tadi di kotak pencarian atau seach box dan enter, kode tadi akan ada.
  • dan pastekan kode css yg saya sediakan di atas sempurna sebelum kode  ]]>  
  • lihat gambar di bawah ini
#LANGKAH  2 Membuat Laman Navigasi Blogger
Cari dan temukan kode