Cara Upload Image ke Wordpress

Cara Upload Image ke artikel wordpress sebagai pengisi artikel anak smpku yang sudah lama kutinggalkan sunyi sepi. Kebetulan tadi siang buka comment blog sebelah dapat inspirasi dari mbah kaji Pakies, tentang bagaimana 'cara upload gambar di wordpress'.

Cara Upload Image Wordpress bin upload gambar ke artikel wordpress

Login ke dashboard blog wordpress
Blog wordpress hosting gratis atau berbayar, sama sajalah.. sing penting ngeblog :D

Menu Add Media bin Image

Pada editor artikel Wordpress, untuk memasang gambar ke dalam artikel tombol ajaibnya bernama add media atau add image.
Letaknya berada di pojok kiri atas, tepatnya di atas tombol Bold
1. klik tombol add media/image
2. klik select files,
3. pilih gambar di komputer yang mau diupload > Open
proses upload ditunggu dulu sambil ngeteh :D

Setelah muncul tulisan Crunching, scroll ke bawah ada penampakan seperti berikut

Alternate text:  boleh diisikan text sesuai tema, mirip seperti properties pada dongeng optimasi seo image blogger. Caption dan description diisi juga bolehlah.
Link Image: untuk menambahkan penanda apabila gambar itu nantinya diklik.
Mau diarahkan ke file image, attachment atau pilih none apabila gambarnya tidak ingin di link kemana-mana.

Alignment itu: untuk posisi gambar, mau di sebelah kiri teks artikel, kanan artikel atau di tengah-tengah. Secara umum dipilih center.
Size: Apabila dipilih Full Size, maka ukuran gambar di artikel akan persis sama seperti ukuran aslinya.

Setelah ritual di atas dilakukan, maka Tombol 'Insert into Post' adalah tombol terakhir yang diakses untuk menemplokan #halah,
maksudnya tombol eksekutor untuk 'memasang gambar ke artikel wordpresss'.

Komentar Terpanjang Di dunia

Sungai Terpanjang Di dunia adalah sungai apa itu, inyong lali je waktu di kelas sering tidur di kolong meja.
Komentar Terpanjang Di dunia ? Kalau yang ini inyong tahu dan memang komentar paling panjang yang pernah inyong lihat di blog tetangga sebelah kandang

Panjang komentarnya  mirip artikel tanpa judul dan saking panjangnya komentar itu, sampai screenshoot di bawah ini hanya sebagian yang inyong ditampilkan wkwkwk

Ada yang lucu ketika membaca pembukaannya yang diriku kotakin warna merah.
Lha kalau benar Bukan sejenis MLM; ngapain juga promo keliling? Semakin dibaca ke bawah semakin enggak nyambung dengan pengantarnya.

Ribuan dollar tanpa modal dan tanpa MLM System ??

Dari jaman bahula sampai jaman Malinda Dee;  cara agar cepat mendapatkan banyak receh dari PTC; ya cuma  Refferal.

1. Yang gak modal 
Dengan cara promosi seperti usaha komentator itu; sayangnya campaignnya menggunakan cara yang menurut inyong : sama sekali tidak menarik minat orang untuk daftar.
Kenapa gak pake PPC campaign seperti bidvertiser, dulu kan ada cara biar dapat voucher iklan gretongannya; entah sekarang masih bisa apa enggak :))

2. pake modal
Duitnya untuk sewa referal dan upgrade, seperti pada guyonan Tips Rahasia PTC dilanjutkan kisah sedihnya pada episode IDR Clickit ditutup.

Istilah Refferal dengan sistem MLM sepertinya masih ada hubungan saudara, kok gak ngaku kalau sistem MLM :D

O iya, apakah rika lagi kurang kerjaan? Coba kalimat yang dicoret berikut ini di copas ke Google.
'100% ngedapetin dollar tanpa modal apapun dan tanpa MLM system,,
bahkan ribuan dollar perbulan bisa kita dapatkan,'

wedew... ternyata komentar itu mendarat tidak hanya di satu tempat. Ada barisan duplikat komentar seperti itu menghiasi blogspot seluruh Indonesia

