Cara Memasang file Power Point di Blog

Cara Memasang / Memasukan File PowerPoint dan PDF ke Postingan Blog

Kalau biasanya kita memasukan dan memasang file DOC,EXCEL,POWERPOINT maupun PDF ke dalam artikel blog dengan slidshare namun pada kesempatan kali ini, saya akan memberikan tutorial yang berbeda dengan yang lainya, yaitu cara memasang File Power Point dan PDF ke Postingan Blog menggunkan google drive dengan fasilitas google slide. Karena menurut saya mengupload file ke ppt ke google drive lebih enak dari pada di slide share , entah apa alasanya saya gak tau , mungkin karen udah sering menggunakan layanan dan fasilitas google , jadi suka yang ala google deh wkwkwk ( wiwiting tresno jalaran songko kulino )

Tidak hanya cara memasang file ppt atau pdf dan sejenisnya ke dalam postingan blog, melainkan kita akan memodifikasi file tersebut agar responsive, karena ini zamanya web responsive gaes ( mobile friendly ) sehingga ketika kita pasang ke dalam blog, filenya secara otomatis ukuranya dapat menyesuaikan ( tinggi lebarnya ) dengan perangkat yang digunkan alias tidak terpotong.

Cara Memasang file Power Point di Blog Dengan Google Slide

Sebelum kita memasukan file ppt ke dalam postingan blog, tentunya kita harus menyiapkan file ppt yang akan ki pasang di blog terlebih dahulu, kemudian kita upload ke google drive dan ambil kode iframeya. Untuk lebih jelasnya ikuti tutorial berikut ini :

1. Yang pertama pastikan sobat sudah masuk ke akun gmail sobat, jika belom silahkan masuk dulu

2. Setelah login ke akun gmail, langkah selanjutnya yaitu kita masuk ke google drive yang beralamatkan https://www.google.com/drive/ , kemudian klik tombol " Kunjungi Google Drive "

3. Selanjutnya kita upload file powerpoint tadi ke googledrive, caranya klik tulisan " BARU " yang bewarna merah dan kemudian klik unggah file

4. Pilih file ppt ( powerpoint ) yang akan di unggah , contohnya disini saya akan mengupload file ppt tugas drama sekolah.

5. Tunggu Sampai uploadnya selesai 100% ( dapat dilihat di pojok kanan bawah )

6. Setelah proses menggungah sudah selesai, kemudian kita klik link bagikan

7. Nanti akan ada jendela pop up yang mucul untuk pengturan Acces, kita disuruh untuk setting siapa saja yang dapat mengakses file ppt tersebut, kita setting untuk Public on the web ( umum ) aja.

8. Klik kanan file PowerPoint tadi kemudian buka dengan google silde

9. Pada menu File klik sub menu publikasikan di web

10. Setelah itu kita ambil kode iframenya pada menu sematkan ( hampir mirip ketika mengambil script iframe youtube dan memasukanya ke blog ). silahkan tonton gambar berikut supaya lebih jelas.

10. Langkah yang terkahir kita salin dan pastekan kode iframe tadi pada kolom html bukan Compose

Sebagai contoh dari tutorial ini adalah file powerpoint berikut

Sampai disini cara memasang file power point ke postingan blog sudah selesai, namun syangnya tidak responsive, jika sobat menginkan responsive bisa lanjut mengikuti tutorial dibawah ini

Cara Membuat dan Memasukan File PowerPoint Responsive di Blog

Sayangnya kode embed default dari google slide tidak responsive, nah supaya powerpoint responsive dan bisa menyesuaikan device layar, maka kita perlu menambah kode css dan html absolut responsive caranya :

1. Pertama sobat masuk ke Menu template => Edit HTML , kemudian pasang css ini diatas kode </style>

