CARA MENAMBAHKAN BACKGROUND GAMBAR DI EXCEL

Oleh pada tanggal
Apakah sanggup sheet atau lbr kerja excel saya pada sisipi gambar biar gak kelihatan membosankan? Umumnya sebagian besar berdasarkan kita telah melihat lbr kerja Excel sebagai bagian polos serta monoton, Tapi apakah Anda pernah berpikir bagaimana Anda bisa memakai kreativitas Anda untuk membuat spreadsheet yang menakjubkan dan menarik? Background sanggup memperindah tampilan sebuah aplikasi terutama dalam bagian home, atau tampilan depan, sehingga pelaksanaan yg anda buat akan tampak lebih profesional, Apalagi bila background yg anda pasang temanya sesuai dengan aplikasinya.
Kita tahu bahwa lbr kerja Microsoft excel hanyalah lembaran putih yang berisi  kolom dan baris. Nah, bila Anda bosan dengan tampilan lbr kerja excel yang default itu, maka kini ini Anda berada di loka yg sempurna buat mengetahui caranya.
Dalam posting ini, aku akan berbagi salah satu teknik tersebut, pada sini kita akan belajar bagaimana menambahkan gambar latar belakang (background) dalam lembar kerja Excel Anda.

Cara menambahkan background gambar pada excel

For excel 2007 & 2010

1. Pertama buka lbr kerja yg ingin anda beri background

2. Arahkan ke Tab 'Page Layout'  dan klik 'Background'.


3. Akan terbuka lbr ventilasi latar belakang , pilih gambar yg ingin Anda gunakan menjadi latar belakang dan kemudian klik tombol insert.



4. Sekarang gambar yg baru saja Anda pilih akan dipakai pada latar belakang lembar kerja Anda.


Lalu bagaimana cara menghapusnya atau merubah gambar background?

Cara menghapus atau merubah gambar backgroud


1. Buka spreadsheet yang telah anda beri background tadi


2. Arahkan ke tab 'Page Layout' serta klik 'Delete Background'.

Demikian tips Cara menambahkan background gambar pada excel...semoga bermanfaat
Read more
Post a Comment

CARA TERBAIK MEMBUAT AUTO READ MORE PADA HALAMAN DEPAN BLOG

Oleh pada tanggal
JIKA anda menggunakan template blog bawaan bloger, maka tampilan depan blog anda harus di ringkas secara manual supaya yg tampil dalam bagian page depan blog anda hanya judul, gambar serta alinea pertama dalam post anda dengan demikaian maka anda dapat menampilkan beberapa postingan anda tanpa wajib terlalu memanjang kebawah. Lihat contoh tampilan dalam gambar disamping ini. Menampilkan thumbnail gambar. Judul blog serta sedikit paragraf alinea pertama yg terdapat pada postingan saya
agar auto read more tampil otomatis maka maka saya share 3 pilihan sekaligus, agar anda bebas berkreasai... Tiga cara berikut adalah menjadi mana pada share sang admin Helploger , simak secara perlahan
Cara terbaik menciptakan auto red more atau tampilan depan blog berupa judul posting, gambar thumbnail, dan kompendium ( alinea pertama)
Pertama tama
  1.  masuk ke dasbor blog anda
  2. klik template dan Edit HTML
  3. cari kode  
untuk memudah kan anda menemukan kode tadi klick mouse pada area code HTML kemudian tekan ctrl+f buat menampilkan tools [ seacrh box] copy code pada atas dan pastekan dalam seacrh box kemudian tekan enter.
  • Ganti kode kode .... Dengan kode di bawah ini.

[Untitled]

No content.
,



Kemudian simpan template lihat dan bedakan tampilan blog anda sesudah melalukan pengeditan dengan cara ini ...
jika anda belum puas maka langkah selanjut nya merupakan menambahkan code css berikut ini terdapat 3 pilihan gaya code css yg mampu pada terapkan.
GAYA YANG PERTAMA ADALAH THUMBNAILS LINGKARAN GAMBAR DI KIRI JUDUL POS DI KANAN DAN ALINEA PERTAMA POSTINGAN ANDA
contoh gambar