Kata simbok: berprasangka baik bisa untuk obat awet muda.
Awalnya sama sekali tidak ada niat untuk menghapus komentar terpanjang di dunia itu. Kukira dirinya ngiklan salah tempat, setelah baca artikel lain yang berhubungan dengan recehan.

Dari data resmi search google, kalimat itu menunjukkan "Sekitar 1,470,000 hasil pencarian."
Baiklah kalau begitu..moga sampean ketemu cara yang lebih baik untuk mendapatkan refferal di lain hari.

Mengingat comment copas, kesengajaan dan direncanakan untuk nyepam;
Maafkan diriku, inyong hari ini berubah pikiran, kuputuskan :
Kuhapus komentar terpanjang di dunia blogger dari kandangku, sinambi ngicipi gethuk goreng #glunthang

Cara Mengubah Layout Search Label Blogger

Cara mengubah 'layout search label blogger menjadi list judul saja' maksudnya, pemberian judul artikel ini inyong agak repot menentukan yang pas.
Sebagai contoh akseslah alamat: http://alkatro.blogspot.com/search/label/seo , kalau sudah dilihat Pokoke kaya kuwe lah yang inyong maksudken #halah.
Pada layout search template blogger si katro itu hanya judul artikelnya saja yang tampil, tanpa deskripsi dan tanpa image.


Sebagai perbandingannya, oke silahkan cek blognya abi fajar di http://fajarmufti.blogspot.com/search/label/Hiburan pada saat artikel ini ditulis.
Tenang saja orangnya lagi sibuk seminar; jadi gak tahu kalau blognya diintip xixixi   #mlumpat pager #tiaraap

Tujuannya untuk apa? ya mempercepat loading template  saat visitor mengakses link search label tersebut; terutama bagi dirimu yang masih menggunakan navigasi label blogger pada template :)

Apabila blog sahabat  memiliki ratusan artikel dengan label yang sama; pada saat visitor mengkases link search label itu; Bayangkanlah, kira-kira berapa lamakah loadingnya?
Mungkin kurasakan seperti saat menunggu dollar gratis ppc sitti yang tak kunjung payout #glunthang

Cara Mengubah Layout Search Label Blogger ini merupakan permintaan sahabat dani yang kemarin bertanya di artikel Freelance Jobs daily ; entah apa hubungannya dengan artikel itu hehehe no what what, sante wae.. kalau lagi tidak angon kelinci,  insya Allah pertanyaannya akan dijawab di komentar atau posting blog ini  secepatnya; selama diriku tahu jawabannya.

1. Login ke dashboard Blogger
Masuk ke dashboard > Design/Rancangan > Edit HTML> Checkmark 'expand widget template'.

2. Lewat komentar di blog diriku jawab kurang lebih seperti ini
cari kode ini: <b:include data='post' name='post'/>
kalo dah ketemu ganti dengan kode ini
   
    <b:if cond='data:blog.searchLabel'>
  <div><a expr:href='data:post.url'><data:post.title/></a> </div>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>

Dan ternyata... tidak berhasil untuk xml awesome template  dan template draft blogger yang lain; lanjuuut
cara yang di bawah ini saja

3. Percobaan kedua
Setelah mengintip templatenya abi fajarmufti yang notabene merupakan template draft blogger;
maka berikut ini keputusannya; 
thong thong thong dung.. saat berbuka untuk wilayah indonesia selatan dan sekitarnya

Carilah kode <b:include data='post' name='post'/>

Kalau sudah ketemu; ganti dengan kode berikut ini

  <b:if cond='data:blog.homepageUrl != data:blog.url'>
   <b:if cond='data:blog.searchLabel'>
       <div><a expr:href='data:post.url'><data:post.title/> </a></div>
     <b:else/>
       <b:include data='post' name='post'/>
   </b:if>
  <b:else/>
       <b:include data='post' name='post'/>
  </b:if>

Save template

Demikianlah tentang prosedur 'bagaimana cara mengubah layout search Label' pada template 'Blogger' ala  anak smpku.
Kalau ingin yang tanpa ubah xml bisa pake feed label blogger yang dibungkus  javascript;  contoh seperti di akhir posting ini, to be continued di blog belajar bisnis online dan seo katro
Yo Wis ; saatnya melanjutkan acara mencari rumput, o iya lupa ..  nyuci sepeda mbah oemar bakri dulu ding; tromol sama presnelengnya sudah doltrap  jue .. jadi gak bisa bunyi cik cik cik kalo dionthel.

