Mytabloid™

Hari ini kita akan belajar trik yang sangat mudah dan penting, Khususnya jika Anda sudah mendapat banyak konten pada blog Anda halaman, Dan jika Anda ingin blog Anda untuk mudah digunakan bagi pengunjung Anda, A kembali ke link atas atau tombol pada blog blogspot akan membuat lebih mudah dan lebih cepat untuk pengunjung Anda ketika datang ke cepat menjelajahi dan browsing.
iklan
Sekarang kita akan melihat bagaimana menambahkan

     1. Gambar Kembali ke Buttons Top Dengan 19 Gaya Berbeda
     2. Teks Kembali ke Tautan Top dengan gaya yang berbeda Dan Warna

1. Gambar Kembali ke Buttons Top Dengan 19 Gaya Berbeda
Langkah 1

Ok, sekarang pergi ke account blogger Anda dan pergi ke, Dashboard >> Tata Letak >> Edit html >> dan silahkan cari kode berikut.

  ]]> </ b: skin>

Dan tambahkan kode berikut sebelum kode diatas :

  # backtotop {
padding: 5px;
Posisi: fixed;
bottom: 10px; kanan: 10px;
kursor: pointer;
}

Langkah 2

Sekarang cari kode berikut.

</ body>

dan tambahkan kode berikut sebelum kode diatas

<a href="#" id="backtotop"> <img src="Image-Url" alt="back untuk top" /> </ a>

Tapi sebelum menambahkan kode ini ke template anda silakan pilih tombol favorit Anda dari berikut ini Dan mengubah kata-kata dalam merah, Url Gambar-ke url tombol.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiInY2TzMpDH0BNRGrROF70iD4l6c3CKEl399RTzE9L5QPBy2DLW0zHMd6tFE2d1QuYxeP7nODSVf-CUxYns4Zwp8g0BxOC_ukaDL2UKl2v1Xx3-FcGGIc6Y_QP7CiWmcW8Mh75X1IL77GL/s1600/bttp-5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWoiRADFzNFsWQSx6vOiq96VekSFKmSDi0sb89q5DXCYjSvvIMGdEBJFqHnUAm7ZL077unu6tYTbc3uETozeumkcsC0qND7g2GSrOQHY_FW_WyKRb52BS_UlOqSrhEgdavtmOjDBg8DbxN/s1600/bttp-4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPhsuL3_PrpsJ0Oc8QGq1zm6vDMrNI5IvqB1bJHP6XO7TaKHLhNoe1kGmyLTryp1MxHu_q-1lR97R0MEZWi4lOOmYfg43-bpdPZ_2BrJZwjFfN0Ybi_yyDUgNPN0BaoDKEWuKAQ-_m04Vo/s1600/bttp-3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzberclzdpZwEvT_UxOYpTUOSVq_NomK_dOWrhAsduUNLHAC_GK1plCc2UWhJSlMxa-k6pRxwk3ofSKZ21QmiGJlxJd20EaRgEnDi5XKJ_PFmxEDOVtdZ-nNP11dAzn9R-ncnlOSKFYhlV/s1600/bttp-1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtQ_C6LlTrSDxBE_NqadCIF2bBVqx8ooQRuxvm29_xJmquvXm5-JmcPoen5cS09c440nCUTny9hwIuo1BhuqYukDnbJDHrfNtka4rvLueYP2eklcQUkU6HT5t5MemXyTJpMTab3ggTSfau/s1600/bttp-2.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-6.png0/bttp-7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lejOwFug_qwAbciuF9CUqfhcJe16krAZvySgMhyphenhyphenPNNgQH_gRLKdEXWIuc23jyktp6PlANjS7tvXvLN8JU04WPtE-0R_tjGbTVJbCAH1GS8pERtBKNMabmnhz3rL9avjtN3BdV3w03n9h/s400/bttp-10.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy85jOL13NwRYkDp0EuHVBbluK_NdlaW-BX9kFd6vBvWzS_TU7GN1JJx93b3dTSWxb56-ugpAOU-HMWSDUlRwWiGAtMifJ17bypLLI83jU0zRVHJ5Q-Iexge76ec4Ok35sXIGfcjo_svmS/s400/bttp-9.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuHkOvHHPU5gfS5fF8xi7fsiNeOBI0YlboL34CxOjvW-jsHqt-_VVU1E6OSKxP0WeP0x5tzB56097MRjp68tAfM26IXr7c28gl03sxf0MLz-92zvCTA1FDzAd9zkuK8uJtExlwKzu74FpU/s400/bttp-8.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHLAASVuxLdNzibpAplTJC3iY8t4Psj8Wfz3TfIbZF2pUtpBWnRIq2b9VHJ78PLA3eou5sOzKgo2Gzsl9THSI9SOjdpA2D76arAdnWNsbxVsv2SIqRBeZg0ssaMsgNlQ-FtwD1RDcLTxmr/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtrIey2WZN1vNWuTfQECAfI9DCpTS9hAe0dOmJBIr32irxiXFHY0heqTpu1nIFSN6GnGfXhWklegYX4EwMPRzWMS4FOlvhkkGWLNZ0YU_mkVvGW8dusMw6b7rp43DW8XXfv9oyQ1AIoSOm/s400/bttp-11.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbNgFwu1-6rxyOZ2cEvNwYp2ufU14XZFxn3KIRvmrtc0n2EwpUs6L0fok0RGXbk3ZZGKYHm1lE0QOmQJHgBFCPYPNh3k4nio0wNXWhNVLlQqLUYNr9BxHSGk62Zs-kkHM3l9cnNuC7tX9I/s400/bttp-12.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivLLUX3qjl8OrX2JwoWZEf_6tAKmagCjlhuRNMBm6jJea575kxa4AX0PWJeL7Ep0sto2O_WsXmivxrcHuUUtdXJxGaP6SSgpO6DtLmyOUkXfbZYysyY1JN_Sa7jS_7CH1xsjwvbWHFbdHX/s400/bttp-13.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8eWkvXWZUUdRnhrXfJcp7CRQRhd7PHBffqRyeqW4ET_vbW8u4pYYdEgmDztTgB18btn1i5Bgt5VOmJ9MDx0y0OB-v_XSXTt5Z36pdjA9xuUl2T_p66sOlDl55WiPFPVn5LPwOKoU4HnHV/s400/bttp-14.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirB1gXH9kOnc0RDz97xm8B9bVuHg31_xGw2tKsTDNdzSp_VNK3LEnwJfWzLaFtYaD8uAKRZdvzLhVFQxg1SB3ARKdjyOyyRW1LBiPFEd0BqlzE4amNOlniHEr2oJqn1svHAL8gyCqqB2O9/s400/bttp-15.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgki3LLdkaBRw62nE7sR3J_lnHsrgS2nPIqnqZK3G0J_O6zCvfVnakEs4LH-YPrBWQU6BXz8IYVV8miBYhZ8hde8jgMfAgN32EL5ktuHNQ8sEQv_p3O6QTTPCQhxMpNayP7fnxvqENlV3Lh/s1600/bttp-16.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfHVNHy6VYeu_DBN_nXpqoef5QrVNmcVG-oPsWkbJNqC2sm1k5opdn4eK1gnI-6Gh_Ax1Nd8JEYc2nrJ64KlfZpcSAucc0_wgZqJ61NoBIBTYD1n9tg_CemjvjWANdurDt82zFCpJkXgYT/s400/bttp-17.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6M-EASqNkOPjlEr2W-Lhr5KwUzlffE6KI-m1Uae1TTdVHuhSN2lBfPZGdkvMjiVExoTEov5NUlyRzHcc4ywdYupF3Ev9G-TCfoS1hZJ0DYg9OSrY0p-6i_FdeQdEmEc6Oi8K03xUW3zcd/s400/bttp-19.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3VrZWkoy-m6xSXkHcL8ERqhjbmnv1yhohXCy7X2-ABodWQFH0_UY8MMNtJXlHEMfDYFOJlPi8ouWu8zkceIQZCrsm0bN_TfnXU0ccOihbq7RXAohHl1j3OeaseAkJ0zKExHa1KrmgHDVu/s400/20.png

