Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Saturday, February 9, 2019

Cara Membuat Syntax Highlighter Blogger Terbaru

Cara Membuat Syntax Highlighter Blogger Terbaru

Assallamuallaikum Wr.Wb

Dikesempatan ini saya akan memberikan sebuah tutorial singkat bagaimana cara membuat syntax highlighter di blogger atau website

Oke simple aja caranya
Copy paste code dibawah ini
dan taruh di atas tag <head>

<link href="https://raw.githubusercontent.com/ccampbell/rainbow/master/themes/css/paraiso-dark.css" rel="stylesheet" type="text/css">
<script src="https://raw.githubusercontent.com/ccampbell/rainbow/master/dist/rainbow.js"></script>
<script src="https://raw.githubusercontent.com/ccampbell/rainbow/master/src/language/python.js"></script>
<script src="https://raw.githubusercontent.com/ccampbell/rainbow/master/src/language/language/php.js"></script>
Untuk bahasa pemograman nya bisa kalian ubah sendiri atau tambahkan sendiri

Untuk menggunakan nya sendiri cukup simple agan tinggal menggunakan tag ini saat ingin menulis code di blog atau website anda
<pre><code class="python">

def openFile(path):
    file = open(path, "r")
    content = file.read()
    file.close()
    return content

kata python bisa di ganti sesuai dengan bahasa pemograman yang akan agan tampilkan nantinya

 untuk HTML sendiri agan harus perlu memparsing dulu htmlnya supaya bisa tampil

 buka web ini untuk memparsing nya
http://www.blogcrowds.com/resources/parse_html.php

Wednesday, February 6, 2019

Cara Membuat Blockquote Blogger Keren Dengan CSS

Cara Membuat Blockquote Blogger Keren Dengan CSS


Assallamuallaikum sobat coders

Kali ini kita akan membahas bagaimana sih cara membuat blockquote keren untuk blogger atau website hanya dengan css? 

Sebelum itu,  Apasih blockquote itu? 
istilah Blockquote adalah milik umum dalam dunia bahasa. Yaitu sebuah penekanan. Sebuah kata kunci yang menjadi sorotan penting dari sebuah pembicaraan. Tapi sejak abad Internet, Blockquote akhirnya menciut seolah istilah itu adalah milik dunia web dan blog. Khususnya dalam dunia blogging. Tapi sudahlah. Mau datang dari mana dan milik siapa yang jelas sebagai seorang Blogger sebaiknya anda tahu apa itu Blockquote.

Nah untuk membuatnya agar lebih keren

Agan tinggal pasangkan css ini di atas tag </ style >


blockquote {
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKhjOAo6oZ9H0lopeqp8k3O90s4VxRdE7StSnofpkuE65ov9Aun3nonz5tWrjGzBx0h0MGFzlc__MMmaZb-zbworStGraDiBhktFtWpB1Ao2YH3h1KRHgGv_0cv6AXC5VaoZCiWGIv9MI/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0px 50px 0px 50px;
padding: 30px 30px 30px 50px;
color: #C7CACF;
font: normal 1.105em Helvetica, verdana, serif, Georgia, “Times New Roman”;
.post blockquote p {
margin: 0;
padding-top: 10px;
}

Ads 970x90