UNTUK TAMPILAN SEPERTI GAMBAR DI ATAS CODE CSS NYA ADALAH
.blogger-post padding: 5px 0px 0px; background: #F6F6F6; border-right: 1px dashed #E3E3E3;height:150px; margin:0 0 20px; overflow:hidden; *zoom:1; .blogger-post:after content:" "; display:block;clear:both; .blogger-post-title font:normal bold 20px/1.2 Arial,Sans-Serif; margin:0 0 10px;padding:0; .blogger-post-title acolor: #888; .blogger-post-thumbnail-area border-radius: 330px;-webkit-border-radius: 330px; -moz-border-radius: 330px; border: 10px solid #E5E5E5;margin-left: 20px;width:120px;height:120px; background-color:#2D3957;float:left;overflow:hidden;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIbDer6_LgypSqDmXS2mhepBHML8vAHoAh2afUaX3lmSn1ImeGzGo2_qwf-XLcFPsNQ4eOqMqnQnG8RTdxh40Tm-sHbtJpQCtSDUT07FGRfMCaRJAIVFSRb9pziVDpO6GKkiXHS2tRzxGC/s1600/no-image-available.png'); background-repeat: no-repeat; background-size: 100%; .blogger-post-body-area:before border-bottom:40px solid transparent;border-right:40px solid #E4E4E4;border-top:40px solid transparent; width:0;height:0; content:"";margin: 10px 0px 20px -60px;display:inline-block;float: left; .blogger-post-thumbnail display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;margin:0;padding:0;border:none;outline:none;position:static; .blogger-post-body-area padding:20px;margin-left:200px;font-size:12px;border-left: 1px solid #E3E3E3; .blogger-post-footer margin:10px 0 0;padding:10px 0 0;border-top:1px dotted #ddd;font:normal bold 8px/1.lima Verdana,Tahoma,Arial,Sans-Serif;text-transform:uppercase;color:#999; .blogger-post-footer a color: #888; .blogger-post-item, .blogger-post-static_page height:auto .blogger-post-item .blogger-post-body-area, .blogger-post-static_page .blogger-post-body-area margin:0;padding:20px;font-size:13px; .blogger-post-item .blogger-post-title, .blogger-post-static_page .blogger-post-title font-size:30px .icon-action width: 10px;height:10px;

GAYA KE DUA ADALAH SEPERTI TAMPILAN GAMBAR DI BAWAH INI

KODE CSS NYA ADALAH
.blogger-post background: #F6F6F6;border-right: 1px dashed #E3E3E3;height:200px; margin:0 0 20px; overflow:hidden; *zoom:1; .blogger-post:after content:" "; display:block; clear:both; .blogger-post-title font:normal bold 20px/1.dua Arial,Sans-Serif;margin:0 0 10px; padding:0; .blogger-post-title acolor: #888; .blogger-post-thumbnail-area width:200px; height:200px;background-color:#2D3957;float:left;overflow:hidden;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIbDer6_LgypSqDmXS2mhepBHML8vAHoAh2afUaX3lmSn1ImeGzGo2_qwf-XLcFPsNQ4eOqMqnQnG8RTdxh40Tm-sHbtJpQCtSDUT07FGRfMCaRJAIVFSRb9pziVDpO6GKkiXHS2tRzxGC/s1600/no-image-available.png');background-repeat: no-repeat;background-size: 100%; .blogger-post-thumbnail display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;margin:0;padding:0;border:none;outline:none;position:static; .blogger-post-body-area padding:20px;margin-left:200px;font-size:12px; .blogger-post-footer margin:10px 0 0;padding:10px 0 0; border-top:1px dotted #ddd;font:normal bold 8px/1.lima Verdana,Tahoma,Arial,Sans-Serif; text-transform:uppercase; color:#999; .blogger-post-footer a color: #888; .blogger-post-item, .blogger-post-static_page height:auto .blogger-post-item .blogger-post-body-area, .blogger-post-static_page .blogger-post-body-area margin:0; padding:20px; font-size:13px; .blogger-post-item .blogger-post-title, .blogger-post-static_page .blogger-post-title font-size:30px .icon-action width: 10px;height:10px;