.ppt{text-align:center;background:linear-gradient(to bottom,#fefefe 0%,#d1d1d1 100%);border:1px solid #A8A8A8;border-radius:5px;margin:20px auto;width:80%;box-shadow:1px 30px 30px -26px #818181}
.ppt-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:8px}
.ppt-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

2. Simpan template dan sekarang kita masuk ke bagian postingan blog
3. Masukan kode dibawah ini pada kolom html bukan compose  ( seperti tutorial nomer 10 diatas )

<div class="ppt">

<div class="ppt-responsive">

<div class="ppt-youtube loader">

Bla...bla...bla...
</div>

</div>

</div>

4. Yang terkahir ganti kode bla - bla dengan kode iframe dari google slide tadi, sehingga kodenya berubah seperti ini

<div class="ppt">

<div class="ppt-responsive">

<div class="ppt-youtube loader">

<iframe src="https://docs.google.com/presentation/d/1DLyQwy3v48lqCacqR-B6r9ZVC9Wf8UJMY4wnrW14h84/embed?start=true&loop=true&delayms=3000" frameborder="0" width="480" height="389" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>

</div>

Karena ini sudah responsive maka kode width="480" height="389" di hapus saja.

Dan hasilnya nanti akan tampak seperti ini, silahkan sobat buka di hp android anda , maka anda akan melihat perbedaan ppt diatas dengan yang dibawah ini yang responsive

Itulah cara membuat dan memasang file powepoint ke dalam artikel blog dengan mudah, untuk yang file pdf, excel dan lain -lainya hampir sama dengan cara yang diatas , perbedaanya hanya file yang kita upload, jika menginginkan file pdf maka kita harus upload file pdf dan mengambil script iframe embednya dan memasukannya kedalam html postingan blog.

Membuat Blog di Blogger.com

1. Membuat blog

Untuk membuat blog, Anda perlu mengakses website Blogger di https://www.blogger.com/. Ketika website sudah menampilkan halamannya, klik tombol Create Your Blog.

Setelahnya, Anda akan diarahkan untuk login akun Gmail. Inilah cara termudah untuk membuat akun Blogspot. Langsung saja masukkan username dan password untuk melanjutkan

Setelahnya, Anda perlu melakukan konfirmasi profil blog. Anda tinggal isi kolom yang tersedia dengan nama blog yang ingin ditampilkan. Kemudian klik Lanjutkan ke Blogger.

Setelah selesai Anda akan mendapati halaman Selamat Datang, seperti di bawah ini.

Untuk lanjut membuat blog, klik tombol Create New.

Selanjutnya, Anda akan mendapat pop-up dengan tampilan seperti di atas. 

Pada bagian Title, masukkan judul blog yang ingin Anda kembangkan. Judul ini akan muncul di halaman depan blog.

Lalu di bagian Address, masukkan URL yang ingin digunakan sebagai alamat blog. Alamat ini otomatis akan diikuti dengan ekstensi .blogspot.com. 

Di bagian Theme, silakan pilih tema yang ingin digunakan pada blog. Sesuaikan dengan kebutuhan.

Setelah semuanya diisi, klik Create blog! Kini, Anda sudah mempunyai halaman Blogspot sendiri.

2. Membuat post atau halaman

Membuat blog saja tentu tidak cukup. Agar blog bisa berfungsi optimal, Anda perlu mengisinya dengan berbagai konten. Di bagian ini, kami akan tunjukkan pada Anda cara membuat post atau halaman konten.

Untuk membuat post, Anda cukup klik menu Posts dan pilih tombol New post. 

Untuk membuat halaman, Anda tinggal klik menu Pages dan klik tombol New page.

Sekilas kedua opsi di atas nampak sama. Akan tetapi, Post dan Pages punya fungsi berbeda. 

Pages dipakai untuk menampilkan halaman-halaman penting di blog. Halaman ini sering kali berwujud halaman kategori atau informasi penting seperti about us. Di sisi lain, post adalah konten yang mengisi halaman-halaman utama tersebut.

Kalau Anda perhatikan, satu-satunya yang membedakan halaman Pages dan Posts ialah pengaturan di sebelah kanan halaman. Di bagian pages, Anda akan temukan tiga opsi pengaturan untuk komentar, compose mode, dan line breaks.

Untuk halaman posts, opsi yang tercantum di kanan lebih beragam. Tepatnya, ada lima opsi yang tersedia. Kelima opsi yang dimaksud ialah labels, schedule, permalink, location, dan option (sama persis dengan opsi di pages).

Materi Tata Letak DDG

Peta Konsep Tata Letak

Tata letak dalam desain grafis merupakan sebuah desain atau media yang efektif dan efisien dalam menyampaikan pesan terhadap khalayak ramai. Agar menjadi seorang desainer yang profesional kita harus mempelajari semua hal yang berhubungan dengan desain dari hal yang paling penting.

KIKD Dasar Desain Grafis

KOMPETENSI INTI DAN KOMPETENSI DASAR

SEKOLAH MENENGAH KEJURUAN/MADRASAH ALIYAH KEJURUAN

Bidang Keahlian : Teknologi Informasi dan Komunikasi

Program Keahlian : Teknik Komputer dan Informatika

Kompetensi Keahlian : Teknik Komputer dan Jaringan (C2)

Tujuan kurikulum mencakup empat aspek kompetensi, yaitu (1) aspek kompetensi sikap spiritual, (2) sikap sosial, (3) pengetahuan, dan (4) keterampilan. Aspek-aspek kompetensi tersebut dicapai melalui proses pembelajaran intrakurikuler, kokurikuler, dan ekstrakurikuler. Rumusan kompetensi sikap spiritual yaitu, “Menghayati dan mengamalkan ajaran agama yang dianutnya”. Sedangkan rumusan kompetensi sikap sosial yaitu, “Menghayati dan mengamalkan perilaku jujur, disiplin, santun, peduli (gotong royong, kerja sama, toleran, damai), bertanggung-jawab, responsif, dan proaktif melalui keteladanan, pemberian nasehat, penguatan, pembiasaan, dan pengkondisian secara berkesinambungan serta menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia”. Kedua kompetensi tersebut dicapai melalui pembelajaran tidak langsung (indirect teaching) yaitu keteladanan, pembiasaan, dan budaya sekolah, dengan memperhatikan karakteristik mata pelajaran serta kebutuhan dan kondisi peserta didik. Penumbuhan dan pengembangan kompetensi sikap dilakukan sepanjang proses pembelajaran berlangsung, dan dapat digunakan sebagai pertimbangan guru dalam mengembangkan karakter peserta didik lebih lanjut.

KOMPETENSI INTI 3 (PENGETAHUAN)

KOMPETENSI INTI 4 (KETERAMPILAN)

3. Memahami, menerapkan, menganalisis, dan mengevaluasi tentang pengetahuan faktual, konseptual, operasional dasar, dan metakognitif sesuai dengan bidang dan lingkup kerja Dasar dasar Teknik Komputer dan Informatika pada tingkat teknis, spesifik, detil, dan kompleks, berkenaan dengan ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam konteks pengembangan potensi diri sebagai bagian dari keluarga, sekolah, dunia kerja, warga masyarakat nasional, regional, dan internasional

4. Melaksanakan tugas spesifik, dengan menggunakan alat, informasi, dan prosedur kerja yang lazim dilakukan serta menyelesaikan masalah sederhana sesuai dengan bidang dan lingkup kerja Dasar-dasar Teknik Komputer dan Informatika Menampilkan kinerja mandiri dengan mutu dan kuantitas yang terukur sesuai dengan standar kompetensi kerja. Menunjukkan keterampilan menalar, mengolah, dan menyaji secara efektif, kreatif, produktif, kritis, mandiri, kolaboratif, komunikatif, dan solutif dalam ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik dibawah pengawasan langsung. Menunjukkan keterampilan mempersepsi, kesiapan, meniru, membiasakan gerak mahir, menjadikan gerak alami, sampai dengan tindakan orisinal dalam ranah konkret terkait dengan pengembangan dari yang dipelajarinya di sekolah, serta mampu melaksanakan tugas spesifik dibawah pengawasan langsung.

Mata Pelajaran     : Dasar Desain Grafis

Jam Pelajaran : 144 JP (@ 45 Menit)

KOMPETENSI DASAR	KOMPETENSI DASAR
3.1 Mendiskusikan unsur-unsur tata letak berupa garis, ilustrasi, tipografi, warna, gelap-terang, tekstur, dan ruang	4.1 Menempatkan unsur-unsur tata letak berupa garis, ilustrasi, tipografi, warna, gelap-terang, tekstur, dan ruang
3.2 Mendiskusikan fungsi, dan unsur warna CMYK dan RGB	4.2 Menempatkan berbagai fungsi, dan unsur warna CMYK dan RGB.
3.3 Mendiskusikan prinsip-prinsip tata letak, antara lain : proporsi, irama (rythm), keseimbangan, kontras, kesatuan (unity), dan harmoni dalam pembuatan desain grafis	4.3 Menerapkan hasil prinsipprinsip tata letak, antara lain : proporsi, irama (rythm),  keseimbangan, kontras, kesatuan (unity), dan harmoni dalam pembuatan desain grafis
3.4 Mendiskusikan berbagai format gambar	4.4 Menempatkan berbagi format gambar
3.5 Menerapkan prosedur scanning gambar/ ilustrasi/teks dalam desain	4.5 Melakukan proses scanning gambar/ ilustrasi/teks dengan alat scanner dalam desain
3.6 Menerapkan  perangkat lunak pengolah gambar vektor	4.6 Menggunakan  perangkat lunak pengolah gambar vektor
3.7 Menerapkan  manipulasi gambar vektor dengan menggunakan fitur efek	4.7 Memanipulasi gambar vektor dengan menggunakan fitur efek
3.8 Menerapkan pembuatan desain berbasis gambar vektor	4.8 Membuat desain berbasis gambar vektor
3.9 Menerapkan perangkat lunak pengolah gambar bitmap (raster)	4.9 Menggunakan perangkat lunak pengolah gambar bitmap (raster)
3.10 Menerapkan  manipulasi gambar raster dengan menggunakan fitur efek	4.10 Memanipulasi gambar raster dengan menggunakan fitur efek
3.11 Mengevaluasi pembuatan desain berbasis gambar bitmap (raster)	4.11 Membuat desain berbasis gambar bitmap (raster)
3.12 Mengevaluasi  penggabungan gambar vektor dan bitmap (raster)	4.12 Membuat desain penggabungan gambar vektor dan bitmap (raster)

Upload Tugas Dasar Desain Grafis Kelas X TKJ 3

Silahkan upload nama blog kalian dengan cara mengisi formulir, untuk link formulirnya bisa klik disini

Memberikan Nilai Essay pada Ujian Sekolah 2019/2020 SMK N 1 Pakis Aji

Untuk masuk Memberikan Nilai Essay pada Ujian Sekolah 2019/2020 SMK N 1 Pakis Aji langkah-langkahnya sebagai berikut:

1. Jalankan web browser (di sini saya pakai google chrome) kemudian ketikan alamat pada address bar sebagai berikut: elearning.smknpakisaji.sch.id kemudian tekan enter.

2. Kemudian Klik tombol Login. Lihat gambar berikut.

3. Kemudian Isikan username, password lalu klik tombol login seperti gambar berikut.

4. Selanjutnya klik my course lalu ujian sekolah 2019/2020

5. Pilihlah Pendidikan Agama Hindu dan Budi Pekerti. Lihat gambar di bawah ini.

6. Pilihlah Quiz Administrasion --> Results --> Manual grading. Lihat gambar di bawah ini.

7. Selanjutnya proses pemberian nilai essay ujian sekolah mapel Pendidikan Agama Hindu dan Budi Pekerti. 

8. Selanjutnya memberikan nilainya, untuk rentang nilai yang diberikan adalah 0-2, misal kalau betul diberikan nilai 2, kalau kurang tepat nilai satu, kalo salah nilai 0 atau kurang sedikit 1.5. Jangan Lupa klik tombol save and go to next page. 

9. Lakukan langkah tersebut sampai selesai.