Wednesday 11 March 2020

Cara simpel membuat laman contact us pada blog

Laman contact us merupakan sebuah laman yang harus ada pada setiap blog, karena contact us bisa menjadi sebuah cara untuk para pengunjung blog berinteraksi langsung dengan author melalui pesan singkat via email

Mengapa blog sobat harus membutuhkan laman contact us? karena laman ini berfungsi memudahkan pembaca untuk menghubungi sobat.

Mungkin sobat akan bertanya lagi akan hal ini, kenapa harus memasangnya di halaman statis? Memang sih lebih mudah jika memasannya di sidebar blog, sekarang jamannya template yang mendukung fitur mobile friendy, jadi mungkin ini pilihan yang lebih baik untuk memindahkan formulir kontak blogger ke halaman statis.

Jadi inilah sobat cara simpel membuat laman contact us pada blog yang sangat mudah untuk ditiru

Lalu bagaimana cara membuat contact us ini di halaman statis blog?

Mudah... Seperti judul yang saya ilustrasikan. Cara simpel membuat laman contact us pada blog, jadi cara ini sangatlah gampang, super duper gampang :D

Oke langsung saja disimak cara membuatnya... Cekidott

Cara membuat laman contact us pada blog

#1 Langsung saja sobat buka menu Laman pada dashboard blogger, kemudian buat laman baru.
#2 Buat laman pada menu HTML (Bukan Compose)
#3 Copy kode di bawah ini dan pastekan ke laman yang sobat buat.
<script>
var blogId = '8694494030520005341';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Sending...';
var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';
var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormInvalidEmailMsg = 'A valid email is required.'

var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' onclick="sendEmailMsg()"/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
#4 Terakhir tinggal publikasikan Laman.

Agar email yang dikirim pengunjung blog sobat masuk ke email sobat, sobat harus mengganti 8694494030520005341 dengan ID Blog sobat.

Bagaimana cara mengetahui ID Blog kita?

Cara simpel membuat laman contact us pada blog jadi harus merubah id blog terlebih dahulu

Angka yang saya blok dengan warna biru tersebut adalah ID Blog sobat.

Nah, saya rasa sobat pasti mudah untuk menerapkan tutorial kali ini. Semoga tutorial membuat laman contact us ini berhasil diterapkan di blog sobat.

Demikian dulu tutorial singkat, jelas dan padat yang bisa saya bagikan pada kali ini. Sampai jumpa di tutorial tutorial mudah lainnya sobat. Sekian dan terima kasih.

Cara memasang widget [Liked Box] fanspage facebook melayang di sisi kanan bawah blog

Menjadi sebuah blogger kita memang dituntut menjadi seorang yang kreatif apalagi untuk pemasangan sebuah widget tertentu pada blog kita, misal kita memasang widget facebook atau fanspage facebook dari blog kita.

Karena dengan memasang fanspage facebook yang berkaitan dengan blog kita akan menguntungkan blog kita jika fanspage facebook kita memiliki ratusan bahkan hingga ribuan like, tentunya jika kita sekali saja share artikel dari blog kita ke facebook pasti akan membuka peluang mendatangkan banyak pengunjung.

Tapi untuk mendapatkan like tersebut tidaklah mudah, apalagi jika kita memasang fanspage facebook kita pada blog dengan cara yang salah.

Mungkin cara yang saya bagikan  kali ini bisa jadi alternatif buat sobat yang ingin mendapatkan banyak like untuk fanspage facebook dengan memasang widget dengan tampilan yang sangat keren dan tentunya sangat responsive jika sobat pasang.

Cara memasang widget fanspage facebook melayang di sisi kanan bawah blog

Jika untuk melihat demo widgetnya saya rasa sobat sudah bisa melihatnya secara langsung di blog ini juga, karena sudah saya pasang.

Nah, bagaimana untuk cara pemasangannya. Simak caranya berikut ini.

Cara memasang widget fanspage facebook melayang di sisi kanan bawah blog