GAYA KE TIGA ADALAH SEPERTI TAMPILAN GAMBAR DI BAWAH INI

UNTUK TAMPILAN SEPERTI GAMBAR DI ATAS CODE CSS NYA ADALAH
#blog-pager clear: both; .blogger-post background: #F6F6F6; border-right: 1px dashed #E3E3E3; border-left: 1px dashed #E3E3E3; height: 405px; width:200px; margin:0 20px 20px 0; padding: 10px 10px 0px; overflow:hidden; float: left; display:inline-block; *zoom:1; .blogger-post:after content:" "; display:block; clear:both; .blogger-post-title font:normal bold 16px/1.2 Arial,Sans-Serif; margin:0 0 10px; padding:0; .blogger-post-title acolor: #777; .blogger-post-thumbnail-area a img width:200px; height:200px; background-color:#fff;overflow:hidden;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIbDer6_LgypSqDmXS2mhepBHML8vAHoAh2afUaX3lmSn1ImeGzGo2_qwf-XLcFPsNQ4eOqMqnQnG8RTdxh40Tm-sHbtJpQCtSDUT07FGRfMCaRJAIVFSRb9pziVDpO6GKkiXHS2tRzxGC/s1600/no-image-available.png');background-repeat: no-repeat;background-size: 100%; .blogger-post-thumbnail display:block; width:100%; height:100%; max-width:none;max-height:none;min-width:0; min-height:0; margin:0; padding:0; border:none; outline:none;position:static; .blogger-post-body-area padding:10px 20px 20px; margin:10px 0 0; font-size:11px; .blogger-post-footer background: #E9E9E9; margin:10px -20px 0; padding:20px; border-top:1px dotted #ddd; font:normal bold 8px/1.lima Verdana,Tahoma,Arial,Sans-Serif; text-transform:uppercase; color:#555; .blogger-post-footer acolor: #888; .blogger-post-item, .blogger-post-static_page width:auto; .blogger-post-item .blogger-post-body-area, .blogger-post-static_page .blogger-post-body-area margin:0; padding:20px; font-size:13px; .blogger-post-item .blogger-post-title, .blogger-post-static_page .blogger-post-title font-size:30px; .icon-action width: 10px;height:10px;

BAIK LAH GAN SEKIAN DULU DAH PEGAL NI BADAN PINGIN  REBAHAN SELAMAT MENCOBA YA GAN...

source://baticblog.blogspot.com/2015/12/4-cara-menciptakan-auto-readmore-laman.html
Read more
Post a Comment

CARA MEMBUAT TOMBOL FOLLOW DI BLOG

