Cara Membuat Text Area di postingan berbasis blockquote, [SEOSangatMudah] - Hallo sobat blogger yang berbahagia Tips & Trik SEO, Posting yang saya unggah pada kali ini dengan judul Cara Membuat Text Area di postingan berbasis blockquote, [SEOSangatMudah] , Artikel ini bertujuan untuk memudahkan kalian mencari apa yang kalian inginkan, kami telah mempersiapkan artikel ini dengan baik untuk kalian baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Aplikasi Konten, yang kami tulis ini dapat kalian pahami dengan baik, semoga artikel ini berguna untuk kalian, jika ada kesalahan penulisan yang dilakukan oleh penulis mohon dimaafkan karena penulis masih newbie. baiklah, selamat membaca.

Judul : Cara Membuat Text Area di postingan berbasis blockquote, [SEOSangatMudah]
link : Cara Membuat Text Area di postingan berbasis blockquote, [SEOSangatMudah]

Cara Membuat Text Area di postingan berbasis blockquote, [SEOSangatMudah]

Jika blog anda berisi HTML Sharing,tentu dengan menggunakan text area akan lebih memudahkan bagi para pengunjung blog untuk melakukan Copy,disamping itu pula akan lebih memperindah tampilan postingan anda,yang akan saya uraikan mengenai Cara Membuat Text Area di postingan berbasis blockquote berikut adalah pada level basic,maksudnya kode-kode tersebut dibawah bisa anda modifikasi kembali agar sesuai dengan style anda.

Untuk penerapannya dengan mengikuti langkah-langkah sebagi berikut,

1. masuk ke Template
2. edit HTML
3. tekan Ctrl+F
4. cari kode ]]></b:skin>
5. lalu paste-kan kode HTML Text Area pilihan anda di atas ]]></b:skin>
6. save

• Kemudian jika saat hendak menggunakan atau memunculkannya pada postingan anda cukup klik new post

• Masukkan kode HTML/CSS/Jquery yang hendak anda tampilkan pada kolom text area

• Select kode HTML/CSS/Jquery anda

• Setelah kode tersebut anda select,kemudian klik Quote sekali,(lihat gambar)

• Selesai,publikasikan postingan anda

Berikut beberapa contoh text area mengunakan <blackquote>

1. Text Area blockquote 001

Kode yang anda paste-kan diatas ]]></b:skin>

 .post blockquote {
background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4LRgLH04qGiQRkfN8dFrPwdK6ZYM1GLFX827S7Ncldbz3s6ZHakVx1W5cvTgJr15OPlVWIy_GXj8B-utyDT0CJvlIf9XNo3wFRto34Ukiqyqw_RZdaT-vPlLZUStbRWZC3d_6m2UheVM0/s1600/ta1.png);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 2px solid #DDD;
border-right: 5px solid #666;
border-left: 2px solid #DDD;
border-bottom: 5px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal  sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;
}
.blockquote p {
margin: 0;
padding-top:10px;
}

2. Text Area Blockquote 002

Kode yang anda paste-kan diatas ]]></b:skin>

 .post blockquote {
background: #E9E9E9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJG8KzrtfeSejMzWMjGYp93eNmgXhMHWEKQq7tE5dd7GmXuoU-Q8R_AbIE_GCyRQnDSZ-x_KzuPOIodpcIsUCrWAzmOZ8nGMbeQ2uiCdzEro-eINTFfIJDkJtdqOlT_ckrvNr442aaYDCN/s1600/ta.png);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 2px solid #DDD;
border-right: 5px solid #666;
border-left: 2px solid #DDD;
border-bottom: 5px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal  sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;
}
.blockquote p {
margin: 0;
padding-top:10px;
}

3. Text Area Blockquote 003

Kode yang anda paste-kan diatas ]]></b:skin>

 .post blockquote {
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKgyTd2UUO5fFfATxEbacblLJMygR8mqriKxRJcoxJk9yo_sit-5PO0_YWW3SReSbVkXJWpb1zg4iDpsGHHuSjXRX633LPjAghR4d7fA3uC8IBfRRxkw2eqtdm1Y97XwKer9sHORphGSOj/s1600/ta2.png);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 2px solid #DDD;
border-right: 5px solid #666;
border-left: 2px solid #DDD;
border-bottom: 5px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal  sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;
}
.blockquote p {
margin: 0;
padding-top:10px;
}

3. Text Area Blockquote 004

Kode yang anda paste-kan diatas ]]></b:skin>

 .post blockquote {
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixo3HNE78Q4tJ-LpHUKrQkRvsWG8KbRpO1urSMUFZ833FrlXUcVDHb3uH29sqfZru5yBX1Zuz_4tH1LwagiFkZBerVqNMCTI2kIDTRKP3fi_rLwITkvHBh-oDAgTxfC3S19RoxcEMg5QuI/s1600/ta3.png);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 2px solid #DDD;
border-right: 5px solid #666;
border-left: 2px solid #DDD;
border-bottom: 5px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal  sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;
}
.blockquote p {
margin: 0;
padding-top:10px;
}

jika masih ada kendala dalam penerapannya silahkan anda tanyakan melalui kolom komentar,atau jika anda mengingnkan style yang berbeda dengan background yang berbeda pula,contohnya background keinginan anda,insyaallah saya bisa membantu.hubungi saya melalui komentar dan email.

terima kasih atas partisipasi anda pada blog ini,saya sangat menghargainya

baca juga artikel saya tentang cara membuat breadcrumbs stylish navigator pada link berikut

http://seoptimasi.blogspot.com/2014/11/cara-membuat-google-breadcrumbs-stylish.html

Demikianlah Artikel Cara Membuat Text Area di postingan berbasis blockquote, [SEOSangatMudah]

Sekianlah artikel Cara Membuat Text Area di postingan berbasis blockquote, [SEOSangatMudah] kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Text Area di postingan berbasis blockquote, [SEOSangatMudah] dengan alamat link https://seosangatmudah.blogspot.com/2014/11/cara-membuat-text-area-di-postingan.html

Tweet