1. Masuk ke Blogger (ya pastilah)
2. Pilih menu Template Kemudian Klik Lanjut untuk menuju ke tahap EDIT HTML
3. Jangan Lupa Centang Expand Widget kemudian carikan kata kunci berikut ini <title><data:blog.pageTitle/></title>
4. Jika sudah ketemu silahkan untuk menggantinya dengan yang ini

   <b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title><b:else/><title><data:blog.pageTitle/></title></b:if>

   
    Atau
   
   

   <b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title><b:else/><title><data:blog.pageTitle/> | Kata Kunci yang diinginkan | Kata Kunci yang diinginkan </title></b:if>

   
   Ganti Kata Kunci yang diinginkan dengan selera sobat masing-masing.
   Tahap Finishing SIMPAN TEMPLATE dan blog anda sudah menjadi SEO FRIENDLY.
   
   
   
   
   

Siang sahabatku ,
Waktunya hari ini kita saling berbagi nih .. Mau berbagi apa ya ?
bagaimana kalau tentang widget blogger . woww
Widget yang akan kasih ialah Widget Update Status Twitter Untuk Blog.
kalau sobat tertarik untuk membuatnya yukk silahkan ikuti langkah-langkah berikut ini..

1. Masuk Ke Blogger (pastinya)
2. Pilih Tata Letak Kemudian Klik Tambah Gadget
3. Copy Paste kode dibawah ini

<div style="background:#fff url(https://lh3.googleusercontent.com/-mESlBTXPXd8/T5OZSdziSdI/AAAAAAAAByI/EwRLCMlPvOU/s300/bLAZER%2520bLOG%25202.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('@Aditianovit').start();
</script>
</div>

4. Kemudian Klik Simpan

NB : Ganti Tulisan Warna BIRU dengan ID twitter sobat

Blog kamu belum ada read more ?
namun berkeinginan untuk membuatnya ?
tidak usah khawatir saya akan memandu anda membuat Read More Otomatis pada blog.



1. Langkah pertama anda harus masuk terlebih dahulu Ke Blogger
2. Kemudian Pilih >> RANCANGAN lalu masuk ke EDIT HTML
3.Ceklis EXPAND WIDGET TEMPLATE

4. Cari kode </head> di kotak pencarian atau bisa tekan F3 atau CTRL F
5. Jika sudah ketemu kode diatas tadi
Letakan Kode berikut diatasnya :


<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

6.Cari kembali kode <data:post.body/>
7. Terakhir Ganti <data:post.body/> dengan kode dibawah ini



<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>

Keterangan : Kode yang berwarna merah bisa sobat ganti dengankata-kata sobat sendiri.

8. Pratinjau  dulu hasil edit html tadi ,jika tidak terjadi kesalahan SIMPAN TEMPLATE