#1 Langsung saja sobat login ke blogger.com
#2 Buka menu Tata Letak
#3 Pilih Add Gadget/Tambahkan Gadget, pilih gadget HTML/Javascript
#4 Copy kemudian Paste kode di bawah ini ke gadget HTML/Javascript yang baru sobat tambahkan
<style>
/*Fixed Facebook Like Box Seocips*/
.fb-btn-seocips {background:rgba(1, 0, 1, 0.2);margin:0;padding:0;text-align:center;position:fixed;bottom:1%;right:0.5%;z-index:9999;box-shadow:0 3px 4px #444;border:1px solid #ccc;display:block;-moz-animation:atas 10s;-webkit-animation:atas 10s;animation:atas 10s;}
.fb-btn-seocips {padding:5px ;color:#fff;font-size:120%;}
.fb-btn-seocips a:link, .fb-btn-seocips a:visited {color:#ffcc00;}
.fb-btn-seocips a:hover {color:#fff;}
.fb-btn-seocips2{background:rgba(1, 0, 1, 0.3);-moz-animation:kiri 15s;-webkit-animation:kiri 15s;animation:kiri 15s}
.fb-btn-seocips2 {padding:3px ;color:#fff;font-size:120%;}
@-webkit-keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@-webkit-keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
@keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
</style>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.5&appId=1439296419615573";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-btn-seocips">
<div class="fb-btn-seocips2">
<div class="fb-page" data-href="https://www.facebook.com/iniblogfar26/" data-width="200" data-height="125" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/iniblogfar26"><a href="https://www.facebook.com/iniblogfar26">www.blog-far.com</a></blockquote></div></div>
</div>
</div>
#5 Simpan dan lihat hasilnya.

Sobat bisa mengganti url https://www.facebook.com/iniblogfar26/ dengan url fanspage faceook sobat. Supaya nanti kalau di blog sobat yang keluar fanspage facebook sobat.

Nah, saya lupa sebelumnya bahwa kode ini pernah saya dapatkan dari blog seocips.com yang dulu menjadi tempat saya belajar ngeblog, walaupun blognya sudah dijual dan sekarang entah berubah menjadi apa? saya tidak tau.

Demikian dulu artikel yang bisa saya bagikan kali ini sobat. Sampai jumpa di artikel selanjutnya, sekian dan terima kasih.

Cara mudah memasang widget video Youtube pada sidebar blog

Jika sobat memiliki video yang bagus-bagus dan ingin di tampilkan di blog sobat itu merupakan cara  yang tepat, banyak sekali manfaat yang akan sobat dapatkan jika sobat memasang video youtube sobat di sidebar blog. Selain meletakkan di sidebar, video ini juga bisa dipasang di postingan artikel sobat.

Keuntungan dari widget ini bisa menambah viewer maupun agar channel youtube sobat semakin dikenal oleh pengunjung blog sobat. Apalagi jika topik yang dimuat di video tersebut sama dengan topik yang diulas pada blog sobat.

Tapi kekurangan dari widget ini ialah video tidak bisa berputar otomatis jika pengunjung blog sobat berselancar di blog sobat, tapi video ini akan berputar jika pengunjung blog sobat mengklik tombol play secara manual.

Untuk model atau bentuk widgetnya bisa sobat lihat gambar dibawah ini.

Cara mudah memasang widget video Youtube pada sidebar blog

Manfaat lain dari pemasangan widget ini ialah bisa mempercantik tampilan blog sobat, tapi masalahnya juga bisa malah membuat loading blog sobat jadi melambat.

Tutorial memasang widget video youtube di sidebar

#1 Sobat login ke blogger.com, lalu saat di dashboard blogger, sobat pilih menu Tata Letak.
#2 Tambahkan gadget baru (Gadget HTML/JavaScript), kemudian salin kode dibawah ini lalu pastekan ke gadget HTML/JavaScript yang baru sobat tambahkan tadi.

<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="250" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/kmMulF1B-Es/0.jpg" src="https://www.youtube.com/embed/u_DlT537gg0?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>

CATATAN! Untuk menampilkan video sobat, sobat perlu mengganti u_DlT537gg0 dengan link video youtube sobat. Tetapi yang diambil hanyalah link yang paling terakhir setelah tanda "="

 #3 Nah, terakhir tinggal klik Simpan.

Selamat, kini blog sobat sudah makin tampil cantik dengan adanya widget ini. Untuk membuat para pengunjung blog tertarik untuk memutar video sobat, tampilkanlah video yang berhubungan dengan topik blog sobat. Sekian dari saya, semoga bermanfaat dan sampai jumpa di artikel selanjutnya.

Cara simpel membuat halaman daftar isi per label keren pada blog

Membuat halaman daftar isi pada blog itu merupakan hal yang sangat penting dilakukan oleh para pemilik blog. Karena daftar isi merupakan sebuah peta situs yang akan memudahkan pengunjung kita mencari artikel yang diinginkan.

Jika sobat adalah seorang blogger, maka pemasangan daftar isi/sitemap adalah langkah awal untuk menciptakan sebuah blog yang terlihat lebih profesional.

Daftar isi biasanya lebih mudah lagi jika dibagi ke berbagai label per label, karena bisa mempermudah untuk menemukan sesuatu artikel yang berkaitan dengan artikel yang lainnya.

Pentingnya memasang sitemap pada blog kita, menjadikan kita harus tau juga bagaimana cara membuat sitemap yang terlihat bagus dan rapi.

Nah, mungkin sobat tertarik untuk membuat sitemap simpel ini.

Cara membuat sitemap per label di blog

Seperti diatas adalah contoh dari tampilan sitemap tersebut, atau jika sobat ingin tau langsung, sobat bisa langsung klik DEMO dibawah ini untuk melihatnya secara live.


Jika sobat suka dengan model sitemap tersebut, dan ingin tau bagaimana cara membuatnya, sobat pastikan ikuti tutorialnya dibawah ini dengan baik dan benar.

Cara membuat sitemap per label di blog

#1 Sobat langsung saja login ke blogger.com.
#2 Buka menu Laman.
#3 Lalu buat laman baru.
#4 Beri judul laman terserah dengan apa yang sobat inginkan.
#5 Ganti tab mode Compose ke mode HTML untuk menambahkan kode sitemap.
#6 Salin kode dibawah ini, lalu tempelkan ke laman yang sobat buat tadi.

<style type="text/css">

#toc{

width:97%;

margin:5px auto;

border:1px solid #00a3c1;

-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

}

.labl{

color:#ff0000;

font-weight:bold;

margin:0 -5px;

padding:1px 0 2px 11px;

background:-moz-linear-gradient(right,#C2EAFE 0%,#00a3c1 40%);

background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#00a3c1),color-stop(1,#C2EAFE));

border:1px solid #00a3c1;

border-radius:4px;-moz-border-radius:4px;

-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;

-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;

}

.labl a{

color:#fff;

}

.labl:first-letter{t

ext-transform:uppercase;

}

.new{

color:#ff0000;

font-weight:bold;

font-style:italic;

}

.postname{

font-weight:normal;

background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);

background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));

}

.postname li{

border-bottom: #ddd 1px dotted;

margin-right:5px

}

</style>




<div id="toc">
<script src="https://cdn.rawgit.com/aramdan/share/master/sitemap.js" type="text/javascript"></script>

<script src="http://www.blog-far.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>
Ganti url www.blog-far.com dengan url blog sobat.

#7 Nah, jika sobat sudah yakin melakukannya dengan benar, sobat tinggal publikasikan laman tersebut dan lihat hasilnya.

taraa!!! Sekarang blog sobat sudah memiliki daftar isi/sitemap yang keren dan pastinya ringan.

Oiya sob, kelebihan dari sitemap ini ialah selalu memperbarui secara otomatis. Jadi, jika sobat misalnya update artikel baru, sitemap ini akan langsung menambahkan artikel tersebut secara otomatis di blog sobat.

Intinya sitemap ini keren deh buat blog sobat.

Demikian dulu artikel kali ini sobat, silahkan dicoba dan semoga berhasil diterapkan di blog sobat. Sekian dulu artikel kali ini yang bisa saya bagikan.

Update, FIFA 14 Mod FIFA 18 (Open mode training)

Hallo sobat lama tidak update artikel nih di blog gado gado ini, kali ini saya akan memberikan sobat sebuah game FIFA 14 Mod FIFA 18 yang sudah bisa membuka mode training dan bisa melihat replay yang sobat simpan saat permainan.

FIFA 14 mod FIFA 18 by Kieferbrecher



FIFA mod ini sebenarnya bukan mod saya, tapi apresiasi besar saya berikan kepada yang berhasil ngemod game FIFA 14 jadi kaya gini.

Dari segi kit baru hingga tampilan baru yang menyerupai FIFA 18 ada di mod ini.

Apa saja fitur yang ada di dalam FIFA mod ini, lebih lengkapnya sobat bisa lihat dibawah :

Changelog:

Gameplay

  • Referee
  • New animations
  • Increased difficulty by Yeasin Raihan
  • Improved career mode
  • Improved training
  • Improved gameplay (FIFA 11 PC)
  • Improved ball control

New features

  • Test screen
  • Select Servers
  • Replays,Achievements and Trophies in EASFC
  • Practice mode
  • Multiplayer mode (Maybe someone can fix)
  • The Journey - Hunter returns (Preview only)
  • Controller support
  • 3rd person camera
  • Icons with Ronaldinho, Maradona and more
  • Legends with Alex Hunter, Usain Bolt and more

Nah itu diatas beberapa fitur baru yang ada di FIFA 14 mod FIFA 18.

Untuk review gameplay-nya sobat lihat video dibawah ini :

https://youtu.be/EJ26O2H1KNo

Saturday 22 December 2018

Hari ibu, bagaimana makna hari ibu.

Ibu?

Sosok paling penting dalam hidupmu.

Siapa cinta pertamamu?

Pasti Ibu.

Kita lahir juga dari ibu,

Kita dibesarkan oleh ibu.

Makna hari ibu itu apasih, selamat hari ibu
image source : kemenkumhamRI

Oke sofar kali ini saya akan membahas tentang ibu. Karena apa? Ya, karena tepat hari ini adalah hari ibu.

Ibu di indonesia?

Kita lahir di Indonesia, banyak sebutan unik buat ibu.

Ibu, Mama, Emak, Nyak, Mak, Mami, Mom(bagi keluarga keinggrisan) ๐Ÿ˜‚๐Ÿ˜‚

Tipe kalian yang mana saat memanggil ibu?  Saya sendiri sih manggilnya Emak๐Ÿ˜„

Kebiasaan dari kecil kali ya, lagian juga saya keturunan orang Jawa, jadinya rata-rata anak itu manggilnya emak๐Ÿ˜

Kalian coba kasih tau panggilan ibu menurut daerah kalian masing-masing! ๐Ÿ˜ (ditunggu di komen ya)


Arti Ibu dalam hidup?

Apa ibu itu superhero? Apa Ibu itu seorang yang hebat? Apa ibu itu sosok yang sempurna?

Menurut saya semua itu nggak cocok bagi saya

Menurut saya ibu ya ibu.

Orang yang selalu mengorbankan seluruh jiwa raganya hanya untuk anaknya. Untuk kebahagiaan anaknya.

Sosok yang takkan pernah bisa tergantikan.

sosok cinta pertama di dunia.

Yang membesarkanmu, yang mendidikmu.

Yang menunjukkan mana yang benar dan mana yang salah.


Peran Ibu?

Udah saya sebutin diatas๐Ÿ™‚


Hari Ibu

22 Desember (Hari Ibu)

Bukan fenomena yang aneh jika pada saat hari ibu, sosmed penuh dengan hastag #SelamatHariIbu #HariIbu #HappyMom'sDay dan yang lainnya.

Timeline saya sendiri penuh dengan ucapan hari ibu.

Seperti ini contohnya.

Makna hari ibu kalian yang sempurna

Makna hari ibu kalian yang sempurna

Tapi mengapa hanya di hari ibu mereka membanggakan ibu, mendo'akan ibu dan mengupload foto dengan ibu.

Pertanyaannya, seringkah kalian melakukan hal tersebut? Atau hanya pada saat hari ibu saja.

Rugilah kalian jika hanya mengistimewakan ibu kalian saat hari ibu saja.

Selagi ibu kalian masih ada, sayangilah, jagalah, rawatlah ibu kalian sebaik mungkin.

Coba jika kalian diposisi seperti ini

Makna hari ibu kalian yang sempurna

Atau seperti ini

Makna hari ibu menurut kalian yang sempurna

Makna hari ibu menurut kalian yang sempurna

Mereka adalah contoh orang-orang yang sangat terpukul di hari ibu karena mereka telah kehilangan ibu mereka.

Disaat teman mereka memenuhi timeline dengan ucapan hari ibu,  mereka pasti akan ingat dengan ibu.

Biasanya perasaan mereka itu antara sedih dan kecewa.

Sedih karena ibu mereka telah tiada
Kecewa karena mereka belum bisa membahagiakan ibu mereka


Jadi gini.. 

Hai...

Kalian yang masih punya ibu, berbahagialah kalian.

Sayangi ibu kalian

Jangan hanya di hari ibu saja kalian menyayangi ibu kalian.

Tapi setiap hari, setiap saat, setiap waktu.

Meskipun saya sendiri juga masih belum bisa memberikan yang terbaik buat emak saya.

Tapi saya berusaha untuk tidak menyakiti hati emak saya.

Jadikan hari ibu sebagai momen untuk berbenah menjadi pribadi yang baik lagi pada ibu.

Jika setahun kebelakang kalian masih suka marah sama ibu, suka ngebantah, jadikan setahun kedepan jadi lebih baik lagi.

Makna hari ibu menurut kalian yang sempurna apa

Ibu kalian tidak butuh ucapan selamat hari ibu, tapi ibu hanya mengharapkan bakti anaknya. 


Makna hari ibu menurut saya.

Hari ibu adalah hari dimana anak semakin mengingat ibu, hari dimana anak menjadi pribadi yang lebih baik lagi untuk ibunya.

Jangan hanya setahun kedepan, kalau bisa selama hidupnya.

Selamat Hari Emak!!!

Kayaknya itu aja deh unek² yang ingin saya sampaiin ke kalian. Semoga bermanfaat.

~sofar bukan so far


Share ya jika artikel ini penting.