Membuat kolom komentar responsive dengan disqus di blogger

Gambar disqus

Disqus adalah suatu layanan sistem komentar berjaringan di dunia maya. Mulai dari situs kecil, situs populer seperti blog wordpress, tumblr, blogspot. Selain itu, untuk pengaturan secara manual, disqus bisa diintegrasikan dengan jenis CMS seperti drupal, joomla, squares pace, yola/sythasite, dokueiki, storytlr, sweetcron, sandvox dan chimp.

Disqus terkenal karena tampilannya yang sangat unik, simple dan membuat website kita menjadi menarik. Saya sendiri telah menggunakan disqus sebagai layanan komentar.

Dipostingan kali ini saya akan membahas bagaimana cara membuat kolom komentar yang responsive dengan disqus. Mari kita simak tutorial nya berikut ini.

  1. Anda buka terlebih dahulu halaman disqus di disqus.com.
  2. Kemudian klik tombol GET STARTED.
  3. Lalu isi semua kolom daftar seperti nama, email, dan password jika anda telah terdaftar di disqus anda tinggal login saja.
    Gambar daftar disqus
  4. Setelah terdaftar di halaman disqus, selanjutnya anda pilih I want to install Disqus on my site.
    Gambar install disqus
  5. Lalu isikan kolom website name dengan nama yang ingin anda gunakan category seterah anda, language seterah anda.
    Gambar mengisi formulir website
  6. Kalau untuk plan sendiri bisa pilih yang gratisan atau yang berbayar kalau saya sarankan pilih yang gratisan saja lalu cari plan Basic next klik tombol Subcribe Now.
  7. Dan untuk platform sendiri anda tinggal pilih blogger, lalu kalau anda sudah memilihnya anda tinggal klik saja tombol Add (nama website anda untuk daftar tadi) to my Blogger site.
  8. Yang terakhir anda tinggal menambahkan widget disqus ke blogger anda.
Itulah tutorial saya tentang membuat kolom komentar menggunakan disqus, semoga anda suka dan jangan lupa di share dan jika anda masih tidak paham anda bisa tinggalkan komentar di kolom komentar dibawah ini terimakasi.

Membuat contact form blogger yang responsive

Cara Membuat Kolom Kontak Atau Contact Form Keren Di Blog
Contact form adalah halaman yang ditampilkan di blog untuk menghubungi admin pemilik blog layanan kontak form ini terbilang cukup penting bagi pengunjung untuk bertanya kepada admin pemilik blog tersebut.

Di tutorial kali ini saya akan membagikan tutorial cara membuat contact form blogger yang responsive  berikut ada 4 untuk membuat contact form yang responsive.

1. Anda login ke dashboard blogger masing-masing dan pergi ke halaman lalu "buat halaman baru" setelah itu rubah "compose" ke "html".

2. Kalau anda sudah ke menu halaman salinkan kode dibawah ini dan pastekan kodenya ke "html".

<div class="analisyuki-icon">

<i class="material-icons md-48">contact_mail</i>

</div>

<br />

If there is something you want to ask personally, you can send an email via the form below. The admin will immediately respond to the message you sent, thank you.<style scoped="scoped">

  .analisyuki-icon{text-align:center;}

  @font-face {

  font-family: 'Material Icons';

  font-style: normal;

  font-weight: 400;

  src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format('woff'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5bbKic1PW3nceB3q24YFOMg.ttf) format('truetype');

}

.material-icons {

  font-family: 'Material Icons';

  font-weight: normal;

  font-style: normal;

  font-size: inherit;

  display: inline-block;

  line-height: 1;

  text-transform: none;

  letter-spacing: normal;

  word-wrap: normal;

  white-space: nowrap;

  direction: ltr;

  vertical-align:middle;

  /* Support for all WebKit browsers. */

  -webkit-font-smoothing: antialiased;

  /* Support for Safari and Chrome. */

  text-rendering: optimizeLegibility;

  /* Support for Firefox. */

  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */

  font-feature-settings: 'liga';

}

  .md-48{font-size: 100px;

    color: #1E8BC3;

    padding: 10px;

    background: #dde3ff;

    border-radius: 100px;}