Membuat Meta Keyword Otomatis Draft Blogger

Seperti yang pernah anak smpku ceritakan dalam cerita template magazine diobok-obok anak smp, dinamic meta tag ini pertama kali penulis tahu dari blognya Kang Rohman, fungsinya untuk menghindari efek duplikat deskripsi maupun keyword dan konon lebih bagus untuk optimasi SEO On page -kata orang-.

Untuk Membuat dynamic Meta keyword dan deskripsi  caranya adalah
1. Edit HTML Template
Login ke blogger; Design //Rancangan ;
Edit HTML - checkmark Expand

2. Menghapus tag tertentu pada template
biasanya yang dihapus adalah <title><data:blog.pageTitle/></title>
Tekan F3; cari kata ini :  name='all-head-content'

Format tata letak scriptnya seperti ini,

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
  <b:skin>

Untuk pengguna template asli draft blogger ada 2 baris; kalau template dirimu seperti gambar berikut; hapus saja baris yang inyong kotaki dengan warna merah ;
contohnya pada template Picture Window - Josh Peterson, seperti pada  blog fabricboots.blogspot.com (entah itu blog milik siapa -hehe-), format penampakannya seperti ini



<b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <meta expr:content='data:blog.metaDescription' name='description'/>
  <b:skin>

Jadi; apapun kode yang ada diantara  tag <b:include data='blog' name='all-head-content'/> dan tag   <b:skin>,  maka hapuslah dia dari dalam lubuk hatimu :hayah:

3. Memasang tag Meta Deskripsi dan Keyword Otomatis
setelah dihapus, maka gantilah tag menjadi kode baru ini, saya variasi sedikit dan agak berbeda dari meta tag otomatisnya blog si alkatro , silahkan salinlah dan paste lah..

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='Fajar Mufti Setiawan Blog ini hanyalah sekedar tempat menuangkan ide, uneg-uneg yang sekedar lewat ' name='description'/>
<meta content='Fajar Mufti Setiawan demokrasi, sholat, pelangi, antar nusa, DPR, Yogyakarta, Jogja, pesta, bakti orang tua, anak, masa bahagia, fajar mufti setiawan, al qur’an, hadits,ibadah' name='keywords'/>
<b:else/>
<title> <data:blog.pageName/> | <data:blog.title/> </title>
<meta expr:content='data:blog.pageName+ &quot; oleh &quot; +data:blog.title' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; +data:blog.title' name='keywords'/>
</b:if>

Keterangan :
Teks berwarna merah silahkan ganti dengan deskripsi dan keyword  atau kata yang mesra mengharu biru sebagai penggambaran tema blog dirimu :lol:
Save template
dan contoh penampakannya Women Fabric Boot
Wis disik lah, anak smpku mau nyari rumput dulu.. mumpung belon hujaaaaan..
ada cewek cantik lewaat... tiaraaap; ah gak jadi..  mendingan  pakai jurus langkah seribu:  kabuuur *mlumpat pager*

Membuat Komentar Bertingkat Blogger Otomatis

Anak smpku mau dolanan Membuat Komentar Bertingkat Blogger Otomatis, hal ini bisa dilakukan hanya pada template default blogger, kalau untuk template yang lain ada yang bisa apa enggak ya? tapi kebanyakan sih tidak bisa, mungkinkah ada duka disana -hayah-
Untuk layout versi mobile blogger sudah otomatis kayaknya jadi tidak perlu setting, lihat penampakan anak smpku versi mobile http://anaksmpku.blogspot.com/?m=1
Cara Membuat Komentar Bertingkat di Blogger adalah
1. Login ke blogger,
isikan username dan password dengan seember air wkwkwk:

2. Setting komentar di bawah posting //  "Embedded below post"
Klik  Setting // Pengaturan  -->  Comments
Pilih Embed Below Post

Kalau sudah simpan // save settings

