Ordem dos gadgets:
Clique para ampliar

Código do menu:
<div class="menu">
<a href="/"> Início</a><span style="color: #d5a6bd;">♥</span>
<a href="http://b-ipolaridades.blogspot.com/p/sobre.html"> Sobre</a><span style="color: #d5a6bd;">♥</span>
<a href="http://b-ipolaridades.blogspot.com/p/arquivo-do-blog.html"> Arquivo</a><span style="color: #d5a6bd;">♥</span>
<a href="https://ask.fm/AllyBipolaridades"> Sugestões</a><span style="color: #d5a6bd;">♥</span>
<a href="http://allytutos.blogspot.com/"> Tutoriais</a><span style="color: #d5a6bd;">♥</span>
<a href="http://b-ipolaridades.blogspot.com/p/parceiros.html"> Parceiros</a><span style="color: #d5a6bd;">♥</span>
<a href="http://www.blogger.com/follow-blog.g?blogID= 3974972943492612519"> Seguir</a>
</div>
Substitua os trechos em vermelho pelos links do menu;
Substitua os trechos em azul pelos títulos do menu;
Substitua os trechos em rosa pelas cores dos corações.
Obs.: Adicione um espaço antes de escrever os títulos do menu, para eles não ficarem colados.

Código do slide:
<div id="w2bSlideContainer">
<div id="w2bNivoSlider">
<a href="LINK_DO_SLIDE_1"><img src="https://4.bp.blogspot.com/-LqFV8k_PB-E/VrpU5cnWN4I/AAAAAAAAAxA/nG4W8g6rHus/s1600/Cara-Delevingne-background-hd%2Bc%25C3%25B3pia.png" title="Estilo"/></a>
<a href="LINK_DO_SLIDE_2"><img src="https://2.bp.blogspot.com/-NO1PmTH5bSc/VrpZrZVaO4I/AAAAAAAAAxQ/VaF8DXknNIM/s1600/MelanieMartinez-profetices.png" title="Música"/></a>
<a href="LINK_DO_SLIDE_3"><img src="https://3.bp.blogspot.com/-R6vC9w0blGc/VrpeiZtu8dI/AAAAAAAAAxg/rCWQnP8em5s/s1600/macbook-tumblr%2Bc%25C3%25B3pia.png" title="Tecnologia"/></a>
</div>
</div>
Substitua os trechos em vermelho pelos links do slide (link que você quer que as pessoas vejam após clicarem no slide).
Substitua os trechos em azul pelos links das imagens do slide. Deixei umas imagens para vocês usarem, caso queiram. Elas têm 1000px de largura e 300 de altura.
Substitua os trechos em rosa pelas legendas do slide (texto que aparece no centro).

Código do gagdet sobre o autor:
<img src="Imagem"; />
<center>
Texto de sua preferência</center>
<center><a href="LINKDOFACEBOOK"><img src="https://lh5.googleusercontent.com/-PKPDHs65P-Y/UlAZ6SsDBJI/AAAAAAAABqY/BSvgh4d8ROQ/s35/Modelo1Facebook.png" /></a><a href="LINKDOINSTAGRAM"><img src="https://lh3.googleusercontent.com/-1rxc__7Ydzs/UlAZ6gVM0nI/AAAAAAAABqs/HGr3ul4hsWk/s35/Modelo1Instagram.png" /></a><a href="LINKDOTWITTER"><img src="https://lh4.googleusercontent.com/-bkjbaMM0ous/UlAZ7HfL3uI/AAAAAAAABq8/WKwWpMeB0q8/s35/Modelo1Twitter.png" /></a><a href="LINKDOGOOGLEPLUS"><img src="https://lh4.googleusercontent.com/-yDIY4vU9p5E/UlAZ6TlmtlI/AAAAAAAABqc/DwsuZApvpXY/s35/Modelo1GooglePlus.png" /></a><a href="LINKDOWEHEARTIT"><img src="https://lh4.googleusercontent.com/-fVKbGGigyqc/UlAZ7bo2x3I/AAAAAAAABrE/YdeU1lDnX5g/s35/Modelo1WeHeartIt.png" /></a><a href="LINKDOFLICKR"><img src="https://lh4.googleusercontent.com/-nhQtkoHOCdQ/UlAZ6c4CANI/AAAAAAAABrA/zI2OMN4oToo/s35/Modelo1Flickr.png" /></a><a href="LINKDOTUMBLR"><img src="https://lh5.googleusercontent.com/-WOiDTUONC1E/UlAZ65VR4dI/AAAAAAAABqo/X5EK-9_w-xo/s35/Modelo1Tumblr.png" /></a></center>
Substitua o trecho em vermelho pelo link da imagem que você quer que apareça. A largura ideal para que caiba na sidebar é de 250px.
Substitua o trecho em azul pelo texto que você quiser. Como uma apresentação sua ou do blog.
O trecho em rosa corresponde aos botões das redes sociais. Se você não quiser, apague.

Código do botão de voltar ao topo:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i.imgur.com/OfO02.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Volte ao topo'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
O trecho em vermelho corresponde a imagem de voltar ao topo.
O trecho em azul é a mensagem que aparece ao posicionar o mouse sobre a imagem.