Tampilkan postingan dengan label Belajar Edit Html. Tampilkan semua postingan
Tampilkan postingan dengan label Belajar Edit Html. Tampilkan semua postingan

Kamis, 13 Oktober 2011

Cara Copy Paste Artikel Tidak Bisa Diblok atau diKlik Kiri

Cara Mudah Copy Paste Artikel Tidak Bisa Diblok atau diklik Kiri - Iseng-iseng lagi posting kata-kata mutiara cinta di blog TOKO News, eh ada kata-kata mutiara yang barus banget. Sayangnya saat Toko Blog pengen Copy-Paste artikel tidak bisa di klik kiri. (Niat copas tapi tetep kasih link referensi lho sobat ;-). Saat saya coba klik KANAN blognya, untungnya masih bisa. Akhirnya saya cari ide gimana cara copy paste Artikel yang tidag bisa dibolok.

Pahami maksud Toko Blog dulu zaw sob. Cara COpas tulisan ini hanya jika web/blog yang bersangkutan tidak bisa diklik KIRI bukan KlikKanan. Cara yang saya lakukan sederhana sekali dan mudah untuk sobat praktekkan. Dan perlu diingat jangan hanya asal Copy PAste tanpa memberikan link referensi blognya, seperti pesan Toko Blog di post 3 hal penting memulai belajar ngeblogCara Copas artikel yang saya lakukan memakai browser Mozilla FireFox. Dan bisa juga menggunakan Google Chrome atau Opera.

Yang perlu sobat lakukan ialah buka dulu postingan blog yang mau di kopi. Misalnya sobat sedang membuka tulisan Belajar dasar SeO Blog. Kemudian Klik kanan mouse sobat. Maka muncul beberapa pilihan. Silahkan sobat pilih kata "Lihat Kode Sumber Halaman" ini untuk mozilla. Jika memakai Browser Chrome bisa pilih "View Page Source" atau "Source" jika di Opera. Kemudian akan keluar halaman baru berbentuk kode-kode html atau CSS seperti kode Edit html di menu Blogger.com

Bentuk Tulisannya seperti berikut : 


.... class="MsoNormal" style="text-align: justify;">Maaf sebelumnya semua tulisan style="mso-bidi-font-weight: normal;">tips Search Engine Optimation yang saya tulis href="http://tok0blog.blogspot.com/">Toko Blog hanya bermaksud untuk mencari style="mso-bidi-font-weight: normal;">jawaban rahasia SEo sebenarnya… bukan maksud menggurui hanya sharing bersama style="mso-bidi-font-weight: normal;">blogger. Pada tulisan kali ini ada sedikit style="mso-bidi-font-weight: normal;">pengalaman pertama memulai ngeblog yang ternyata banyak style="mso-bidi-font-weight: normal;">kekeliruan/ kesalahan yang saya sadari sekarang ini dan mungkin juga dialami sobat semua. dan seterusnya.....
Kalimat seperti di atas itu adalah asli susunan kata html. Copy Mulai dari kata yang sobat inginkan kemudian PASte di halaman Entri Baru. Dan jangan lupa pilih Edit HTML di menu entri baru blogger sobat. Setelah dipaste tinggal pilih Menu Compose yang terlihat di pojok kanan. Akhirnya tulisan yang masih berupa kode html tadi berubah sesuai kata yang terlihat di blog tadi. Copy PAste tulisannya telah berhasil.

Perlu sobat Ingat Cara COpy PAste Artikel di blog hanya bisa dilakukan bila moderasi Klik Kiri atau Blok tidak bisa dijalankan dan Klik Kanan Mosenya masih bisa. Maka Cara Copy PAste Artikel yang tidak bisa diklik Kiri/blok akan berhasil.

Senin, 08 Agustus 2011

Cara Menambah Gambar BackGround Blogspot


