1. Application for permission to blog JS Park
We need to enter the park custom blog template blog page, request access to the blog page run js park management team. Park [blog] -> [Settings] -> [blog] settings, permissions apply js click on the page and fill out the application of reason, patience, wait a few minutes, then refresh the page will display support js code blog garden also It will be sent to you whether to open js privileges in the user mailbox.
2. Add the CSS Styles
We [Management] -> [Settings] -> [blog Settings] -> [Page] custom CSS code, paste in the following code, of course, can also be customized according to their preferences
. 1 #cnblogs_post_body 2 { . 3 Color: Black; . 4 font: 0.875em / 1.5em "Microsoft elegant black", "PTSans", "Arial", Sans-serif; . 5 font- size: 15px; . 6 } . 7 # various levels title color style . 8 #cnblogs_post_body h1 of { . 9 background: # 2B6695; 10 border- RADIUS: 6px 6px 6px 6px; . 11 Box-Shadow: 0 0 0 # 5F5A4B 1px, 1px 1px 1px 6px RGBA (10, 10, 0, 0.5 ) ; 12 Color: #FFFFFF; 13 font-Family: "Microsoft elegant black," "Times New Roman", "black body" , Arial; 14 font-size: 23px; 15 font-weight: bold; 16 height: 25px; 17 line-height: 25px; 18 margin: 18px 0 !important; 19 padding: 8px 0 5px 5px; 20 text-shadow: 2px 2px 3px #222222; 21 } 22 #cnblogs_post_body h2 { 23 background: #008eb7; 24 border-radius: 6px 6px 6px 6px; 25 box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); 26 color: #FFFFFF; 27 font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; 28 font-size: 20px; 29 font-weight: bold; 30 height: 25px; 31 line-height: 25px; 32 margin: 18px 0 !important; 33 padding: 8px 0 5px 5px; 34 text-shadow: 2px 2px 3px #222222; 35 } 36 #cnblogs_post_body h3 { 37 background: #399ab2; 38 border-radius: 6px 6px 6px 6px; 39 box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); 40 color: #FFFFFF; 41 font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; 42 font-size: 18px; 43 font-weight: bold; 44 height: 25px; 45 line-height: 25px; 46 margin: 18px 0 !important; 47 padding: 8px 0 5px 5px; 48 text-shadow: 2px 2px 3px #222222; 49 } 50 #cnblogs_post_body h4{ 51 background: #2B6600; 52 border-radius: 6px 6px 6px 6px; 53 Shadow-Box: 0 0 0 # 5F5A4B 1px, 1px 1px 1px 6px RGBA (10, 10, 0, 0.5 ); 54 is Color: #FFFFFF; 55 font-Family: "Microsoft elegant black", "Times New Roman", "bold" , Arial; 56 is font- size: 16px; 57 is font- weight: Bold; 58 height: 24px; 59 Line- height: 23px; 60 margin: 12px 0! Important; 61 is padding: 5px 0 5px 10px; 62 is text-Shadow: # 222222 2px 3px 2px ; 63 is } 64 # a page tag mouse position 65 #cnblogs_post_body H2: {a 66 color: rgb (235, 235, 235 ); 67 } 68 #cnblogs_post_body h2 a: hover { 69 color: rgb (255, 102, 0 ); 70 } 71 #页面中标题位置 72 #cnblogs_post_body h1 { 73 color: rgb (235, 235, 235 ); 74 } 75 #cnblogs_post_body h1: hover { 76 color: rgb (255, 102, 0 ); 77 } 78 #cnblogs_post_body h2 { 79 color: rgb (235, 235, 235 ); 80 } 81 #cnblogs_post_body h2: hover { 82 color: rgb (255, 102, 0); 83 } 84 #cnblogs_post_body h3{ 85 color: rgb(235, 235, 235); 86 } 87 #cnblogs_post_body h3:hover{ 88 color: rgb(255, 102, 0); 89 } 90 #cnblogs_post_body h4{ 91 color: rgb(235, 235, 235); 92 } 93 #cnblogs_post_body h4:hover{ 94 color: rgb(255, 102, 0); 95 } 96 97 博客园[标题样式]
Note: Direct use * Add section headings, when writing blog posts will not appear immediately edit documents, a need to save Bowen see the effects style