3. Setting full comment feed
Klik  Setting //Pengaturan - > Site Feed

Klik link 'Advanced Mode'
Lanjuuuutt

 pada paragraf Blog Comment Feed,  pilih full.
dan Save Settings

Dan hasilnya, s ilahkan dilihat contohnya di template blog anak smpku ini -dijamin tidak berhasil- :gubrak:
 kalau yang berhasil ya contohnya seperti  yang template versi blogger bawaan Contohya>> paiminlaw.blogspot.com


Untuk blog yang tidak berhasil .. bersabarlah xixixi males ane ngotak ngatik CSS komeng yang blibet, langsung ke sini kalau mau coba, cek, dan itu saja tidak semua jenis template blogger bisa langsung templokin kodenya -reepoot- >>  artisteer tutorial for blogger

Memunculkan Formating Toolbar Editor Blogger

Memunculkan Formating Toolbar Editor Blogger adalah tema lanjutan posting sebelumnya,beberapa jam yang lalu. Untuk mas Harto terimakasih masukannya, Nah disini akan dijelaskan langkah untuk memunculkan formating toolbar Editor Blogger seperti toolbar formating pada software  Microsoft Word, yang gambarnya telah anak smp tampilkan dalam acara Anak smp on Tips Mengedit Format Teks blog. 
Hal ini bertujuan agar sobat dapat lebih mudah dalam melakukan editing artikel, baik dalam menambahkan image, link, mengubah ukuran font,   perataan text dan sebagainya

 Jika kebetulan Editor Blog Anda belum muncul seperti dalam  gambar posting Anak smp sebelumnya, faktor utama dikarenakan pada pengaturan dasar account blogger sobat, editor entri masih berada pada pilihan ke 3, yaitu Sembunyikan mode penyusunan... Untuk mengubahnya, silahkan ikuti langkah berikut ini :

1. Login ke account Blogger anda.
2. Pilih Pengaturan/Setting, klik tab 'Dasar'
Gulung mouse ke bawah

3. Pastikan pada kolom 'Tambahkan blog Anda ke daftar kami?' dan 'Biarkan mesin pencari menemukan blog Anda?' anda setting ya/yes, agar lebih SEO Friendly -kata inpotainmet- :D
4. Tampilkan Editing Cepat di Blog Anda? dan Tampilkan Link Posting Email? anda setting ya/yes juga.
Khusus ntuk 'Konten Dewasa'? anda setting Tidak/NO

5. Gulung mouse sobat ke bawah lagi, nah ini dia.
Setting Global,
di paragraf : Pilihan Editor Entri,
Klik Editor yang diperbaharui

Kalau Sudah Klik 'Simpan' Setelan,
Untuk melihat perubahan penampilan pada editor account blogger sobat, silahkan Klik Tab 'Posting' -  Edit Entri, niscaya tampilan editor blog anda akan seperti dalam gambar ilustrasi yang terpajang dalam Anak smp on Tips Mengedit Format Teks blog..Semoga berhasil. :)

Anak smp on Cara menambahkan link dalam artikel

Menambahkan link dalam artikel konon kabarnya dapat berfungsi untuk memperbaiki dan menambah kualitas dari sisi Optimasi SEO suatu blog. Dengan bahasa versi anak smp alkatro, posting ibarat bilah bambu dan menautkan link sebagai pakunya, sehingga Link yang saling berkaitan dalam sebuah artikel ke artikel yang lainnya akan  lebih memperkuat kandang blog dari sisi SEO dan kemungkinan lain untuk menambah page view.

Link yang ditambahkan dalam sebuah kata (keyword) dapat merujuk ke link artikel itu sendiri sebagai penegasan tema, bisa juga digunakan untuk mengarahkan menuju ke alamat artikel lain yang berhubungan dengan artikel itu sendiri.

Bagaimana cara menambahkan link ke artikel atau posting blog?

