Skip to main content

RAHASIA MEMBUAT WATERMARK PADA TEMPLATE PREMIUM

Salam kepada semua. Pada kesempatan dalam keterbatasan waktu yang saya miliki saya ingin berbagi cara membuat watermark pada template buatan kita. Eh bukan hanya template buatan tapi Tema hasil editan tapi untuk apa? Ya sekedar untuk menandai bahwa kita telah berhasil memoles gaya kita sendiri dengan cara merombak sebuah tema bawaan blogger misalnya. Anggaplah sebuah karya seni dengan tandatangan watermark dari kita sendiri.

Apa itu watermark? Pernah liat video hsil editan kita ada terdapat misalnya "made by VivaVideo" Watermark itu sebagai cap bahwa video tersebut dibuat menggunakan aplikasi vivavideo dan agar orang yang menonton video tersebut lebih mengenal vivavideo sebagai aplikasinya. Dia juga untuk menegaskan "hak paten" aplikasi pembuatnya.
Nah pada templat blogger premium berbeli kadang kita mendapatkan "watermark" yang dibuat dengan menggunakan kode script, saya kira kedepannya kode kode ini akan segera dimodifikasi menjadi widget yang sangat mudah dipergunakan. Banyak gaya dan model yang bisa anda terapkan sendiri namun mari kita mulai dengan memberikan kode watermark pada tema tema bawaan yang akan kita edit misalnya anda bisa memilih tema "SOHO, CONTEMPO dan EMPORIO bawaan blogger.
Masuk ke dasbor blogger > pilih Tema > pilih edit HTML. Cari kode: ]]></b:skin> dan lalu letakan kode dibawah ini tepat dibawah kode ]]></b:skin> tadi:

