Blogger fornisce una serie di modelli predefiniti set con cui costruire il vostro blog . Tuttavia, è possibile personalizzare il tuo blog modificando i modelli preesistenti con i propri header, immagini barra laterale e piè di pagina . Questo template grafico è creato in Photoshop e poi caricato nel modello di Blogger . Cose che ti serviranno
Adobe Photoshop
Immagini per barre laterali del blog
immagine per blog intestazione
Show More Istruzioni
1
Aprire un nuovo documento in Photoshop con le seguenti dimensioni blog di Blogger : 1440 pixel di larghezza , 720 pixel di altezza e la risoluzione di 72 pixel per pollice . In " Contenuto sfondo , " selezionare " Trasparente ". Questo creerà un modello di Blogger a tre colonne .
2
Creare uno sfondo per l'intero modello di Blogger . Fare doppio clic sulla casella " Colore di primo piano " in Photoshop . Nella finestra di dialogo " Color Picker " , scegli il colore di sfondo . Quindi selezionare il " secchiello " strumento nel "Pannello strumenti" e compilare il documento con il colore .
3
Aggiungi linee guida barra laterale per il modello per le immagini della barra laterale . Immagini Sidebar stanno per essere larga 121 pixel . Per rendere più semplice per allineare le immagini , è possibile aggiungere le linee guida temporanee . Clicca su "Visualizza" nel menu " File " e selezionare "Righelli " per mostrare le linee rette . Clicca su "Visualizza" di nuovo e " Nuova guida " per scegliere l' orientamento e la posizione . Posizionare le guide orizzontali a 1,15 pollici e 5,15 pollici per due immagini rettangolari . Posizionare le guide verticali a 2,5 pollici e 17,5 pollici .
4
Aggiungi immagini per ogni lato del modello. Selezionare le immagini in base al tema del blog . Trova le immagini che si desidera utilizzare e aprirle in Photoshop . Utilizzare lo strumento " Selezione rettangolare " per disegnare un quadrato o un rettangolo attorno alla parte di immagine che si desidera utilizzare . Tenere premuto il tasto "Shift ", se si desidera un quadrato . Copia la porzione di immagine , aprire un nuovo documento in Photoshop , e incollare l'immagine in esso .
5
Modificare le dimensioni dell'immagine . Clicca su "Immagini" e "dimensione dell'immagine " per aprire la finestra di dialogo , selezionare " Mantieni proporzioni " e inserire la larghezza di 121 pixel . Modificare l'altezza di 121 pixel per una piazza o 200 pixel per un rettangolo . Fare clic su " OK ".
6
Inserire le immagini sidebar modificati nel modello . Selezionare l'immagine , fare clic sul modello e premere " Ctrl " + "V" per incollare l'immagine . Photoshop crea un nuovo livello per l'immagine. Posizionate la vostra immagine all'interno delle linee guida . Regolare le linee guida secondo necessità fino a quando la linea di immagini su. Ripetere fino a quando tutte le immagini sono stati inseriti nel modello . Fare clic su "Visualizza" e " Cancella guide " per sbarazzarsi delle linee guida .
7
aggiungere un colore di sfondo barra laterale per rendere le vostre barre laterali si distinguono dal resto del blog . Nel pannello " Livelli" , fare clic sul livello di sfondo . Aggiungere un nuovo livello e selezionarlo. Utilizzare lo strumento " Selezione rettangolare " per disegnare un grande rettangolo che comprende tutte le immagini della barra laterale di sinistra . Centro il rettangolo intorno alle immagini . Fare clic sullo strumento " Secchiello " nel menu "Tool" e il colore del rettangolo di qualsiasi colore che volete. Fai clic destro sul livello del rettangolo e scegliere " Duplica livello ". Posizionare il rettangolo dietro le immagini con lo strumento "Sposta" . Le tue barre laterali sono ora svolti .
8
Inserisci una immagine di intestazione modificata nel modello . Le dimensioni in pixel di intestazione sono larghe 700 pixel e 105 pixel di altezza . Utilizzare lo strumento " Selezione rettangolare " per selezionare una porzione di immagine che si desidera visualizzare e fare clic su " Dimensione fissa" per impostare le dimensioni . Copiare e incollare l'immagine nel template nella posizione dell'intestazione del template. Ora il modello è finito .