Cara Membuat Teks Dummy Seperti Jagoan Desain di Blogger
- Galeh
- Kamis, 16 Juni 2022
- Tulis Komentar
Duta Bloger - Halo sobat Duta, kembali lagi dengan admin yang pada kali ini akan membagikan cara membuat teks dummy seperti jagoan desain di blogger , Untuk sobat yang berprofesi sebagai seorang designer, pasti sering mengalami keadaan dimana memerlukan teks sementara untuk bahan design layout. Bisa dikarenakan teks aslinya belum ada atau hanya untuk sekedar contoh.
Dummy Text bisa menjadi solusinya. disini admin tidak merekomendasikannya untuk digunakan sebagai pengganti artikel tetapi sobat dapat menggunakannya untuk menampilkan demo widget atau kode sobat.
Membuat Teks Dummy Seperti Jagoan Desain di Blogger
1. Silahkan Sobat duta Login ke Blogger.
2. Selanjutnya masuk ke menu TEMA > klik Edit HTML.
3. Kemudian sobat cari kode berikut ini ]]></b:skin> atau </style> dan pastekan kode css dibawah ini tepat DIATAS kode tersebut.
/* Dummy text */
.duta_dummy{display:block}
.duta_dummy i{display:block;height:16px;margin-bottom:8px;background:#f2f1f7;border-radius:30px;}
.duta_dummy i.img{margin:0 auto;max-width:85%;height:180px;border-radius:10px}
.dummy-header{position:relative;background:#fff;border-radius:6px;padding:15px 15px;box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}
.dummy-header .flex{display:flex;display:-webkit-flex}
.dummy-header .flex i{width:60px;margin:0 10px 0 0}
.dummy-header .flex i:last-child{margin:0}
.drK .duta_dummy i{background:#252526;}
4. Selanjutnya Sobat SIMPAN TEMA.<p class="duta_dummy">
<i style="margin-left: 10%;"></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i style="width: 30%;"></i>
</p>
<p class="duta_dummy">
<i style="margin-left: 10%;"></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i style="width: 30%;"></i>
</p>
<p class="duta_dummy">
<i style="margin-left: 10%;"></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i style="width: 30%;"></i>
</p>
6. Silahkan sobat klik PUBLIKASIKAN dan Selesai.
Belum ada Komentar