A. Menambahkan link diantara kalimat :
Cara praktisnya, dengan menggunakan toolbar pada posting blog anda
silahkan blok kata yang diinginkan seperti kalau kita ingin mengeblok text  untuk di format tebal, miring atau diwarnai  dalam Editor Microsoft Word.
Demikian juga halnya dengan Editor Blogger, sebenarnya sama saja cara menggunakannya.
klik  icon Link (add or remove link) pada toolbar blog anda,
letaknya di sebelah kiri icon 'Insert Image'
pada 'Text to Display:' box: isikan kata yang ingin diberi link tautan , misalnya: silaturahim
kemudian pada Web address: box , isikan link alamat artikel yang  ingin ditautkan
klik OK
berikan spasi untuk jeda  seperti halnya mengedit posting atau menulis artikel pada Editor MS Word.
Selesai.




Kalau ingin menggunakan versi yang lebih SEO friendly,
salin (copy dan paste) Syntax berikut ini ke dalam Entri Baru mode "Compose" posting anda,

kalimat posting <a href="alamat link artikel anda" target="_blank" title="text keyword"> text keyword </a> kalimat posting kalimat posting

Keterangan:
kalimat posting : sesuaikan dengan kalimat anda
text keyword : kata yang ingin anda tambah link tautan, misalnya silaturahim,
maka ganti kata text keyword diatas dengan kata silaturahim
alamat link artikel anda, sesuaikan dengan link artikel yang merujuk ke tema tersebut, misalnya: http://www.hartohadi.com/2009/09/allah-maha-menjamin-rezeki.html

Maka syntax penulisannya menjadi :

Dengan terhubungnya <a href="http://www.hartohadi.com/2009/09/allah-maha-menjamin-rezeki.html"  target="_blank"  title="silaturahim"> silaturahim </a> maka ukhuwah Islamiyah akan terjalin dengan baik... dst

B. Menambahkan link berupa daftar isi
Nah, kalau link dalam posting berupa daftar isi beberapa link artikel anda; biasanya digunakan untuk daftar blogroll atau link exchange , maka tambahkan  kode <br> atau bisa juga kode  <p> di belakangnya.
Kode <br> dan <p> adalah perintah untuk menambahkan baris  atau paragraf baru di bawahnya, 
sama seperti kalau kita menekan tombol enter, pada saat membuat naskah pada MS Word atau membuat posting

Syntax:
<br>
nomor<a href="alamat link" target="_blank" title="text keyword1"> text keyword1 </a><br>
nomor<a href="alamat link" target="_blank" title="text keyword2"> text keyword2 </a><br>
nomor<a href="alamat link" target="_blank" title="text keyword2"> text keyword3 </a><br>

Contoh penulisan dalam posting:
Halo sodara-sodara, berikut ini adalah beberapa artikel/link yang sebaiknya anda baca (-tekan enter- kemudian salin kode berikut ini ke dalam posting):
1. <a href="alamat link" target="_blank" title="anak smp ganti baju"> anak smp ganti baju </a><br>
2. <a href="alamat link" target="_blank" title="anak smp alkatro"> anak smp alkatro </a><br>
3. <a href="alamat link" target="_blank" title="anak smp dapat parcel"> anak smp dapat parcel </a><br>

Kesimpulan :
Jika ingin menambahkan link artikel pada satu atau dua suku kata di dalam paragraf posting agar bersanding dengan text yang lainnya: baik pada awal kalimat, diantara kalimat, maupun akhir kalimat sebelum tanda titik di silahkan gunakan: cara A, yaitu menambahkan link diantara kalimat.
Jika anda mengunakan cara B, maka di setiap kata yang diberi link, text kalimat selanjutnya akan otomatis berpindah ke baris baru di bawahnya. Contoh yang terjadi :

Dengan terhubungnya silaturahim
maka ukhuwah Islamiyah akan terjalin dengan baik.

Mengapa? karena cara B biasa digunakan untuk membuat list atau daftar link baik daftar link artikel, link penerima award dan sejenisnya, 

agar kata di belakang silaturahim sejajar dengan kata selanjutnya, 

arahkan kursor dibelakang huruf  'm' 

selanjutnya tekan tombol Delete

kemudian  tekan tombol spasi pada keyboard anda.

maka formatnya akan menjadi normal seperti berikut ini:

Dengan terhubungnya silaturahim maka ukhuwah Islamiyah akan terjalin dengan baik.




Demikian update anak smp tentang tips  cara menambahkan link dalam artikel dalam blog.