Showing posts with label Posting. Show all posts
Showing posts with label Posting. Show all posts
Textual description of firstImageUrl

Membuat Posting Lama Selalu di Homepage

Screen Shoot Featured Post Sejuta Trik Blogger

Membuat Posting Lama Selalu di Homepage sama artinya dengan mengedit HTML agar posting atau artikel lama kita selalu berada di halaman utama blog (homepage). Pada posting ini bertujuan untuk membuat ucapan selamat datang di blogspot ataupun memprioritaskan salah satu posting kita untuk tampil di halaman index, halaman depan, halaman home atau halaman beranda. Tapi bukan di halaman tetangga ya :D
Trik ini bisa digunakan bila kita membuat blog untuk bisnis. Dimana setiap pengunjung yang membuka blog kita pada halaman utama maka artikel tersebut yang akan muncul. Bukan artikel baru melainkan artikel lama yang ingin kita tampilkan di halaman utama. Berhubung saya tidak pandai menulis dan berkata-kata saya rasa sahabat sudah tahu maksud artikel ini.

Untuk memulai membuat artikel lama atau artikel tertentu selalu berada di halaman utama kita perlu edit HTML agar artikel yang ingin ditampilkan pada halaman utama selalu muncul. Cara menampilkan artikel tertentu pada home page yang sejuta trik blogger berikan ini ada dua yaitu cara lama (Blogger Version 2) dan cara baru (Blogger Version 3).

Blogger Version 2


1. Mengganti tanggal posting pada sebuah artikel
Klik New Post >Menulis artikel/edit artikel lama > Publist Post
Kemudian dilanjutkan dengan menekan back kemudian Post Option> Centang Sceduled at
Kemudian dilanjutkan dengan memasukkan tanggal terbaru atau tanggal masa depan.

Cara di atas masih menyisakan kekurangan yaitu saat kita menampilkan arsip blog maka tanggal yang tampil akan menunjukkan masa depan. Sungguh ini sebuah keanehan bukan? Bagaimana pendapat sahabat?

2. Menambah atau menanam kode di template
Untuk memperbaiki cara tersebut ikuti cara baru berikut ini
Klik Design > Edit HTML > Klik Expand Widget Template > Cari kode berikut ini bila ada :D
<div id='main-wrapper'>
 Kemudian pastekan di bawahnya kode berikut :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
     <div class='headlines'>       
                     <!--change this instruction to your own moot-->               
                     <div class='headline'>
                          <h2>Welcome to My Blog</h2>
                         <p> Blog ini membahas seputar trik edit blogger agar lebih menarik. Tidak hanya itu kami bertujuan untuk saling berbagi informasi tentunya di kategori blogspot. Kami sangat senang jika artikel kami bermanfaat bagi anda semua. Berikan komentar jika ada masalah. Akhir kata Happy blogging by Sejuta Trik Blogger
                         </p>
                         <!--link to welcome article-->
                         <a class='learn-more' href='http://sejutatrik.blogspot.com/2008/10/welcome.html'>Learn More</a>
                     </div>       
                 </div></b:if>

Klik preview dan bila sudah puas dengan hasilnya maka klik save. Kode yang berwarna biru adalah kode untuk menampilkan artikel lama atau artikel tertentu pada halaman utama di blogger. Sahabat bisa ganti sesuai selera. Bila sahabat ingin selalu menampilkan artikel tersebut maka hapus kode warna biru. Memang cara ini terbilang sederhana (tidak otomatis) karena kita harus membuat deskripsi artikel namun bagi saya sangat profesional.

Cara tersebut masih sangat sederhana tanpa gambar karena hasil tergantung bawaan template sahabat. Jika ingin mengembangkan menjadi lebih profesional lagi silakan saja sesuai kreatifitas dan minat sahabat seperti menambah gambar atau yang lainnya.

Blogger version 3

Untuk blogger v3 ini lebih mudah karena sudah bawaan template default dari blogspot. Seperti template Contempo, Soho dan Notable sudah ditambahkan otomatis tinggal menambahkan widget seperti biasa. Caranya :

Saat log in blogger dan pada menu layout seperti berikut :
Blogger pada menu Layout
Klik add a Gadget
Add a Gadget
Klik Featured Post dan pilih artikel yang ingin kamu selalu tampilkan pada halaman beranda. Simpan dan kamu sudah bisa menampilkan artikel sesuai pilihan kamu tanpa harus edit HTML.
Updated : 23 Sept 2018