.analisyuki-code{float:none;position:relative;margin-bottom:45px;margin-right:10px}.analisyuki-code input,.analisyuki-code textarea{font-size:15px;padding:15px 0;display:block;width:100%;border:none;border-bottom:1px solid #ddd}.analisyuki-code input:focus,.analisyuki-code textarea:focus{outline:none}.analisyuki-code label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:0;top:10px;transition:.2s ease all}.analisyuki-code input:focus ~ label,.analisyuki-code input:valid ~ label,.analisyuki-code textarea:focus ~ label,.analisyuki-code textarea:valid ~ label{top:-20px;font-size:14px;color:#3B87FF}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#3B87FF;transition:1.2s cubic-bezier(1, 0.12, 0.25, 1) all}.bar:before{left:50%}.bar:after{right:50%}.analisyuki-code input:focus ~ .bar:before,.analisyuki-code input:focus ~ .bar:after,.analisyuki-code textarea:focus ~ .bar:before,.analisyuki-code textarea:focus ~ .bar:after{width:50%}.highlight{position:absolute;height:50%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.analisyuki-code input:focus ~ .highlight,.analisyuki-code textarea:focus ~ .highlight{animation:inputHighlighter .3s ease}.analisyuki-code input:focus ~ label,.analisyuki-code input:valid ~ label,.analisyuki-code textarea:focus ~ label,.analisyuki-code textarea:valid ~ label{top:-20px;font-size:13px;color:#3B87FF}

input#ContactForm1_contact-form-email-message{height:150px}

input#ContactForm1_contact-form-submit{width:100%;color:#fff!important;background:#3B87FF;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;float:left;margin-top:15px}

input#ContactForm1_contact-form-submit:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

#ContactForm1_contact-form-error-message{float:right;background:#D32F2F;color:#fff;font-size:13px;font-weight:700;border-radius:3px}#ContactForm1_contact-form-success-message{float:right;background:#3B87FF;color:#fff;font-size:13px;font-weight:700;border-radius:3px}

</style>

<br />

<form name="contact-form">

<div class="analisyuki-code">

<input class="validate" id="ContactForm1_contact-form-name" name="name" required="" type="text" value="" />

<span class="highlight"></span>

<span class="bar"></span>

<label><i class="material-icons">

account_circle

</i> Name</label>

</div>

<div class="analisyuki-code">

<input class="validate" id="ContactForm1_contact-form-email" name="email" required="" type="email" value="" />

<span class="highlight"></span>

<span class="bar"></span>

<label><i class="material-icons">

email

</i> Email</label>

</div>

<div class="analisyuki-code">

<textarea class="validate" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" required="" rows="5"></textarea>

<span class="highlight"></span>

<span class="bar"></span>

<label><i class="material-icons">

mode_comment

</i> Message</label>

</div>

<link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" rel="stylesheet"></link>

<input id="ContactForm1_contact-form-submit" type="button" value="Send" />

<br />

<div id="ContactForm1_contact-form-error-message">

</div>

<div id="ContactForm1_contact-form-success-message">

</div>

</form>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>

<script type="text/javascript">

//<![CDATA[

if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '2717654034784846130';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx2717654034784846130','https://panggih048.blogspot.com','2717654034784846130');

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': '<span style="padding:5px 10px">Sending...</span>', 'contactFormMessageSentMsg': '<span style="padding:5px 10px">Your message has been sent.</span>', 'contactFormMessageNotSentMsg': '<span style="padding:5px 10px">Message could not be sent. Please try again later.</span>', 'contactFormInvalidEmailMsg': '<span style="padding:5px 10px">A valid email address is required.</span>', 'contactFormEmptyMessageMsg': '<span style="padding:5px 10px">Message field cannot be empty.</span>', 'title': 'Contact Form', 'blogId': '2717654034784846130', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

//]]>

</script>
3. Untuk kode  "2717654034784846130" ganti dengan blog id punya anda nah kalau untuk url "https://panggih048.blogspot.com" ganti url dengan url blog punya anda.

4. Setelah selesai menyalin semua kode nya di "html" lalu klik publikasikan.

Kalau ada yang belum mengetahui bagaimana cara mencari blog id nya bisa langsung saja ikuti langkah-langkah berikut ini.

• Login ke dashboard blogger masing-masing.
• Kemudian lihat url nya cari yang ada tulisan "blogID=xxxxxx" dan itu lah blog Id punya agan.
Demikian pembahasan mengenai tutorial cara mebuat contact form di blogger yang responsive, semoga anda bisa paham bagi yang belum paham bisa tulis komentar di kolom komentar dibawah ini sekian dari saya terimakasi.

Cara menggunakan apk lulubox agar tidak lag

Cara menggunakan apk lulubox agar tidak lag

Aplikasi lulubox menjadi salah satu aplikasi favorit yang banyak digunakan oleh pemain mobile legends dan juga free fire, semenjak kehadirannya di bulan lalu, lulubox menjelma sebagai aplikasi yang paling dicari, alasanya sangatlah jelas yaitu agar bisa mendapatkan skin mobile legends atau free fire secara gratis. Namun ternyata tidak semua orang yang sudah download dan install aplikasi ini bisa mengunakannya, seperti lulubox hanya stuck di loading sehingga kita tidak bisa masuk pada game tersebut. Dan untuk itu kami akan memberikan tips atau cara memakai aplikasi lulubox untuk main game ML agar tidak stuck loading maupun tidak lag.

Bermain mobile legends tentunya kurang terasa seru jika kita tidak menggunakan item-item yang ada salah satunya adalah skin, kalian pasti sudah tahu bahwa game mobile legends ini memiliki banyak sekali hero dengan berbagai skin yang bisa kita pakai, untuk mendapatkan skin tersebut kita bisa membelinya, namun dengan aplikasi lulubox kita bisa mendapatkan semuanya itu secara gratis.

Kalau kalian tahu sebenarnya lulubox ini merupakan aplikasi seperti lucky patcher, yaitu sebuah aplikasi yang bisa kita pergunakan untuk melakukan cheat terhadap suatu game, jadi lulubox ini juga bisa kita gunakan untuk cheat game lainnya seperti free fire, untuk mencoba suatu game bisa kita cheat lewat aplikasi lulubox ini maka anda bisa masukan game yang ingin anda coba.

Agar kita bisa menggunakan lulubox secara benar untuk bermain game mobile legends maka kita juga perlu aplikasi tambahan yaitu vpn, selengkapnya seperti berikut.

Cara Menggunakan Lulubox Untuk Bermain Mobile Legends

1.Pertama kalian bisa download lulubox terbaru pada ulasan kami sebelumnya, dan install

2.Kemudian kita perlu mengaktifkan vpn, ada beberapa pilihan yang bisa dipergunakan baik itu yang bersifat berbayar seperti hola vpn maupun yang gratisan salah satunya adalah turbo vpn, untuk hal terserah anda ingin pilih yang mana, namun jika sudah tersedia vpn di perangkat anda maka anda bisa aktifkan dan pilih server luar seperti Amerika Serikat maupun negara lainnya (Usahakan samakan server vpn dengan server ML jika anda menggunakan hola vpn)

3.Masuk pada aplikasi lulubox dan pilih Mobile Legends dan aktifkan infinite skins mode, sedangkan untuk game speed up anda bisa matikan saja

4.Selanjutnya tinggal mainkan, apabila terasa lama loading ketika anda ingin masuk game ini maka anda bisa putuskan koneksi vpn

Cara main mobile legends dengan lulubox ini bisa dibilang cukuplah mudah, akan tetapi memang sebagian perangkat masih tidak bisa memakai aplikasi ini walaupun dengan menerapkan cara diatas.

Penyebab dan Cara Mengatasi Aplikasi Lulubox Tidak Works Atau Berfungsi

Sungguh sangat disayangkan jika aplikasi seperti lulubox ini tidak works atau bekerja di hp android anda, nah permasalahan ini sendiri biasanya disebabkan oleh beberapa faktor yaitu sebagai berikut.

•Koneksi Jaringan

Untuk memastikan apakah lulubox ini bisa berjalan atau tidak tentunya kita perlu mengecek jaringan internet milik kita, koneksi yang lambat tentunya akan berpengaruh pada kinerja aplikasi lulubox ini sendiri sehingga tidak bisa berjalan secara maksimal.

•HP Tidak Support

Kegagalan dalam menjalankan aplikasi lulubox ini bisa saja dikarenakan oleh hp kita yang memang tidak support sehingga kita tidak bisa menjalankannya.

•Update Versi Terbaru

Dan yang terakhir anda bisa mengupdate aplikasi lulubox ke versi yang terbaru, seperti yang kita tahu aplikasi ini sudah beberapa kali update.

Kebanyakan dari yang menggunakan lulubox ini sulit untuk masuk ketika menggunakan akun lama, untuk itu anda bisa memakai akun ml baru, dan perlu kalian tahu untuk sementara ini lulubox tidak bisa pada mode ranked. Itulah sekilas info terkait cara menggunakan lulubox ml dengan benar sehingga tidak mengalami lag dan stuck loading, semoga bermanfaat.