Oleh pada tanggal
Cara Membuat Tombol Follow di Blog - Tombol follow merupakan salah satu widget krusial buat di pasang pada situs blog, tombol follow blogger seringkali diklaim jua menjadi tombol join us (join this site) berfungsi menjadi navigasi yang memudahkan pengunjung untuk mengikuti situs yang mereka sukai. Pada tutorial ini aku akan membagikan cara membuat tombol follow blogger yang bisa ditempatkan di banyak sekali tata letak seperti di atas kolom komentar, sidebar, menu navigasi serta tombol follow di dalam postingan.
Metode yg saya gunakan buat membuat tombol follow merupakan menggunakan memanfaatkan link follow yg ada dalam widget followers (join this site), dengan demikian maka tombol follow yg didapatkan akan lebih ramah serta mudah di aplikasikan. Langsung saja ke tutorial menciptakan tombol follow blogger serta yg pertama harus dilakukan merupakan menyiapkan link follow + id situs blog, lihat contoh dibawah ini;
//www.blogger.com/follow.G?BlogID=6093713042691745392
Nomor id yang ditandai dengan huruf tebal adalah nomor id situs blog aku , silahkan ganti menggunakan "id" situs blog masing-masing, untuk menerima atau melihat "id" situs blog silahkan login ke blogger, pilih galat satu situs jika engkau memiliki poly situs blog kemudian lihat dalam addres bar id situs blog anda.
Setelah link follow situs disiapkan selanjutnya merupakan memasang link follow tersebut ke tata letak atau loka yg diinginkan serta menampilkan nya menjadi tombol follow (join us).

Memasang Tombol Follow pada Atas Kolom Komentar

  1. Login ke blogger > Template > Edit HTML
  2. Cari kode penutup css yaitu ]]>
  3. Tambahkah kode css ini dia sempurna pada atas kode ]]>
.comments .rightxfont-size:12px;position:absolute;$endSide:0;top:0;line-height:22px;max-height:22px;padding:4px 0 0 4px;margin-$endSide:0;background-color:#333333;overflow:hidden;display:block;
.comments .rightx adisplay:inline-block;min-width:75px;margin-$endSide:0;background-color:#333333;text-align:center;color:#ffffff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;text-decoration:none;text-transform: uppercase;
Save template, lalu cari kode 

atau

serta ganti dengan menggunakan kode di bawah ini.



Join Us


Ganti text "Join Us" dengan Follow First atau Subscribe sesuai dengan selera masing-masing serta ganti juga nomor id "6093713042691745392" dengan id situs blog kamu sendiri. Save template serta lihat hasilnya, tombol follow akan muncul di atas kolom komentar seperti terlihat pada contoh dibawah ini.
Catatan: Kode

adalah kode "comment message" single comment box serta merupakan kode default kolom komentar bawaan blogger. Jika sebelumnya pada template situs blog kamu sudah dimodifikasi atau menggunakan 3 comment system (blogger-facebook-disqus) silahkan lihat pada contoh gambar berikut [Klick Unduh]

Menambahkan Tombol Follow Pada Menu Navigasi



Membuat Tombol Follow di Sidebar

  1. Login ke Blogger > Tata Letak > Add Widget HTML
  2. Tambahkan kode berikut adalah kemudian save
Follow Us
Ganti id blog serta warna tombol sesuai dengan yang di inginkan.

Menambahkan Tombol Follow di Dalam Postingan

Untuk menambahkan tombol follow di dalam post (artikel) sebenarnya metode yg dipakai sama menggunakan metode membuat tombol follow pada sidebar, yaitu dengan menambahkan element button dalam link follow blog. Kamu mampu mencoba variasi tombol yang tidak sinkron misalnya model ini dia.
Subscribe Me
Nah, itulah beberapa cara membuat tombol follow di blog (situs blogger) yang dapat di sesesuaikan serta di tempatkan di beberapa tata letak. Silahkan di garap atau cobalah ber experiment sendiri dengan link follow blogger. Metode ini juga dapat diterapkan pada situs blog yang sudah menghapus css bundlle (optimasi pagespeed insights) lantaran biasanya menghapus css bundle umumnya akan menyebabkan beberapa widget blogger nir berfungsi termasuk widget followers.
Kelebihan:
  • Mengganti widget followers (join this site) dengan tombol follow, nir membebani loading situs web sama sekali.
  • Tombol follow dapat diletakkan di banyak tempat yaitu, di atas kolom komentar, sidebar, menu navigasi, di dalam post blogger serta lain-lain.
  • Menghindari blocked rendering paruh atas situs
  • Dan dapat pada variasikan menggunakan poly style css button.