Textual description of firstImageUrl

Membuat Daftar Isi Khusus Posting | Jump Link Blogger

link
Sahabat SEO Blogger! Lama juga tidak posting tips blogger, Sibuk mencari-cari informasi terbaru tentang info Google. Emang Google selalu update layanannya. Baiklah kita bahas tips blogger berikut yaitu

Membuat daftar isi khusus posting | Jump Link Blogger

Daftar isi khusus posting atau membuat jump link di blogger ini bukan membuat daftar isi blog secara keseluruhan, hanya pada satu posting saja. Jump link sama pentingnya membuat link internal untuk mempermudah pengunjung menjelajahi isi blog kita. Jump link artinya link yang melompat ke sebuah artikel di dalam posting. Bukan link eksternal atau link internal dalam artikel lain yang terkait. Jump link ini seperti read more, back to top, back to bottom dll, namun berbeda fungsi dan kode tentunya. Untuk demo silakan cermati dan klik membuat daftar isi posting jump link blogger di bawah ini :
Arti Jump Link
Fungsi Jump Link
Cara Kerja Jump Link
Membuat Jump Link


Arti Jump Link

Jump link kalau diartikan adalah link yang melompat. Tetapi dalam satu posting tertentu, tanpa loading, tanpa membuka tab baru, dan tanpa membutuhkan script yang memberatkan. Banyak sekali model jump link ini digunakan. Seperti halnya readmore (Baca selengkapnya), Back to top, nah jump link juga diartikan link yang merujuk tapi dalam sebuah posting. Yaitu daftar isi khusus di posting. Sudah paham? Mari kita lanjut gan!


Fungsi Jump Link

Seperti di utarakan di atas, jump link berfungsi untuk menegaskan dan mempermudah pembaca menjelajahi, membolak-balik, membaca ulang, atau pun menuju ke sebuah kata atau kalimat yang diklik. Fungsi ini mirip daftar isi, tapi khusus di dalam sebuah posting blogger. Sudah paham juga fungsi jump link? Lanjut lagi bacanya


Cara kerja Jump Link

Seperti read more, atau lebih tepatnya back to top, cara kerja jump link adalah memasukkan kode link sebagai daftar, kemudian membuat target (tujuan jump link). Sebagai contoh berikut alurnya :
Buat artikel > Buat Kode jump link> Buat target atau tujuan kata yang diharapkan (penargetan)

Ingat, kode jump link dan target haruslah sama. Misalkan kita memanggil nama seseorang, jika nama yang dituju berbeda, orangnya juga beda kan? :D

Back to Menu
Membuat Jump Link

Untuk membuat jump link di blogger sangat mudah. Tanpa script yang memberatkan, tanpa juga loading blog. Bila kita membuat back to top (sederhana) loading tidak akan muncul. Berikut cara membuat jump link di blogger.

a. Buat Artikel
Buatlah artikel misalkan 4 paragraf. Misal paragraf 1 kata pertama adalah 'satu', paragraf 2 kata pertama adalah 'dua', paragraf 3 kata pertamanya adalah tiga, dst

b. Buat kode Jump Link (sebuah link daftar isi)
Dari artikel di atas maka setiap link jump link adalah sebagai berikut :
<a href="#satu"/>paragraf 1</a>
<a href="#dua"/>paragraf 2</a>
<a href="#tiga"/>paragraf 3</a>
<a href="#empat"/>paragraf 4</a>

c. Buat target atau tujuan yang diharapkan (penargetan). Inilah cara membuat kata yang ditargetan.
Satu
bla bla bal (isi paragraf 1)

Dua
bla bla bal (isi paragraf 2)

Tiga
bla bla bal (isi paragraf 3)

Empat
bla bla bal (isi paragraf 4)

Setiap kata 'satu', 'dua', 'tiga' dst harus diberi nama atau target. Pemberian target nama adalah sebagai berikut :
<div id="satu"/>
Satu
</div>

dst.
Jika sudah, klik publish dan lihat hasilnya. Akhirnya membuat jump link di blogger sukses dijalankan. Mudah bukan?

