Video Tutorial Cara Membuat Sticker di Telegram Terbaru

Leave a Comment
Salah satu Sosmed (Sosial Media) yang sedang naik daun di Indonesia saat ini adalah Telegram. Telegram yang saya maksudkan disini bukanlah telegram surat kawat jaman dahulu. Namun Telegram ini adalah Salah satu Sosial media untuk chating, serupa dengan WhatsApp, BBM, Line dan lain-lain.

Kenapa sekarang orang lebih memilih Telegram, karena keunggulan telegram dapat mengirim file segala tipe. Dan yang lebih menarik lagi ada fasilitas untuk membuat sticker sendiri.

Video tutorial berikut akan menerangkan bagaimana Cara Membuat Sticker di Telegram Terbaru.
Untuk bisa membuat sticker sendiri, anda perlu mempersiapkan alat-alatnya sebagai berikut:
  1. Aplikasi Telegram versi desktop, download di internet lalu install.
  2. Menyiapkan gambar png berukuran 512x512px

Jika semua alat sudah siap, yuk kita simak video Cara Membuat Sticker di Telegram Terbaru bersama-sama:

Selengkapnya...

Cara Edit Header cmssekolahku Menjadi Tidak Full

3 comments
Masih dalam edisi modifikasi template cmssekolahku, kali ini saya mulai dari atas dulu yaitu bagian header, karena bagian ini adalah bagian yang pertama kali dilihat oleh pengunjung.  Modifikasi header dalam hal ini akan kita buat agar header tidak full.


Lebar header akan kita rubah ukurannya dari 960px menjadi 980px, jadi ada tambahan 20px .  Ukuran ini menurutku cukup, tidak terlalu lebar atau terlalu sempit.
Ok, langsung saja kita mulai:
1. Buka file custom.css lokasinya di assets\frontend\css\custom.css
Cari kode ini:
/* Pengaturan blok warna background body */
body {
background: #fff;
}
/* Pengaturan blok warna background top header */
#top-bar {
background: #20303f;
}

/* Pengaturan blok warna background header */
#primary-header {
background: #2ecc71;
}

/* Pengaturan blok warna background samping kanan kiri tree menu / dropdown menu */
#fixed-wrapper {
background: #34495e;
}

/* Pengaturan blok warna background menu */
#primary-navigator {
background:#20303f;
}

2. Ganti dengan code ini:
/* Pengaturan blok warna background body */
body {
background: #dddddd;
}
/* Pengaturan blok warna background top header */
#top-bar {
background: transparent;
}

/* Pengaturan blok warna background header */
#primary-header {
background: transparent;
}

/* Pengaturan blok warna background samping kanan kiri tree menu / dropdown menu */
#fixed-wrapper {
background: transparent;
}

/* Pengaturan blok warna background menu */
#primary-navigator {
background:transparent;
}

Kode diatas adalah untuk merubah backround header menjadi transparan.

3. Cari kode ini:
#primary-header .header{
position: relative;
width: 960px;
margin: 0 auto -5px auto;
padding: 0;
}
Ganti dengan kode ini:
#primary-header .header{
position: relative;
width: 980px;
margin: 0 auto -5px auto;
padding: 0;
}

4. Buka file style.css lokasinya di assets\frontend\css\style.css
Cari kode ini:
#top-bar {
width: 100%;
border-bottom: 1px #ddd solid;
}
Ganti dengan kode ini:
#top-bar {
width: 100%;
}
#top-bar .container{
width: 980px;
background: #34495E;
}
Kode di atas bertujuan untuk menghilangkan border bawah top-bar, menambah wadah untuk menu dengan ukuran 980px

5. Cari kode:
#primary-navigator-list {
width: 960px;
}
Ubah menjadi
#primary-navigator-list {
width: 980px;
background:#20303F}

6. Cari kode ini:
#news-ticker li{ list-style: none;
color: #dcdcdc;
width: 960px;
padding: 0;
}
Ganti dengan kode ini:
#news-ticker li{ list-style: none;
color: #dcdcdc;
width: 970px;
padding-left: 10px;
}

7. Cari Kode ini:
#clock{ position: absolute;
left: 0;
top: 6px;
font-size: 10px;
color: #fff;
text-transform: uppercase;
}
Ganti dengan kode ini:
#clock{ position: absolute;
left:10px;
top: 6px;
font-size: 10px;
color: #fff;
text-transform: uppercase;
}

8. Buka file typography.css lokasinya di assets\frontend\css\ typography.css
Cari kode ini:
.container{
position: relative;
width: 960px; margin: 0 auto;
padding: 0; }
Ganti dengan kode ini:
.container{
position: relative; width: 960px;
margin: 0 auto; padding: 0 10px; }

Itulah tadi tutorial Cara Edit Header cmssekolahku Menjadi Tidak Full.
Selamat Berkreasi.
Selengkapnya...

Panduan Modifikasi Template Cmssekolahku Lanjutan

2 comments
Template cmssekolahku untuk saat ini memang belum tersedia pilihan tema seperti blogspot dan wordpress, yang memungkinkan pengguna dapat dengan mudahnya mengganti template. User hanya cukup dengan mengklik menu tema maka tidak berapa lama tema pun berubah. Atas keterbatasan inilah maka siapapun yang menggunakan cmssekolahku dituntut untuk lebih kreatif apabila ingin memiliki tampilan website sekolahnya terlihat menarik.

Beberapa waktu yang lalu saya telah menulis Panduan Modifikasi Template Cmssekolahku, dan kali ini merupakan lanjutan dari tulisan saya sebelumnya. Baiklah mungkin anda sudah tidak sabar untuk itu langsung saja kita mulai memodifikasi template cmssekolahku.

Pertama anda harus Membackup seluruh file yang berkaitan dengan template. Hal ini menjadi bagian yang sangat penting, karena untuk menghindari hal buruk yang bakal terjadi sehingga nantinya tinggal mengembalikandengan file beckup-an. Jika sudah, lanjutkan dengan langkah berikut ini:
  1. Download file modifcms-sekolahku.zip (Link download di akhir postingan)
  2. Ekstrak file zip tadi maka anda akan menemukan folder bernama modifcms-sekolahku, yang isinya file custom.css, style.css, typography.css, M_global.php, readmore.php, index.php, dan sebuah gambar png bernama homwit.png.
  3. Replace file custom.css yang berada di folder assets\frontend\css\ ganti dengan file custom.css yang tadi anda download.
  4. Replace file style.css yang berada di folder assets\frontend\css\ ganti dengan file style.css yang tadi anda download.
  5. Replace file typography.css yang berada di folder assets\frontend\css\ ganti dengan file typography.css yang tadi anda download.
  6. Replace file M_global.php yang berada di folder application\model\ ganti dengan file M_global.php yang tadi anda download.
  7. Replace file readmore.php yang berada di folder application\views\frontend ganti dengan file readmore.php yang tadi anda download.
  8. Replace file index.php yang berada di folder application\views\frontend ganti dengan file index.php yang tadi anda download.
  9. Masukkan file image homwit.png ke folder assets\frontend\img\theme\

Bila semuanya sudah, sekarang buka web anda, jika belum ada reaksi tunggu satu menit lalu refresh browsernya dan lihat perubahannya, website sekolah cmssekolahku tampak lebih menawan.

Password: www.notesku.com
Selengkapnya...