Demikian tutorial cara membuat tombol follow (subscribe button) blogger serta siap-siap untuk mendapatkan banyak followers situs blog kamu. Jika ingin melihat demonya silahkan gulir ke kolom komentar serta Subscribe situs blog cara flexi. Anggap saja subscribe anda sebagai bonus untuk saya, akhir kata saya ucapkan terimakasih telah berkunjung serta semoga tuorial ini bermanfaat.
Read more
Post a Comment

MENAMBAHKAN EFEK BAYANGAN PADA TEXT DENGAN CSS CASCADING STYLE SHEET

Oleh pada tanggal
Cara  Menambahkan Efek Bayangan (Text Shadow) dalam Text dengan CSS - Perlahan akan tetapi pasti, selangkah demi selangkah kita mulai merambah ke arah CSS (Cascading Style Sheet). Seperti sayur kurang garam bila menjadi seorang blogger kita tidak menguasai yang nama-nya css ini. Bila kita pelajari secara keseluruhan maka sulit rasa nya kita khatam belajar menggunakan css, apalagi kita tidak punya dasar pengetahuan tentang css. Namun bukan berarti nir mungkin bagi siapa pun buat mengetahui serta mempelajari nya. Sebab pada zaman canggih seperti ketika ini ilmu itu bisa kita dapatkan asalkan kita rajin membaca.
Sekarang kita akan belajar sedikit tentang css tentang cara menambahkan impak bayangan (shadow) pada sebuah text. Pepatah menyampaikan "sedikit demi sedikit, usang usang sebagai bukit" begitu juga dengan ilmu css ini, dari sedikit insya allah kita bisa mengerti yg poly. Baikalah telah cukup basa-basi nya serta pribadi saja ke cara menambahkan impak bayangan dalam text nya dengan memakai css nya. Model bayangan text (text shadow) misalnya terlihat pada gambar diatas.
Dalam penerapan efek bayangan pada CSS Text Shadow terdiri atas 4 (empat) nilai primer yaitu sumbu offset-x, sumbu offset-y, nilai pembentuk impak blur, serta rona shadow atau bayangan. Mari kita lihat model css text shadow ini dia:
text-shadow: 1px 2px 3px #666666;
Keterangan:
  • Nilai 1pxpada css diatas adalah adalah sumbu offset-x: horizontal, semakin besar nilai nya maka bayangan text akan semakin ke kanan, dan kebalikannya semakin kecil nilai nya misal nya -3px(minus 3 pixel) maka bayangan text akan semakin kekiri.
  • Nilai 2pxmerupakan sumbu offset-y: vertical, semakin besar nilai nya maka bayangan text semakin ke bewah, serta kebalikannya semakin kecil nilai nya misal -4px (minus empat pixel) maka bayangan tex akan semakin ke atas.
  • Nilai 3px merupakan pembentuk karakter bayangan-blur, apabila pada beri niai 0px maka garis bayangan text akan terihat kentara tapi apabila di beri nilai 3px garis bayangan tidak jelas (blur). Dan
  • #666666merupakan kode warna css buat rona bayangan.
Cara Menerapkan CSS Text Shadow (Bayangan Text)

Simpan kode css ini dia ke dalam template anda tepat nya pass pada atas kode ]]> lalu simpan tempate.
.id_element_kamufont-size: 30px;
   font-weight: bold;
   color: #DC143C;
   text-shadow: -3px 3px 0px #666666;}