Membuat daftar isi khusus posting | jump link blogger ini kita buat saat posisi EDIT HTML. Usahakan berada pada posisi tersebut. Kesalahan saat Compose aktif akan membuat kode juga berubah. Saya sudah mempraktekkan di blog yang lain dan ternyata perlu menghapus beberapa kali id blog. Dan jangan lupa menambahkan tanda # di url jump link. Dengan kode jump link ini tetap lolos W3 Validator. Artinya membuat jump link di blogger ini tetap Valid HTML5. Untuk masalah yang dihadapi, silahkan berkomentar!
Textual description of firstImageUrl

Sekarang New Page Blogger Menjadi 20 Page

Baru beberapa hari yang lalu saya menyembunyikan komentar pada posting tertentu. Cara tersebut saya maksudkan untuk menambah page yang dahulu kuota new page atau halaman page baru di blogger hanya 10. Dikarenakan kuota tersebut sudah saya pakai semua. Eh sekarang new page blogger menjadi 20 page. Nah berikut penampilan sebelum update dan sesudah update.

1. New page blogger yang masih 10 page atau halaman

Create page blogger





2. New page blogger yang ditambah menjadi 20 page atau halaman

New page blogger




Entah dari kapan newpage blogger dari 10 menjadi 20. Yang jelas ini membuat saya senang dan tidak lagi menyembunyikan komentar pada posting tertentu. Nah bagi sobat yang belum mengetahui. Coba dilihat halaman edit pagesnya. Mudah-mudahan sama juga. Saya sudah membuka semua blog saya dan hasilnya pun sama. Ada penambahan kuota untuk new page di halaman blog. Tentu ini kelebihan blogger memudahkan SEO Blogger kita dengan urlnya bukan?

Akhir kata sekian update blog ini. Mudah-mudahan update dengan judul Sekarang new page blogger menjadi 20 page bermanfaat.

Happy Blogging!
by. Sejuta Trik Blogger
Textual description of firstImageUrl

Cara Ganti Blockquote Modifikasi di Blogger

blockquote
Di dalam posting blogger pada menu ada tombol seperti di atas. Tombol tersebut adalah menu untuk membuat blockquote. Apasih blockquote itu? Menurut sejuta trik blogger blockquote berarti petikan posting. Blockquote memperjelas apa yang kita posting di blogspot. Misalnya kita memposting beberapa sub judul. Dalam sub judul itu kita dapat memperjelas dengan petikan posting yang kita sebut sebagai blockquote. Mari kita bahas cara ganti blockquote modifikasi di blogger

Secara default atau bawaan, blockquote di tunjukkan kurang lebih seperti ini

blockquote
Dari gambar di atas, kode dalam membuat blockquote bawaan kurang lebih adalah di bawah ini

.blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: #e0ffff;
border: 2px solid #4aa02c;
border-left: 20px solid #4aa02c
}

.......

Dan pada saat posting (Posisi Edit HTML) adalah
<blockquote style="overflow:auto;height:200px;padding:10px;background:black;color:lime;">
Disini Text Anda
</blockquote>

Jika sahabat tidak suka dengan blockquote bawaan blogger dan ingin merubah blockquote bawaan blogspot dengan style modifikasi berikut ini caranya
1. Login di blogspot
Blogger Login
2. Sahabat akan di bawa ke dashboard.
Blogger Dasboard

3. Klik Menu Design seperti gambar di bawah ini :
Dasbor Blogger design
4. Klik Template
Blogger Login
5. Backup dulu template sobat dengan klik tombol seperti di bawah ini
Blogger Backup and restore
6. Klik edit HTML
Blogger Edit Html
7. Klik Proceed


8. Centang  Expand Widget Template


9. Cari kode blockquote seperti ini  (Biasanya 2 baris) :
.blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: #e0ffff;
border: 2px solid #4aa02c;
border-left: 20px solid #4aa02c
}


.......

10. Hapus semua kode tersebut dan ganti dengan pilihan kode berikut :

a. Blockquote dengan background kertas bergaris

.post blockquote {
background: #fff url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5kiMw3zI/AAAAAAAACQM/amZu50-o8aE/s1600/notebook-with-numbers.gif) repeat-y;
margin: 0 20px;
padding: 0px 20px 5px 55px;
color:#7a7a7a;
font: bold 0.9em  "Comic Sans MS", verdana;
line-height: 153%;
}
.post blockquote p {
margin: 0;
}

Ket : ubah kode yang ditandai dengan warna-warni di atas sesuai selera sobat.  Untuk ganti background gambar, Tinggal klik kanan dan klik simpan lokasi gambar. Dan berikut pilihan backgroundnya  :