Mau tahu cara mudah ganti atau menambah gambar di background template blogspot kesayangan sobat... Tapi lihat sebentar zaw cara ganti warna background bagi sobat toko blog yang belum lihat, biar gak penasaran :-). Karena kemarin gak sempet nulis tutorial mengganti gambar background, keburu warnetnya tutup tuh sob:-D… Mari lihat aja tips mengganti/menambah gambar latar belakang blog.

Seperti  biasa sebelum edit html sobat tentunya udah punya akun blog gratis di bogspot kan? :( ya udahlah.. ‼! Piss Ikuti langkah berikut ini yaw :

1. Login dulu ke halaman blog di blogger.com
2. Pilih menu Layout → Edit Html
3. Centang dulu kolom Expand Template...
4. Cari Kode body (klik CTRL+F untuk pencarian cepat)

Kode Css yang ketemu sebagai berikut ;

body{
background:#0000;
width:960px;
color:#000000;
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:0px auto 0px;
padding:0px}

Jika template sobat udah ada banner/gambar sebelumnya maka kode setelah body kurang lebih seperti ini: 

background:#0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPO2IiQ8rB8zyDFOaA6fA1TrwzPuDghAHXQa5nttTlDWVEfX_BLscSKbJhaB2C55yw3AM1LeqZGk3J5iGrFp8dSW7l8WSgAvwTLMZEfQDv4qEbwmC-E0aH-qzuKQuCPxlmqLdwPHaCONe4/s1600/kertas.gif) repeat-y;

Maka ganti url yang ada di dalam kolom ( ). Ganti dengan url gambar yang sobat inginkan. Untuk membuat url gambar, terlebih dulu sobat daftar di penyimpanan gambar. Sobat bisa daftar di photobucket.com pilih daftar lalu upload file. Untuk penjelasan lengkap sobat bisa di cari aja di search engine GooGle atau kapan-kapan toko blog akan share cara daftar Photobucket.com.

Disini saya posisikan sobat udah daftar dan punya link url gambar di Photobucket.com. amisal link urlnya http://i924.photobucket.com/albums/ad84/toko_blog/animated_favicon1-1.gif. Maka code CSs template sobat seperti berikut ;

body{
background:#0000 url(http://i924.photobucket.com/albums/ad84/syaiful_khobir/animated_favicon1-1.gif) repeat-y;
width:960px;
color:#000000;
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:0px auto 0px;
padding:0px}

Untuk kode warnanya (#0000) gak usah dihapus untuk menghindari jika gambar gak muncul maka warna backgroundnya tetap ada. Kalau sobat menemukan kode CSs yang gak sama persis kode di atas bisa coba pelajari dulu di cara edit warna background, disitu telah sedikit ToKo BlOg jelaskan. Sekian tiPs BElajar Edit htmL dari toko blog pada tema cara ganti/menambah gambar background template blogspot.

Cara Ganti Warna Back Ground Blogspot | Belajar Kode CSs

Merubah Warna Back Ground - Beberapa hari ini banyak komentar dari sobat yang nongol di toko blog tentang bagaimana cara mengganti warna backroundmenambah gambar background blog? Tips mudah belajar edit html blogspot, Belajar Kode CSS, bahkan ada yang pengen membuat template blog sendiri. Semua request sobat pasti akan Toko Blog jawab asal follow Toko Blog dulu zaw he… :P Kali ini saya coba jawab pertanyaan pertama tentang cara merubah warna background blog dan disambung cara menambah gambar latar belakang di blogspot tentunya.

untuk Langkah mudah belajar edit html sobat bisa mulai aja dengan coba-coba edit template blog sobat sendiri dengan menambah pernak-pernik blog dari tutorial blog yang ada. Maka lama-lama sobat akan memahami maksud kode CSS ataupun html blogspot dan mungkin juga sobat bisa memahami maksud kode lain seperti Php, java script , wordpress, jomla dll. Untuk cara ganti warna Background template blogspot silahkan lihat tutorial di bawah ini ;

1. Sobat Login dulu ke halaman blog di blogger.com

gambar+blogger+daftar

2. Pilih menu Layout → Edit Html
3. Centang dulu kolom Expand Template yaw.
4. Cari Kode body (klik CTRL+F untuk pencarian cepat)

Disini saya contohkan kode css di template blogspot saya lain lihat sebentar zaw [Kunci Kord Guitar]
Terlihat warna backGroundnya hitam, bagaimana mengganti warna latar belakang menjadi putih contohnya lihat kode dibawah ini yang juga ada di template sobat ;

body{
background:#0000;
width:960px;
color:#000000;
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:0px auto 0px;
padding:0px}


Sobat perhatikan kata tebal background:#0000; yang maksud kode Css tersebut ialah kata sintak background mengartikan background/latar belakang template anda. Titik dua (:) berarti sama dengan (=). Dan yang terpenting ialah kode Merah #0000 ini adalah kode warna yang akan sobat rubah sesuai keinginan tentunya. Kode #0000 ialah menunjukkan code warna hitam seperti template Blog Chord Choosy tadi. Untuk mengetahui kode warna silahkan lihat kode warna html. Sedang kode titik koma (;) adalah sebagai perintah kode penutup, jangan sampai salah edit zaw sob.

Saya contohkan sobat ingin mengganti warna background hitam dengan color putih dengan kode (#ffff), maka code Css blog sobat berubah seperti dibawah ini;

body{
background:#ffff;
width:960px;
color:#000000;
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:0px auto 0px;
padding:0px}

Terakhir pilih pratinjau dulu untuk melihat perubahan template sobat. Jika telah yakin dengan keinginannya bisa langsung disave aja. Dan lihat hasil perubahan template blogspot yang sobat miliki, saya jamin berubah kalau gak terjadi kesalahan edit Cssnya tentunya.:)

Oke tutorial kali ini toko blog harapkan sobat blogger bukan hanya bisa mengganti warna tampilan background template, tetapi memahami struktur dasar Css tentunya. Yang perlu sobat perhatikan kode Css ini adalah kode perintah yang tersusun body{}. Kode { sebagai pembuka dan } sebagai penutup. Jadi diantara/didalam kode { dan } kode perintah/sintak juga seperti kode background diatas. Jadi seandainya sobat menemukan template html seperti ini ;

body{ background:#ffff; width:960px; color:#000000; font-size:11px; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0px auto 0px; padding:0px}

Mungkin kalau yang baru pertama edit /coba edit html blogspotnya akan bingung, kok kodenya gak sama seperti yang di contohkan di tutorial Toko Blog ya?:) Gak usah bingung zaw sob, kan ada obat sakit gigi :P…??? Kode diatas tuh sama Cuma dibuat tanpa spasi (supaya loading blog lebih cepat), lihat yang detail tuh dan bandingkan yang kode paling atas tadi. Strukturnya tidak berbeda kan, ada kata utama width (panjang body) terus titik dua (:) terus ada angka 960px (menunjukkan ukurannya 960 pixel) dan tentunya ditutup dengan titik koma (;). Tuh ngerti kan dan selanjutnya sobat gak akan bingung lagi jika mengedit kode cSS karena dah toko blog obatin he :-D...

Gak terasa udah jawab request edit warna background dan kasih dikit tips mudah belajar html blogspot tuh sob.. :-) Tips ringan dari Toko Blog ialah coba sobat belajar desain sendiri pasti lama-lama ngerti maksud kode html yang pertama kita anggap rumit. oh iya jadi lupa kasih tips ganti gambar backgroundnya nih. Sayangnya tulisan toko blog dah penuh nih jadi saya lanjutin di tutorial blog selanjutnya zaw... :-P sabar-sabar biar pantatnya lebar... xixixi. Sekian tutorial cara ganti warna background/latar belakang template blogspot.