<b:template-skin><![CDATA[
/*------Layout (No Edit)----------*/
body#layout #outer-wrapper{padding:0;width:1000px}
body#layout .section h4{color:#171717!important}
body#layout #topnav,body#layout .tm-head{height:auto}
body#layout .tm-menu{margin:0;width:70%}
body#layout .tn-right{height:auto}
body#layout .social-area{margin:0;width:100%}
body#layout .header-content,body#layout #header-blog{float:left;width:100%;height:auto;padding:0}
body#layout .header-logo,body#layout .header-ads{height:auto}
body#layout .header-logo{width:30%;    margin: 0 auto;padding:0}
body#layout .header-ads{width:70%;margin:0}
body#layout .header-random{display:none}
body#layout .header-menu{float:left;width:100%;margin:4px 0 0;padding:0}
body#layout #menu{display:block}
body#layout #content-wrapper{margin:0 auto}
body#layout #main-wrapper{float:left;width:70%;margin:0;padding:0}
body#layout #feat-sec .widget-content{display:block}
body#layout #ads-home{width:auto;max-height:none;margin-bottom:0}
body#layout #sidebar_tabs:before{content:"Sidebar Tabs";color:#fff;font-family:"Roboto", sans-serif;font-size:18px;margin-bottom:5px;display:block}
body#layout .sidebar-wrapper{float:right;width:30%;margin:0;padding:0}
body#layout #sidebar_tabs{overflow:hidden;background-color:#FFBA00;padding:10px;margin-bottom:10px;box-sizing:border-box}
body#layout .sidebar-wrapper .layout-widget-description{display:none}
body#layout #sidebar_tabs .tab-opt{padding:0;float:left}
body#layout #footer-wrapper{overflow:hidden}
body#layout .sect-left{width:28%;float:left}
body#layout #social-footer{width:30%;float:right}
body#layout .header-menu li.home-child,body#layout .uk-search-header,body#layout .FollowByEmail .widget-content:before{display:none}
body#layout #unwanted{display:none!important}
#layout:before {    content: 'property adedansasa.com';
text-transform: uppercase;
font-size: 20px;
color: #FF1493;
margin: 0 0 20px 0;
display: inline-block;
font-weight: 700;
padding: 20px;
font-family: sans-serif;
border: 4px double #FD856E;}
/*------Layout (end)----------*/

Silahkan hapus "property Adendansasa.com" dan ganti dengan watermark anda sendiri. Lalu Save html.
Maka pada template hasil editan kita akan terdapat cap watermark sebagai berikut:
Anda dapat merubah gaya watermark dengan mengganti warna, latar dan frame menjadi lingkaran, bujur sangkar atau bulatan dengan mengedit script tersebut diatas. Namun untuk saat ini cukup sebagai pelajaran dasar saja dahulu. 
Semoga bermanfaat.

Bagi anda yang ingin mencoba tema ini silahkan mendownloadnya melalui link kami: TEMA SOHO YANG BERSIH, AMAN DAN GESIT

Comments

Popular posts from this blog

INI DIA 9 SITUS TEMPAT BELAJAR KODING TERBAIK

Selagi kalian masih muda, dan kalian terbiasa mengoperasikan komputer: Laptop, Desktop, iPad, Tablet dan bahkan Smart-phone, maka sesungguhnya kalian memiliki kesempatan yang sangat besar untuk tetap bisa belajar layaknya sekolah formal namun melalui jalan online!
Belajar Online? Mengapa tidak? Tidak ada yang salah dengan belajar online. Kalau bisnis online terbukti sukses, belanja online juga bisa, mengapa harus tertutup kesempatan belajar online? Tidak banyak alasan untuk menolaknya, sekalipun masih ada orang berpikirnya begini: Tidak afdol kalau belajar online, harus melalui guru langsung.

Itu namanya paradigma lama, saya belajar secara online, tanpa guru dan walaupun belum terlalu menguasai pelajaran koding seperti yang telah saya targetkan, namun saya telah menguasai beberapa bahasa program web tanpa keluar uang sepeserpun selain hanya waktu dan quota internet. Saran saya jangan mempersulit diri kita sendiri dengan banyak alasan untuk tidak belajar. Hari segini bisnis saja tanpa at…

MENGAPA POWERED BY BLOGGER ITU PENTING BAGI GOOGLE?

Blogger menggunakan ikon, ikon yang dipergunakannya adalah tipe SVG, sebenarnya banyak jenis jenis ikon yang bisa kita pergunakan, misalnya yang paling populer adalah ikon font awsome, namun jika memilih menggunakan font awsome kita harus memasang script link eksternal ke dalam template blogger kita. Hal ini akan membebani loading atau kecepatan halaman blog saat dijalankan di internet.

Nah itulah sebabnya mengapa blogger secara default tidak menggunakan font awsome yang cantik dan memiliki banyak ikon tersebut. Blogger secara default menggunakan SVG yang jauh lebih ringan, dapat berjalan pada semua browser utama.

Ikon pada atribusi dan kredit blogger adalah "trademark" special platform blogger, jadi tidaklah bijaksana menghapus ikon tersebut (walaupun Google tidak secara jelas melarangnya atau memperbolehkannya, meskipun template anda buat dari NOL. Mengapa? Alasannya adalah:
Anda tidak akan membuat template blogger kalau platform blogger itu sendiri tidak ada. Platform Blogge…

QUORA: PEKERJAAN PALING ENAK DAN SANTAI NAMUN GAJINYA BESAR

Quora adalah sebuah situs tempat bertanya dan menjawab: Dari sekian ton pertanyaan dan jawaban saya menemukan jawaban menggelitik seputar profesi anggota DPR dan Pegawai negeri, panasaran? Simak saja:

1. ANGGOTA DPR
Jawaban terbaik untuk pertanyaan ini tentu saja adalah pekerjaan mulia yang digawangi oleh para wakil rakyat Indonesia di gedung DPR-RI. Pekerjaan sebagai anggota DPR. Saya (Anissa) tergoda untuk mencontek langsung tulisan yang bersumber dari quora ini:

Gaji dan tunjangan tetap Gaji Pokok = Rp 4.200.000 Tunjangan Istri (10% GP) = Rp 420.000 Tunjangan Anak (2 anak x 2% GP) = Rp 168.000 Uang sidang / Paket = Rp 2.000.000 Tunjangan Jabatan = Rp 9.700.000 Tunjangan Beras Rp 30.090 per jiwa per bulan Tunjangan PPH pasal 21= Rp 2.699.813 Penerimaan lain:
Penerimaan lain Tunjangan Kehormatan: Rp 5.580.000 Tunjangan Komunikasi Intensif = Rp. 15.554.000 Tunjangan Peningkatan Fungsi Pengawasan dan Anggaran = Rp 3.750.000 Bantuan Langganan Listrik dan Telepon = Rp 7.700.000 Asisten Anggo…