blockquote
blockquote
blockquote
blockquote
blockquote


b. Blockquote efek timbul dan shadow
.post blockquote {
    border:5px #dcdcdc solid;
    background:#f6f6f6 url(http://www.opendrive.com/files/7045660_cNVdE/quote.png) 0px 0px no-repeat;
    padding:7px;
    padding-left:65px;
    margin:20px 0;
    }

    blockquote:hover {
    border:5px #f2f2f2 outset;
    color:#000
    background:#f2f2f2 url(http://www.opendrive.com/files/7045660_cNVdE/quote.png) 10px 15px no-repeat;
    -moz-box-shadow: 0 0 40px #B0C4DE;-webkit-box-shadow: 0 0 40px #B0C4DE;box-shadow: 0 0 40px #B0C4DE;
    color:#000;
    }

    .post blockquote p {
    margin: 0;
    padding-top:10px;
    }

c. Blockquote dengan scrool

Untuk blogquote dengan scrool, cara pembuatannya adalah manual seperti membuat text area. Yaitu dengan kode berikut ini pada posisi Edit HTML saat posting.

<blockquote style="overflow:auto;height:200px;padding:10px;background:black;color:lime;">
Disini Text Anda
</blockquote>


Keterangan :
Image by : Drupal.org
Trick by  : My Blogger Trick

Saya lebih suka Cara Ganti Blockquote Modifikasi di Blogger untuk menampilkan kode html dengan blockquote dari pada dengan text area. Mohon maaf tidak disertai dengan demo nyata. So, silakan tentukan pilihan sobat.


Happy Blogging!
by. Sejuta Trik Blogger
Thanks for reading ! 




Textual description of firstImageUrl

Tips Menulis Kreatif Dari Raditya Dika

marmut merah jambu
Siapa gak kenal Raditya Dika. Dengan blog yang unik, bila belum kunjungi blognya silakan meluncur di blognya. http://radityadika.com/. Disana akan kita dapatkan konten asli yang menurut saya berkata 'kok bisa?' Dari web tetangga sejuta trik blogger menemukan Tips Menulis Kreatif dari Raditya Dika.

Penulis sekaligus blogger Raditya Dika berbagi Tips  Menulis Kreatif di hadapan ratusan mahasiswa dalam Talkshow Kreatif Menulis, Rejeki Tak Akan Habis di Balai Santika, Kampus Universitas Padjadjaran (Unpad) Jatinangor, Kabupaten Sumedang, Kamis (13 Oktober 2011).

"Menulis adalah tentang bagaimana cara kita menunjukkan dan menceritakan sesuatu pada pembaca agar pembaca kita ikut merasakan apa yang ingin kita sampaikan," kata Raditya dalam talkshow tersebut.

Talkshow yang diselenggarakan Himpunan Mahasiswa Jurnalistik (HMJ) Fakultas Ilmu Komunikasi (Fikom) ini memang menitikberatkan pada bagaimana cara menulis yang kreatif. Seperti yang diungkapkan ketua pelaksana kegiatan, Reta Yudistyana di sela-sela talkshow.

"Pesan yang ingin kami sampaikan melalui kegiatan ini adalah bahwa menulis itu tidak harus selalu berkenaan dengan sesuatu yang berat," kata Reta.

Menulis kreatif misalnya, lanjut Reta, menceritakan pengalaman atau kejadian yang kita alami sehari-hari ternyata bisa menjadi sesuatu yang bernilai, bahkan bisa menjadi profesi seperti halnya Raditya Dika.

Dalam kegiatan interaktif tersebut Raditya memaparkan empat kiat untuk menghasilkan tulisan yang kreatif.

"Kita bisa mengangkat cerita berdasarkan pengalaman pribadi, misalnya pengalamanan percintaan kita atau kejadian yang memalukan yang bisa menimbulkan efek komedi," kata Raditya.

Raditya juga berbagi tentang cara merangkai dialog yang menarik dan hidup, trik menciptakan visualisasi di benak pembaca, dan membuat kalimat awal yang menarik bagi pembaca.

"Di awal cerita yang kamu buat, kamu harus mampu membuat pembaca tertarik mulai dari awal kalimat yang kamu tulis. Jadi first line itu sangat menentukan," katanya.

Dalam talkshow itu Raditya yang juga dikenal sebagai penulis muda yang kocak, tidak henti-hentinya membuat peserta tertawa karena selentingannya yang segar dan menghibur.