Kemudian buat memanggil css tadi, dalam waktu menulis artikel sisipkan kode html berikut ini di mana saja, di tengah kalimat atau di awal kalimat.
id_element_kamu">Contoh Text Dengan Bayangan
Maka hasilnya akan terlihat misalnya dibawah ini:
Contoh Text Dengan Bayangan
Kamu bisa ganti isi text nya sinkron menggunakan yg engkau inginkan, apabila engkau ingin menciptakan bayangan tersebut pada sebuah tautan link maka engkau relatif mengubah tag-html nya saja sebagai seperti pada berikut ini.
Hai....id_element_kamu">Klick Link ini buat menghubungi kami..! 
Maka tulisan klick link akan mempunyai bayangan dan dapat pada klick seperti model pada bawah ini.
Hai....Klick Link ini buat menghubungi kami..!
Nah kini bagaimana bila css text shadow tersebut di terapkan pada sebuah element template blog misal nya pada template saya dalam bagian sub_menu (anak pilihan menu) blog ini.
CSS aslinya adalah misal:
.sf_menubackground-color:$(topmenu.background.color);color:$(pilihan menu.text.color);height:29px;line-height:29px;font-size:11px;
Setelah di tambahkan properti text shadow (bayangan bayangan text) maka css sub_menu menjadi seperti berikut ini.
.sf_menubackground-color:$(topmenu.background.color);color:$(pilihan menu.text.color);height:29px;line-height:29px;font-size:11px;text-shadow: 0px 1px 0px #666666;}
Dan hasil nya seperti yang terlihat dalam sub_menu template blog ini, arahkan mouse anda ke bagian menu dengan tanda panah buat melihat sub_menu template blog ini. Sekarang cobalah berkreasi sendiri menggunakan css text shadow tadi. Semoga artikel ini sedikit membantu anda pada mengenal css serta cara menerapkan nya.
Read more
Post a Comment

CARA MEMBUAT LAMAN NAVIGASI NUMBER PAGE NAVIGATION BLOGGER

Oleh pada tanggal
Pada umum nya bila blog kita menggunakan template defaul atau template bawaan orisinil blogspot maka laman navigasi atau page navigation yg disediakan di bawah page utama blog hanya berupa Home, New Post serta Old Post. Pada kesempatan ini bagai mana apabila kita merubah sedikit page navigasi  temlate defaul menggunakan number halaman navigatiaon yang lebih keren. Agar pengunjung blog lebih gampang melihat seluruh isi blog dan mempercantik blog yang kita kelola ada baik nya kita menimpa gaya yg terdapat pada laman navigasi blogger bawaan menggunakan number page navigasi dengan nomor lihat model number page navigastion di bawah ini.
Pada kesempatan ini saya akan share cara membuat page navigasi bernomor buat blogger menggunakan penjelasan yang sangat sederhana supaya gampang pada pahami. 

Cara Membuat Laman Nvigasi  Pada Laman Utama Blog

Langkah pertama yg wajib kita lakukan adalah menambahkan code css halaman navigasi seperti di bawah ini:
 #blog-pagerclear:both;margin:30px auto;text-align:center; padding: 7px;
.blog-pager background: none;
.displaypageNum a,.showpage a,.pagecurrentpadding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);
.displaypageNum a:hover,.showpage a:hover, .pagecurrentbackground:#EC8D04;text-decoration:none;color: #fff;
#blog-pager .showpage, #blog-pager, .pagecurrentfont-weight:bold;color: #000;
 .showpageOfdisplay:none!Important
#blog-pager .pagesborder:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);
.firstpage, .lastpage display: none;
Paste kan kode css page navigation yg tersedia diatas tepat sebelum atau diatas ]]>  
jika sobat merasa galau saya akan memandu perlahan
  • Pertama tama masuk ke dashboard blog sobat click >Template > EDIT HTML 
  • Kemudia klick mouse pada tengah kotak scrip dan tekan Ctrl+funtuk memudah kan sobat mencari kode ]]>    pastekan kode ]]> tadi di kotak pencarian atau seach box dan enter, kode tadi akan ada.
  • dan pastekan kode css yg saya sediakan di atas sempurna sebelum kode  ]]>  
  • lihat gambar di bawah ini
#LANGKAH  2 Membuat Laman Navigasi Blogger
Cari dan temukan kode
Read more
Post a Comment
Subscribe to: Posts (Atom)