Home » Posts filed under Blogger

Tips Cara Membuat Text Unik Dan Keren

Posted by Hanief-7 - 2 comments
Halo Blogger
Kali Ini saya akan share "Cara Membuat Text Unik Dan Keren"
Tentunya Tidak pakai software download downloadan
ini tool dari windows sendiri jadi gak bakal ribet dengan tutorial ini
Lansung Saja Tutorial Dibawah ini

Tools :
  • Character Map
Tutorial
  1. Pertama Kamu klik start yang gambar windows (kalo di windows 7) kalo windows xp klik start
  2. klik lagi ALL PROGAM
  3. Accessories->System Tools->Character Map
  4. Cari Text yang kamu inginkan
  5. Lalu Copy Text 
  6. Paste Yang Kamu inginkan misal nya "Update Status FB"
Labels: ,

Cara Membuat Gambar Berubah Saat Di sorot pada blog

Posted by Hanief-7 - 1 comments
Halo blogger!
Kali ini saya akan share "Cara Membuat Gambar Berubah Saat Di sorot pada blog"
Contoh nya blogger Ingin melihat gambar posting ketika di klik akan ada effect putar
lansung Cekidot Tutorial nya




===============================================================


[1] Login Ke blogger.com
[2] Kemudian Pada dashboard,Pilih Template
[3] Edit html->cari kode "]]></b:skin>"
[4] Copy Code dibawah ini dan paste diatas kode "]]></b:skin>"
.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}
[5] Kemudian Simpan 

OK sekian dulu tips dari saya semoga bermaanfaat buat blogger

Labels:

Cara Menambahkan Gambar Back to top (Kembali Ke atas) Di Blog

Posted by Hanief-7 - 0 comments
Pagi hari ini saya akan posting "Cara Menambahkan Gambar Back to top"
Coba bloggers lihat di samping bawah kanan disana ada gambar back to top kan ?
bagaimana tertarik?jika tertarik baca langkah langkah dibawah ini



  • Login dulu ke blogger
  • Pada dashboard ,pilih "template"
  • Edit html ->Centang Expand Template Widget
  • Cari kode <body> "gunakan ctrl+f atau f3"
  • Kalau Sudah Ketemu,Sekarang Copy Code Dibawah ini dan letakan tepat dibawah kode <body>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Kembali Ke Atas'><img src='https://sites.google.com/site/rakasajmk/download-1/download-3/back%20to%20top.png'/></a>
Keterangan

  1. ganti code yang di cetak merah dengan url gambar back top blogger sendiri
  • Lihat dulu apabila terjadi kesalahan
  • Hasilnya jadi seperti ini
<body><body><a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Kembali Ke Atas'><img src='https://sites.google.com/site/rakasajmk/download-1/download-3/back%20to%20top.png'/></a>
Labels:

Cara Membuat Auto Readmore Di Blog

Posted by Hanief-7 - 0 comments
Bagi Kamu Yang Suka Posting yang panjang di blog,saya punya tips "Cara Membuat Auto Readmore Di Blog" Jadi gini,Posting yang panjang akan menjadi Sedikit atau di Baca selengkap nya/Read more.Gunanya Hemat template aja gan :D
Langsung Aja Tutorial "Cara Membuat Auto Readmore Di Blog"
Ikuti Dengan Benar Agar posting blog mu di readmore
----------------------------------------------------------------------------------------------------------------------------------

  • Login Ke Blogger
  • pada dasboard klik template
  • edit html ,Jangan lupa centang kotak kecil diatas
  • Cari kode </head>
  • Copy Kode dibawah ini paste di atas kode </head>


<script type='text/javascript'>var thumbnail_mode = "float" ;summary_noimg = 250;summary_img = 250;img_thumb_height = 120;img_thumb_width = 120;</script>
<script type='text/javascript'>//<![CDATA[/******************************************Auto-readmore link script, version 2.0 (for blogspot)(C)2008 by Anhvovisit 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>




  • Lanjut Cari Kode 
    <data:post.body/>
  • Ganti Kode <data:post.body/> Dengan Kode Dibawah Ini
<b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

  • SIMPAN
  • Lihat Blog 




Labels:

Ha Ni Ef


 
Electro