Hal itu diakui seorang peserta, Raisa. Menurutnya talkshow ini sangat santai dan menyenangkan, seru bawaannya santai. Dari tadi ketawa terus karena diselingi lawakan khas Raditya. "Jadi materi yang disampaikan pun lebih mudah dimengerti," katanya.

Raisa juga mengaku, talkshow bersama Raditya ini sangat menginspirasi dirinya untuk membuat karya.

"Tips-tips yang disampaikan Raditya sangat membantu saya karena sebagian besar tips yang dikasih sesuaikan dengan kesulitan yang seringkali saya hadapi ketika akan membuat tulisan atau cerita," lanjut Raisa.

Pada akhir talkshow, seluruh peserta diberi waktu untuk menuangkan idenya ke dalam suatu tulisan.

"Peserta langsung diajak untuk mempraktekan tips dari Raditya ke dalam bentuk tulisan, kami beri waktu sekitar 15 menit. Kemudian seluruh tulisan peserta akan diapresiasi langsung oleh Raditya. Karya terbaik akan mendapatkan hadiah," kata Reta.

Kegiatan praktek itu, lanjut Reta, juga merupakan upaya untuk memfasilitasi peserta dalam menuangkan ide dan kemampuan menulis mereka. Terlebih dapat berinteraksi dan diapresiasi langsung oleh ahlinya.

Memang menulis tidak terpaku pada topik yang berat, tapi terpaku pada slogan blog kita. Nah kalau kita inget slogan blog kita, pasti kita jadi semangat dan isi tulisan akan tidak jauh menyimpang dari slogan blog kita. Maaf tidak ada kaitannya dengan Tips Menulis Kreatif dari Raditya Dika. He2. Semoga membantu memecahkan masalah sobat.

Sumber : Kapanlagi.com
Happy Blogging!
by. Sejuta Trik Blogger
Textual description of firstImageUrl

Cara Mudah Posting Dengan Emoticon

Hi sahabat sejuta trik blogger? Posting lagi nih seputar posting blog. Kali ini Cara Mudah Posting Dengan Emoticon. Sudah banyak yang menjelaskan tentang Posting Blog dengan Emoticon. Tapi Sejuta Trik Blogger akan memberikan trik untuk mempermudah sahabat semua untuk posting di blogspot dengan emoticon.

Ada banyak alasan kenapa kita menambah emoticon dan memasukkan ke dalam postingan. Ada yang menganggap kalau posting di blogger dengan emoticon itu mencerminkan mood dari penulisnya. Ada juga manfaat emoticon di posting dapat mengusir jenuh bagi pembaca yang sebagian disuguhi dengan banyaknya tulisan.

Adanya emoticon di posting blogspot akan membuat suasana lebih atraktif dan menyenangkan sehingga pengunjung semakin betah dengan adanya gurauan kecil dari emoticon itu sendiri. Baik untuk lebih cepatnya kita praktik saja.

Sejuta Trik Blogger memberikan tips kecil dan mungkin bermanfaat bagi sahabat semua karena dalam menambah emoticon di setiap posting ini sahabat tidak perlu mengedit html sobat. Apa lagi menginstal add ons firefox. mad0025 Free Emoticons   Anger Nah berikut ini caranya :


1. Sahabat tinggal posting seperti biasa.
2. Pergi ke alamat free emoticon di bawah ini.
http://www.emoticonsfree.org/
Klik dan sobat akan menemukan emoticon lucu di sana.
3. Jika sudah memilih emoticon Klik kanan pada gambar tersebut.
4. Copy dan Pastekan pada postingan sobat dalam keadaan Edit HTML.
5. Dari hasil kopi paste tersebut saya ambil contoh kodenya :
<a href='http://www.emoticonsfree.org/'><img src='http://www.emoticonsfree.org/wp-content/uploads/mad0025.gif' alt='mad0025 Free Emoticons   Anger'></a>

6. Hapus kode biru
7. Tambahkan kode :
 height="15px" width="auto" style="border:none"

sebelum kode  '>

sehingga kode akhir menjadi
<img src='http://www.emoticonsfree.org/wp-content/uploads/mad0025.gif' alt='mad0025 Free Emoticons   Anger' height="15px" width="auto" style="border:none">

contoh :


