Hello sobat IcloudZer kali ini admin akan memberikan informasi seputar dunia blogging dan akan memberikan informasi seputar Tips blogger untuk anda, dan kali ini admin bakalan membahas bagaiamana sih caranya membuat sumber refrensi diblogger
Info: Ya udah jika kamunya sudah penasaran yuk langsung aja kita bahas bersama sama oke
Sumber refrensi
Apa itu sumber referensi? sumber referensi merupakan sebuah informasi yang diperoleh melalui suatu pihak, dan kemudian informasi tersebut diolah atau diinformasikan kembali untuk disebar luaskan, nah informasi yang kita peroleh tersebut disebut sumber referensi atau mengambil sebagian informasi dari berbagai pihak dan dikombinasikan menjadi satu informasi yang lengkap
Sumber refrensi diblogger
Sedangkan untuk sumber referensi diblogger ditampilkan pada saat atau ingin menyertakan sumber yang diperoleh dari refrensi artikel yang kita posting dan kita bahas
Sumber refrensi Costum
Nah sebenarnya untuk menampilkan sumber referensi diblogger sangat mudah dengan menampilkan keterangan berupa link atau judul dari setiap refrensi yang kita peroleh melalui text tulisan, tetapi kali ini admin bakalan memberikan informasi mengenai bagaiamana caranya membuat sumber referensi yang menarik lagi keren untuk dipakai dipostingan blog
Cara pembuatan
Baiklah yang harus kamu lakukan cuma perlu mengikuti sumber pada tutorial ini, untuk membuat sumber refrensi diblogger dengan tampilan keren
Penting: Karena apa? Karena...sumber mah bebas, maka jadilah sumber dari segala kebaikan okay haha, ikuti saja sumbernya (langkah-langkah nya) mudah kok
Kode CSS
Salin kode CSS dibawah ini kemudian kamu bisa menempelkannya diatas kode ]]></b:skin>
ul.rahsumber li{
margin-bottom:5px;
}
ul.rahsumber{
font-family:'Noto Sans',sans-serif;
line-height:1.3em;
font-size:11px;
padding:0;
list-style:none;
font-style:italic;
color:#989B9F;
margin:1.5em 0;
}
ul.rahsumber:before{
content:'Sumber Referensi :';
display:block;
margin-bottom:5px;
font-weight:600;
font-style:normal;
font-size:12px;
}
Info: Atau kamu juga bisa menggunakan tag style untuk meletakkan kode CSS diatas
Kode HTML
Langkah selanjutnya adalah kamu bisa menyalin dan menggunakan kode HTML dibawah ini untuk membuat sumber refrensi nya
<ul class='rahsumber'>
<li>https://www.icloudice.com</li>
<li>https://www.icloudice.com</li>
<li>https://www.icloudice.com</li>
<li>https://www.icloudice.com</li>
</ul>
Info: Kamu bisa mengubah text yang kamu perlukan untuk ditampilkan sebagi sumber referensi
Penjelasan Lengkapnya
Pada kode CSS diatas adalah untuk membuat tampilan dari sumber referensi tersebut, sedangkan pada kode HTML nya adalah kode penggunaan saat ingin menampilkan sumber referensi didalam postingan blog, kamu bisa menggunakan nya pada saat membuat postingan dan harus menggunakan mode HTML bukan Compose okay
Contoh Tampilan
Baiklah admin bakalan memberikan contoh tampilan dari sumber refrensi tersebut, berikut ini adalah contoh tampilannya
- https://www.icloudice.com
- https://www.icloudice.com
- https://www.icloudice.com
- https://www.icloudice.com
Info: Bagaiamana sobat dengan contoh tampilan dari sumber refrensi nya keren bukan 😍