В статье информация оформления заголовка фоновым цветом. Для оформления заголовка изображением можно использовать код, данный в статье, только вместо цвета фона вставить адрес картинки.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9yAbaCfbysWm8wcs6x8CZpQFTTooI9l8rf0lGq6Fq40lgUxxPId4Nly7PP5uhd2-Jf5Qr5JlAG7lD0bAbzEvs7UdNrVN0xINwqhkLoEmMvoh9lxK1E_pu7ix5CSd_8MRQ_y1hvUApaSk/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JAY5Giu7KwYTQPLe70yj6I0PsCXsiDBueaOI_DJPLiefTOWjmoMAL3ZWhkRm1nJ-zB_l8JwlzDnFY_lD3K6kOcWqagp9_0LpD7_YtfBy5vh63KTU4_Ofw7K3yDTBTBpTGxPaBezNZJg/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDOUp0wVhT_vYJj4Ovdck9o3nQemSGFlVvUk44tzh1lqC8Cgd-lI0XvGpUhmuSrOECqz0NE3xhaZxIIo5licdhdwMOKCRKZqoDyuL3o6DB0DobF1ed-gHEUgcd9AiIHaQsbbg-IlVNGlY/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioIEBELuIWm3lvAmtSTLoNlCfkWiHui9HfrWhIFeP8RbNtpqBQcZl31Tklg-9VqaVFlYUHrPLIKTCJXdiBsSmMDuNXES5ri6jJcaypPuw5_hGDqU0Cs4kntlsTSKAjqnKiiOBuaWd9mL4/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5fAcJHac_M6r0Cp2HPNLA4PR2E_8q-ASZ6PuCZxx6Wv9j7PzoCifwobE8bs04t61bYmm71he5Wo-FqrYLXD3WiY9nBifNJkhvIELX3b2PwiUACSafsx54Ax51oFd8EBuw0ogXfZQ9-wog/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9Cs_rMOFvA12Zt4o65Js8KzOFZrLa9t8oxBLl4gf9zoUcnbnPTuhEcM53uPtixz00sVE2pGZQInntlu-9sNx6NtLJMHXXp8c0hWj-yBW36QMYlue8JsYdLvlM39cwV87tUA7kZ3044k/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvFDKCQfuoMmGI0LWE_l8XncQ5H2b5Au9ae4HJWdtWrLqd1XDicJZPJL22QuA13BF69wcNriUPHlOmqZS1QJx3qRhbpXByBADY5lbrCp63H-bhCEBWVvlJY73FE3RJ8ROz0i_Hiv6aWC8/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmmzuNvH13Hg5ZRFSwM_vImgjglVqpO8NljQ_3AkTT4OsX46dcYZ23QZpEIWFpSEiiuAmPPTMmcBWaLdqPe9cqtshowR1jMs0JjncJiBmJpwHfxb2edHtGg_vRcXGJwgPdaPW6y0CZ4vAK/s1600/h2bg.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnz8cnwB1E9emNkgF8Y-vBEE6F7vFLLGnVwBFMXGYHeCdpBpkWGijISbVn8L2HMr5SFZYGtJPYK8-D3C1lj19bv8clb_45b7q37MCSid78q7GPSTIuKpjkq5ykv7FHqXpJCOR9CwOtcc8/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEQxnJfLEUDhyJQnkdYAVQDRzMJDuhZELsVsJlm2c5gF8yEa37dcY0ES5x1sI5ThRr80sUBHBmcMo50drGB0bXdcUQe7Dtt5PSq-Js5GBTVaUx1xq-iKlcBgYv9ev_mjgxtwSETU_vmoLf/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm-mnZ8wuz4qE8IQSEXfawgoJqrRoPujBFHAw-L1Etgs5GCTd5sBcjh_ANDe7xGH4NEerIePMM4JqnwszGiTetqX9fyWNOUynm1klKXWGX3cClZf25d1lUKA9wg0kYorbmtSApLT_Gto/s1600/111.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVy-acB_3QvHHTfb16l2tPrqs6W6dSwRgmw0UO3v8wjCDosHEHhOJXF3PhKR75dr_22Tt5OPkjlfE11Nth_HTs3LZVEU1v4fIDTB273hLzVSE9s19Q0kUmqs_L9ViSG5jcQfBp5QyqwRq4/s1600/h2bg.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYdQ7clb67wLce_Qgk66B8E1h-aQ1vAh1d0JB-Bxcf6URYvhLLkG7USS6lQK3e7oPY7OcNpE8_bC_zOoi_9XXYMX-bsFJHkx44DZK3iU7346hO_k1xCN8g9azmEOyZmxBTwXGS0JF2Z8I/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjbfk7zVOFgJtvvemd1wvlS3yRaEq3eQhG_3hZv1K6N3FeO2nenmkBqE78vCkgq82xp-DXNc9nfjjHi20xpuzVkCqvuHzx0_e1maumwW6XYZ33aMF4CTSICBXS-kB9IsmYnGB9YHih3yfa/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInM4BDjkLG2D44Dh_CCCK3neB7uhnoDBbo_tQpLkFSeUgikcdT_nYyusfSxzjBlXd0hw8YJNJKBl7BN3H_X_Zab_DYDwa65c4HpJ5SD53xZh28hVBmLvgbHdkQLnr6DSnuuR-x2dXNbg/s1600/h2bg.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXP3o2F57WxRL6U3QBZ360qITwzwg9NSrThlKWLG-MEJahgFh2gsm8LC_sJnx7WlOM9BAdHmN8_j1y7gGlY-vHYOdXfovPOxWokaSy7ck18B70xRpziv7eY4xdpnIcaO5d6AJV9jeWHNuA/s1600/h2bg.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Rw8KflZQ5ezvEcuR-_0XNpDODWkp5OgtAp6t-ign3hyphenhyphentUiQYEGCNCEkqBvY8uv3P_NHcikU8VPEVj-AHqo3f3DSMOObMjDspm3iDJ6yULETucin3bi4T4UWZ_M8YVVstkqeaZSlHmNM/s1600/h2bg.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieCp4ChL84-NUnFOVel7BWuMoRC0_0eL-2mpffg_cCSmnLCvQek70QujrT0atluyg2Xuxi-iQECVeMbWN9m6BmMbPCSm002blpKr9LjqyQ4PlsI2SiMmiV5gAJ5TpYQJvgFkCeb3ziglda/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCsHStIZYOccEj_5QMAAv41neFgAYT8xPlGDMZFRamL7ahCwAtDlwXnOWxSX8jppgNYVxfrHwPXlTRs1Z6eZZVfEGbVNsmbYjbfLOnATJs_MWMI7t7mRBfUw0cKIEN-x6KEG8oh2D67waQ/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmp82R-Kxdq2f_p1vhAZEIpVhilHyTtf-RMS0T8SfWED9qqBtGvN3Dzq5R-VWs86OzMAikFvmy4UHWboWBv7WDJ7UufaXOH6RTl9JYBDEQgcwmOOyEzXmdW_iFd9BozrFpMCCdNyCnaCmp/s1600/h2bg.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LcjUKhsKMIX3y8lR0dN60jbScd_8yiLOIFncZye5Mqk3UNTFruAfbeBPCACm1x7Fo3L2tHlc_nmq4_Fn6Xf3Mq3IAcg7DNbfYO3yETFGvsZfoV3M9Ecps5bW2tTlRcjokpWZkD1DdJOA/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FwwaEazbGhsbb9IQ2DIoSwV3Xg6JBbmbkGNihaGdF3jGIWSP0jayv7sDXkWsmNOnq_WhAB7wcY3qQWB5Kg0oFNxO5puL8PbAafw12GgksIT15qFs3PcDw_BsANFxDg3xzD-K1h-oFOk/s1600/h2bg.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiapF2Tz8dapliwyC2NATToRC5_QFZGL-BfnhoTSNUP3wusxQmNMsrlJ6S4-x0paYSILNZZGRQAoFinKg0nzyVT_qzIgiQPUHK6p_N6Iyfb6k4zdSNhLknEMDmcG4Dxil8O2LcszdSAzTUU/s1600/h2bg.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHZok6thwG1EmaV-xNOwH_t_JbVg-uK_R-DR1HsoV-Zx0LqXlQPrl4lnbH86HUVUSadcAaMHyL1myzcsqJgYaWchjsUk5z4YMZhHBbfSShHHfHBSlq5txv9Vxj8MBL9ELssGkX6_s8nX4X/s0/untitled-2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXHHdE8lTJXUD0qrSsJwEVvPZ7jFOFSe5WQj4NozqRexBk_OwnKBtNR9bFQtIX3M_G4_VzgVgjokjhkmu1bXWqdxM7HXwFrdSuWT8cyEapKT9t_2vKbEqEKYKEUOmoyInwohLV_UHhaLmN/s1600/h2bg.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuVnoNmbs3dD1zJ3XD-QW-redyOlLCx26EV8BC6vKSNgRroVWyN733dykUCJPNn9DaN3oKP5TmVojTal347JLYvPzveTc9dQPGMLU1__ECKXGr6EVdfl6e4HqIpL-oBLLfx_dmZtKXXJZS/s1600/side.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDV2espWLjg-mkvdwInZSqzOk67Xssx0qr69y0PP95-HrrjkW2soTFtoTI8ELTChtqs57SP_9WErFc7yO6NkuQovSbUOpIp_mIAhUs9KxR8A222Q3-AnBRnUiSXWvwaXYSrRiw36IylhE/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipI8fThccEJRzETsu3-zCbkHflNN0Kj_jitHhQD2ygRSyw4oTFri8CwgjOlUlx_eCuYfuiA0BvRh55x8M5KlucDfuFC-yHUJpD8BjtYtpPzC3wZT7u2w-vg2hQBjifm0wS1NoLaX3pLVk/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiEiec7uvIUNfrk0WXHWmQvE8ZXPdkjQnU1HOtC6lJ5hsTuO5vnnTxtucpOBfZytPxJiX1afvO2KhT2zcCj_i6t_6MElea85pNAlMgT41HM-LU1M2XD6blXQb0i8uoskyTg5Ysg492joPt/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipiOQqn1kxX5XAHOgEI9KNeHdzaJrr6hNDTzOEsUylLGKAzzu6lXsTgT2u-RxaC6UiuFK0Bs4vGABmIP02sXfaeSLCuWB4820sv6FzcWKOR3-FTz3RqWjQcseumT6Pm5rD4Gqj4ORPMnfi/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAeH9g9go2UYTY8UQ8N4unwCk7KCYecHri5Wgl6JbtWzjd9YWYvKFuG093Gmh064dZKZE623cWq-wQZ1puaymE2zjoyryrzRt6hpcQsbAUX8CbgLhwnsOoFA54tW5ALCbmvzoYl1g4RXDR/s1600/widget-title.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Si6ENfDZXRcjpxCUfCP29A2Ov8yodDH5h-G1m0NB7gFcFL7ZmcehzhSASV_EKEr9SEi0RPml8jUDlfTbwMzvhNwm87mCRwMXwYFja-heHMfJQbMJU9pG0SAjKpjFreunJ6P116S2wzqy/s1600/h2.jpg
Шаблоны у всех разные, поэтому придется настраивать параметры картинок. Обращайте внимание на заданную в шаблоне ширину сайдбара. При необходимости увеличьте высоту заголовка. Для настройки названия заголовка (текста) выделено сиреневым. При тестировании приходилось подгонять почти во всех шаблонах моих тестовых блогов. Но думаю Вы справитесь. Можно посмотреть в тестовом блоге, как смотрится картинка-заголовок.
.sidebar .widget h2 {
background-image:url(адрес картинки);
height:25px;
width: 225px;
margin-left: 0px;
padding-top:7px;
font-size: 12px;
text-align: center;
}
В шаблон-изменить шаблон найдите между строками <b:skin>...</b:skin> sidebar .widget h2 { и можно просто вставить одну строку background-image:url(адрес картинки);. Если изображение заголовка не корректно отображается, вставляйте другие параметры.
Кому затруднительно таким способом настроить, копируйте код и вставляйте выше строки ]]></b:skin>. Как найти в шаблоне такую строку, читайте в статье Как быстро и красиво оформить текст в блоге. Не забывайте делать резервную копию шаблона.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo44WgXer2Kxr27xTwqVDvsHKI1_000qOwNS-6aKpZrnxrn_ftiSISpMtjtAm3UWMHHYD9p3UAc-F481SaPjmKfn7VgIhtBRiSOIg5S6acJoQK-vhifqXac8ge5WGB_H-aUiMB02k8IRU/s1600/h2bg.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg4Djoh8P9HF4oNKa1SnxpQW7p2X1V1BNcNMdIyuwGzl90O0ykMyU6Ga7F1B6YqOwypSLS7LImaZFGfWjKcf8Seon9AcP1vfzjj7CTYdfIotn6A7gpcYswVsSsyksmoqfx_fUSXWfZ7LNa/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQBV8Bpcjami2f_0tGPeEpksMc8ehQSuy2Xgel7H9UW3qocm93W4VxlLHZr_NenpivbAavDB3TcvoYDrtzi10czkJYFIq3JzXAf7kp6B7898gmXEQ9VRFpksmguBt28oVks5P5xP2yEd4/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU2MHfSYwGQvxaKxarn3aWA199Zm1KY8qijE70WrROKShz4F5nqr3d37NtuJp-FlGXkaKghkFYYcVjuzWrNayMn_hoF029hMQDZB9ILwMcg3uKhkcNOGzsRmdoqU1u0A-OzXCe0nrlzysZ/s1600/h2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8BkYjfDozZWsFkH-wTbVeVveyntSvt6FUGAnpDU9gU5sMPC44bvG48JTkf3_SPY1vQoPDMcRXJcEFeXbZEdHohJg79x0nYeUsDvNt6WRecqJZo_tMWEvc8zgL0vivt33k1vmHGXG7DAE/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiISmVAoxC56xIGOUrPMl3mU0_iM8YvRKSwwzqRwE2VoBQgWskGIpxCaeaoBxDsGRhETKzIqRF3DnQzBUc37rk9yWl190-5nNM_mppgySp0bdvZ05IaNIrscxQX0b0doqfs1otC2bKSt5mn/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVMtHVFaA3-C88XD0Brr4lIQicwr017Pt4Dzwyl_y2S4iXtew_3AWc_tLansm1KcN2VCj5-nOn_986RdoS9Mz6s9-zUJOYtph6C7MJISeP_u1afUqRLltloF_WKFERB4fHWQSTkf3q0YU/s1600/h2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWW9DIJc0Yi_DcinjIZyGJ0VfEnu_EDVNrk18v9IReNCdAGdXQJrjNYr2HV2R2fqR0avlPWWLmEd5XhgjIGdQomIBRQBoUgolYnFywc4_WBKI7uGFP5uupz37OICRY7HQh9_WDsNcQtwDA/s1600/h2.png
В последних картинках, где написано Пример, будет Ваше название заголовка. На сегодня у меня вся информация. Пишите отзывы, поделитесь со своими друзьями в социальных сетях. Всем пока, до новых встреч.
источник
источник
Комментариев нет:
Отправить комментарий