Cara ini memang mad0216 Free Emoticons   Anger saya mohon love0029 Free Emoticons   Loveatas kekurangan. jangan beri pada saya mad0055 Free Emoticons   Anger agar saya tidak  mad0171 Free Emoticons   Anger kalau boleh beri love0039 Free Emoticons   Love dan akhir kata sign0111 Free Sign Emoticon

Happy Blogging! by. Sejuta Trik Blogger
Textual description of firstImageUrl

Posting Gambar Berdampingan Dengan Teks

Update 10 Oktober 2018
Posting Gambar Berdampingan dengan teks dapat dilakukan pada saat upload gambar dalam keadaan 'Edit HTML' saat posting. Tapi bagaimana jika kita mengedit posting yang sudah terlanjur diposting? Apakah harus upload lagi?

Tujuan Posting Gambar Berdampingan dengan teks ini membuat area posting menjadi penuh dan simpel. Jadi untuk menghemat tempat area posting namun tertata rapi agar pengunjung betah membaca artikel sampai habis. Dan dengan tujuan mendapatkan trafik blog dengan banyak kunjungan halaman.

Terdapat 2 cara atau metode untuk membuat gambar berjajar seperti berdekatan namun mempunyai fungsi sendiri. Menampilkan gambar di kiri dan kemudian menyisipkan teks di sebelah kanan gambar ataupun sebaliknya. Caranya dengan html tabel dan pengaturan CSS. Bagaimana melakukannya? Berikut penjelasan saya semoga mudah dipahami.

1. Membuat Posting 2 Gambar Menggunakan HTML Tabel
Caranya :
Saat posting artikel seperti biasa, posisi menulis pada 'edit html' jika masih keadaan "COMPOSE" Klik saja "EDIT HTML". Lalu tambahkan tag html tabel seperti ini :

<table><tr>
<td>alamat gambar sobat (kode gambar sobat)</td>
<td>alamat gambar sobat (kode gambar sobat)</td>
</tr></table>

Jika lebih dari 2 gambar sobat tinggal tambahkan kode <td>alamat gambar sobat (kode gambar sobat)</td> dan seterusnya sebelum </tr></table>

Maka hasilnya adalah sebagai berikut :
logo blogger
logo blogger
2. Posting Gambar Berdampingan Dengan Pengaturan CSS
→ Hasilnya seperti berikut ini:
problem Ada problem pertanyaan tentang Google Adsense? Kami siap membantu anda. Jika jawaban kami tidak dapat membantu, kunjungi beberapa pusat bantuan dan dukungan Google Adsense. Semoga anda puas dengan jawaban kami, terima kasih sudah berkunjung di blog ini. Komentar belum sempat di balas semua karena saya sedang belajar seo blogspot dan adsense :D


→ Sedangkan kodenya seperti ini :

<img alt="problem" class="kiri" height="100px" src="https://1.bp.blogspot.com/-lmgSTQYm8es/W5CnRBuuAFI/AAAAAAAAEP0/6QUYIQax8iAITE_ke9t5ZQX1lAUfPfG-wCLcBGAs/s1600/010-problem.png" title='problem'/> Ada problem pertanyaan tentang Google Adsense? Kami siap membantu anda. Jika jawaban kami tidak dapat membantu, kunjungi beberapa pusat bantuan dan dukungan Google Adsense. Semoga anda puas dengan jawaban kami, terima kasih sudah berkunjung di blog ini. Komentar belum sempat di balas semua karena saya sedang belajar seo blogspot dan adsense :D </br>


→ Lalu yang selanjutnya tambahkan css seperti berikut :

<style> img.kiri { float: left; margin: 5px;} img.kanan { float: right; margin: 5px; } </style>


Teman-teman bisa mengubah ukuran tinggi gambar dengan mengubah nilai css height dengan varian angka 'px' maupun '%' bagi teman-teman yang menggunakan design responsive. Pengaturan tinggi pendeknya serta lebar gambar dapat disesuaikan dengan selera kamu sesuai konten disampingnya.

2 Langkah mudah memposting gambar berdampingan yaitu dengan menggunakan HTML Table dan pengaturan CSS blogger. Beberapa blogger sering mengabaikan tehnik sederhana ini. Namun percayalah saat penggunaan format artikel gambar-text atau text-gambar bisa kanan bisa kiri, saya yakin artikel di blog kita terlihat rapi dan elegant. Untuk faktor seo terutama pengunjung akan dimudahkan dalam membaca dan mempelajari artikel. Terutama bagi aku yang sedang belajar seo blogspot apalagi pemula seperti saya bahwa penggunaan gambar posting berdampingan adalah hal yang selalu saya praktekkan saat posting seperti blog saya yang lain.

