WeDooS: Tutorial | Blog mengenai Tutorial, SEO, template dan Tips lainnya

Showing posts with label Tutorial. Show all posts

Cara Simple Membuat Blockquote ala Arlina Design

Cara Simple Membuat Blockquote ala Arlina Design - Blockquote adalah sebuah tag yang biasa digunakan untuk mengkutip kalimat maupun kata penting di blog. Selain itu banyak blogger yang menggunakanya untuk menampilkan suatu kode tertentu.

Di artikel kali ini saya akan membagikan cara membuat blockquote yang style nya mirip blog mbak arlina design. Tentu saja desain blockquote ini terlihat bagus dan keren. Dengan warna flat dan kombinasi font awesome, blockquote ini menjadi enak dipandang.

Cara membuat blockquote ala arlina design

Karena cara ini menggunakan font awesome, untuk yang belum memasang font awesome silahkan pasang kode berikut sebelum </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>

Copy dan pastekan kode dibawah ini sebelum </style> atau ]]></b:skin>

.post-body blockquote{background:#6591c2;position:relative;padding:55px 20px 20px 20px;color:#fff;margin:10px 0;border-radius:3px;}

.post-body blockquote::before {position:absolute;content:'Catatan';background:rgba(255,255,255,1);right:3px;left:3px;top:3px;padding:5px 20px;display:block;font-weight:700;border-radius:3px 3px 0 0;color:#6591c2;}

blockquote::before, blockquote::after, q::before, q::after {background: transparent;}

.post-body blockquote::after {position: absolute;content: '\f027';right: 10px;bottom: 5px;font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 160%;color: rgba(255,255,255,.6);}

Pada beberapa template, mungkin blockquote sudah diberi style masing-masing oleh pembuatnya. Jika blockquote pada blog sudah distyle silahkan pada edit template cari stylenya.

Caranya, pada edit template tekan CTRL + F lalu pada kolom pencarian silahkan isikan .post-body blockquote lalu enter. (jika tidak ada silahkan cari .post blockquote atau blockquote saja}

Cara Simple Membuat Blockquote ala Arlina Design - Syahrulmedia

Jika sudah ketemu hapus kode .post-body blockquote{.......} atau .post blockquote{....} lalu ganti dengan kode diatas tadi.

Demikianlah artikel Mengenai Cara Membuat Blockquote ala Arlina Design, mudah-mudahan bermanfaat bagi pembaca semua.

Tutorial mengganti tulisan Home jadi icon/gambar Rumah

Tutorial mengganti tulisan Home jadi icon/gambar Rumah - Ada banyak cara yang dilakukan blogger untuk mempercantik atau memperindah tampilan web/blog mereka, mulai dari edit template, gonta-ganti template, dan belajar mendesign template sendiri.

Dan yang akan saya posting kali ini adalah salah satu cara untuk mempercantik tampilan blog supaya keliatan lebih keren dan tentunya lebih puas karna hasil karya sendiri, Untuk itu saya mau berbagi bagaimana cara mengubah atau mengganti tulisan Home pada menu header dengan Icon/Gambar. Kita dapat mengganti icon/gambar home sesuai dengan keinginan kita, caranya pun sangat mudah. Mungkin para blogger sudah banyak yang posting cara ini, akan tetapi untuk para pemula kadang susah mengikuti atau kebingungan dengan cara yang mereka sampaikan.

Gambar Home

Bagi yang tertarik bisa langusng mengikuti cara dibawah ini:

Login ke-Dasbor Blogger
Buka Menu Template
Klik Edit HTML

Lalu cari Script seperti dibawah ini, bila tidak ketemu cari aja yang sejenisnya:

<li><a href='URL Blog Anda'>Home</a></li>

Lalu ganti tulisan Home dengan kode seperti dibawah ini:

<li><a href='URL Blog Anda'><img border='0' src='https://3.bp.blogspot.com/-gdxvC1NQRgs/V1ELmf0OfAI/AAAAAAAAAng/Hd0dUiDzfCklfLVlTRch4eNsD0WNBzSMgCLcB/s1600/syahrulhomemedia.png' style='padding:0px;height:32px;widht:32px' /></a></li>

Catatan :
Ganti height:32px untuk tinggi dan width:32px untuk lebar dengan ukuran yang anda inginkan.

Demikianlah artikel saya mengenai Tutorial mengganti tulisan Home jadi icon/gambar Rumah bila ada kesalahan dalam penulisan artikel mohon dimaafkan, dan mudah-mudahan artikel saya kali ini menjadi solusi bagi Permasalahan pembaca semua.

Cara Mengatasi Tidak Bisa Upload Gambar di Artikel Blog

Cara Mengatasi Tidak Bisa Upload Gambar di Artikel Blog - Selamat siang para pembaca, Ntah kenapa waktu sedang mengerjakan artikel saya yang kemaren yaitu artikel "Faktor dan Pengertian Kerjasama Ekonomi Antarnegara" untuk meng-upload gambar/image di postingan itu, tidak bisa di-masukkan? Bagi kalian yang pernah mengalami itu mungkin artikel saya kali ini sangat cocok untuk pembaca sekalian..

Huffttt.. 3 Hari saya tidak menulis artikel karena permasalahan itu, saya berpikir apa mungkin jaringan internet saya lemot? sepertinya tidak, soalnya dowload film kencang :D atau mungkin Blogger sedang maintenance? haha.. ntahlah yaa, saya gatau juga kenapa, Mungkin Faktor face kali? untung saya agak tampanan :p

Baru kali ini merasakan tidak bisa meng-upload gambar, rasanya gakaruan campur-aduk bingung mau ngapain. Kalau mau nge-post artikel tanpa gambar bagaikan "Teh tanpa Gula" kalau tidak menulis artikel bisa-bisa pengunjung setia blog ini pada lari semua. maka dari itu saya usahakan menulis artikel dan harus memasukkan minimal Satu gambar dengan cara apapun itu. dan dapatlah caranya sebagai berikut :

Hal yang perlu dilakukan adalah:

1. Kalian harus mengupload dulu gambar/image/photo yang ingin kalian masukkan ke artikel tadi, ke tempat-tempat atau media sosial yang biasa digunakan untuk mengupload gambar, Misalnya: Facebook, Google+, Web Picasa, Flickr, Pinterest dan banyak tempat-tempat atau media sosila yang bisa meng-upload gambar.

Saran: Sebaiknya meng-Upload gambar nya melalui Google+ karena gambar yang sudah kita upload semuanya menjadi satu album, dan mudah memasukkannya kedalam artikel kita. Apabila kalian lebih mudah menggunakan facebook, maka gunakanlah facebook untuk mengupload gambarnya.

2. Setelah gambar terupload, selanjutnya adalah meng'click' gambar supaya dapat melihat ukuran asli gambar yang sudah kalian upload tadi setelah itu tekan click kanan pada gambar, lalu click "save link as" , "copy link address" atapun bisa juga denga mengclick "Open link in new tab". disini saya mengklick "Open link in new tab" dan tampilannya akan seperti dibawah ini, maka Copy laha link url gambar yang sudah anda download itu dan Pastekan terlebih dahulu ke Notepad.

Cara Memasang gambar di Postingan:

1. Buat Postingan dan tulislah artikel seperti yang kalian lakukan sebelumnya.

Ganti kode yang berwarna "URLGAMBARSOBAT" dengan alamat url yang sudah anda Pastekan ke Notepad tadi

3. Click menu 'Compose' yang terdapat disebelah kiri menu HTML, Tadaa :D gambar yang kalian Upload sekarang sudah tampil dan silahkan tentukan ukuran gambar yang kalian inginkan, misalnya : Left, Center, Right, Small, Medium, Large, X-Large dan Original Size atau ukuran lain secara manual , itu tergantung yang kalian ~~cinta~~ suka.

4. Click 'Preview/pratinjau' di daerah kanan entry baru, kegunaan Preview/Pratinjau untuk melihat apakah artikel kita dalam keadaan bagus atau tidak? atau gambar nya belum terlihat? kalau gambarnya sudah terlihat,maka tekan Publish/Publikasikan dan Artikel baru kalian sudah Terposting.

Demikian informasi yang dapat Syahrul Media sampaikan tentang "Cara Mengatasi Tidak Bisa Upload Gambar di Artikel Blog" Mungkin dari para Mas[tah/ter] cara ini merupakan cara lama. Mudahmudahan cara ini masih Work, dan apabila dengan cara diatas juga tidak bisa, maka kalian juga harus melaporkannya Kepihak Google, atau bisa meng-Click "Ajukan Keluhan" disudut paling kanan draft Blogger. Semoga Bermanfaat bagi pembaca semua. Inilah yang dapat saya sampaikan, apabila ada bertanya mengenai yang saya tulis silahkan Sematkan komentar pembaca sekalian kedalam Kolom komentar yang terdapat dibawah postingan ini.