Kumpulan Cara Membuat Text Area

Ada berbagai macam cara membuat text area. Ada text area biasa, ada text area sensitif select all ada yang berwarna. Yuk langsung saja membahas Kumpulan Cara Membuat Text Area.

Text area ini dapat diletakkan di area posting dan widget sobat. Caranya kalau di posting sobat harus memencet edit HTML saat memposting. Nah berikut Kumpulan cara membuat text area. Sobat tinggal copy paste pada tampilan berikut ini :


1. Text Area Biasa
<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Hasilnya :


2. Text Area Hightlight All
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Hasilnya :
3. Text Area Berwarna


<center><textarea name="code" rows="2" cols="50" style="background: #EFF5FB; color: #000; border: 1px solid #ccc; border-left: 20px solid #0174DF; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :




<center><textarea name="code" rows="3" cols="42" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>



Hasilnya :


<center><textarea name="code" rows="2" cols="40" style="background:#E0ECF8; color:#FF0000; border-bottom: 4px solid #FE2E2E; border-right: 4px solid #01DF01; border-top: 4px solid #01DF01; border-left: 4px solid #FE2E2E; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :



<center><textarea name="code" rows="2" cols="42" style="background: #F8ECE0; color: #848484; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :




<center><textarea name="code" rows="2" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :




<center><textarea name="code" rows="2" cols="42" style="background: #FAAC58; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"><center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center></textarea></center>


Hasilnya :



<center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>
Hasilnya :



Masih banyak kumpulan cara membuat text area. Masih banyak juga yang mesti dibenahi dalam membuat text area yang dinamis. Yang pasti dengan info di atas sobat bisa kreasikan sendiri kode-kode di atas itu.

Membuat Judul Posting Membuka Tab Baru Saat Diklik

Membuat Judul Posting Membuka Tab Baru Saat Diklik kata para SEO Master kurang berdampak positif, katanya SEO yang buruk. Bagaimana pendapat sobat, kalau saya Judul posting yang membuka tab baru saat diklick akan memudahkan pengunjung agar tidak bolak balik pada home page, atau posingan, jadi lebih untung kan, So buat temen2 yang ingin membuat judul posting membuka tab baru saat di klik atau bahasa kerennya open new tab tittle post kalau tidak keliru saya he2
Langsung log
Menuju Design ato rancangan
Menuju Edit HTML
Download template penuh untuk backup
Untuk kamu pecandu mozilla gunakan Ctrl + F cari kode ini
Kode 1
<a expr:href='data:post.url'><data:post.title/></a>

Penting :
Untuk template SEO Friendly berbeda kodenya seperti ini :
 Kode 2
<a expr:href='data:post.url'  expr:title='data:post.title'><data:post.title/></a>


Jadi perhatikan, jika link judul posting sobat ada title atau keterangannya, maka cari no2, jika tidak no.1. Bingung? silakan buka cara membuat keterangan pada judul posting. Di sana akan dijelaskan caranya.


Jika udah cukup ditambah target blank di belakang data post url. Maka kodenya menjadi
Hasil Kode 1
<a expr:href='data:post.url' target='_blank'><data:post.title/></a>

atau kalau kode no2 menjadi seperti ini
Hasil Kode 2

<a expr:href='data:post.url' target='_blank' expr:title='data:post.title'><data:post.title/></a>

Nah gimana gan, apakah judul posting jika diklik sudah membuka halaman baru atau belum, 
Seperti itulah cara membuat Judul Posting Membuka Tab Baru. Semoga bermanfaat.

Membuat Judul Posting Berkedip

Langsung saja cara Membuat Judul Posting Berkedip atau blink-blink

cari kode judul ini
<a expr:href='data:post.link'><data:post.title/></a>

Tambahkan kode blink di depannya  sehingga menjadi 
<blink><a expr:href='data:post.link'><data:post.title/></a></blink> 

Lanjut dengan mencari 
<a expr:href='data:post.url'><data:post.title/></a>

Tambahkan juga kode blink di depannya sehingga menjadi 
<blink><a expr:href='data:post.url'><data:post.title/></a></blink>

Nah, hanya seperti itulah cara membuat judul posting berkedip. Selamat mencoba