b374k
v10
today : | at : | safemode : ON
> | HOME | DEAD LINK REPORT | FACEBOOK | DISCUSS | TWITTER | GOOGLE+ | YOUTUBE
HOT CATEGORIES > | BLOGGER TUTS | DOWNLOAD | NEWS and INFO | TUTORIAL | TORRENT
name author perms com modified label
Showing posts with label Blogger Knowledge. Show all posts
Showing posts with label Blogger Knowledge. Show all posts

Cara Membuat Related Post Untuk Blogger Indrazz Afterlife rwxr-xr-x 6 12:15 AM |

Filename Cara Membuat Related Post Untuk Blogger
Permission rw-r--r--
Author Indrazz Afterlife
Date and Time 12:15 AM
Label |
Action

http-afterlifecode-blogspot-com-snap_2014.01.11_23h44m23s_001_

 

Malam ini saya akan berbagi sedikit trik untuk memperbesar peluang agar pembaca blog semakin nyaman singgah di blog kita.

salah satu caranya adalah menambahkan artikel terkait di bawah postingan / artikel pada blog, caranya sangat mudah dan 100% work Rolling on the floor laughing

1. Login akun blogger seperti biasa

2. Lihat gambar dibawah

http-afterlifecode-blogspot-com-snap_2014.01.11_23h49m25s_002_

3.  Pilih Edit HTML

http-afterlifecode-blogspot-com-snap_2014.01.11_23h52m59s_003_

4. cari code </head> atau untuk mempermudah, tekan CTRL+F lalu ketikkan code </head> kemudian ENTER

http-afterlifecode-blogspot-com-snap_2014.01.11_23h57m28s_004_

5. Paste code berwarna hijau dibawah tepat DIATAS code </head>

http-afterlifecode-blogspot-com-snap_2014.01.11_23h57m28s_004_

<!--Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinbzcV5bdn_-prwnjOi_hBfdTxu23gFgM4NfEyoDohKJEdjyxSehCzLj1oWglKNeKTBgO6ajsP6GZvj8kYX_FSpki7m6Kk0F-baj5bJWUwSfJCFGKfNkP-0aah70NBdxa69HPTrNdTqvYv/s1600/No+Image.jpg&quot;;
var maxresults=6;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post—>

6. cari lagi code <data:post.body/> caranya sama seperti diatas. kemudian paste code berwarna hijau tepat dibawah code <data:post.body/>

kalau ada 2 kode <data:post.body/> maka paste dibawah code yang kedua

 

<!-- Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- End Related Posts—>

7. Selesai, simpan template

http-afterlifecode-blogspot-com-snap_2014.01.12_00h07m19s_006_

8. Lihat hasilnya, semoga berhasil Winking smile

BLOGGER - Membuat Auto Link Saat Seseorang Copas Artikel di Blog Anda Indrazz Afterlife rwxr-xr-x 0 7:17 PM

Filename BLOGGER - Membuat Auto Link Saat Seseorang Copas Artikel di Blog Anda
Permission rw-r--r--
Author Indrazz Afterlife
Date and Time 7:17 PM
Label
Action
Apa kabar sob? sudah lama admin ganteng gak menulis sesuatu disini. Sekarang ane akan berbagi cara seperti judul diatas. Kalo masih belum paham, coba copy paste beberapa teks dari blog ini kemudian paste kan di notepad, maka apa yang terjadi?

jrengggg jreeengg.... mau demikian? hahah :v

1. Login ke blogger ente
2. masuk ke Edit HTML
3. cari code <head>
4. Pastekan dibawah code <head> teks yang berwarna merah dibawah:

<script type='text/javascript'>
function addLink() {
var body_element = document.getElementsByTagName(&#39;body&#39;)[0];
var selection;
selection = window.getSelection();
var pagelink = &quot;<br/><br/> Read more at: <a href='&quot;+document.location.href+&quot;'>&quot;+document.location.href+&quot;</a><br/>Copyright Auto Link Adder Script Afterlife Code Blog&quot;; //Indrazz Afterlife
var copytext = selection + pagelink;
var newdiv = document.createElement(&#39;div&#39;);
newdiv.style.position=&#39;absolute&#39;;
newdiv.style.left=&#39;-99999px&#39;;
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}document.oncopy = addLink;
</script>

5. Simpan dan cek hasilnya... sekian :D (ganti tulisan berwarna biru laut sesuka hati anda)

Membuat Teks Show/Hide atau Teks Dalam Spoiler di Blogger Indrazz Afterlife rwxr-xr-x 0 10:40 PM

Filename Membuat Teks Show/Hide atau Teks Dalam Spoiler di Blogger
Permission rw-r--r--
Author Indrazz Afterlife
Date and Time 10:40 PM
Label
Action
Selamat malam sobat semua, masih bersama saya pengurus blog simple ini. Akan berbagi pada malam ini tutorial blogger... ya sesuai judul diatas, bacalah dengan teliti. :D

bagi yang belum paham apa itu teks show/hide dilihat nih penampakannya
Cara bikinnya gimana?
copy teks warna merah dibawah:

<div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"><b style="font-family: &quot;Courier New&quot;,Courier,monospace;"><span style="color: blue;">JUDUL SPOILER</span></b> </span></i><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" value="Show" type="button"></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><span style="font-family: &quot;Courier New&quot;,Courier,monospace;">ISI SPOILER</span></div></div></div>


Teks yang bercetak tebal bisa diganti sesuai kebutuhan...
Pada saat membuat post baru, masuk ke mode HTML. paste disana , ada yang kurang jelas silahkan komentar :D

Download Blogger Template b374k Indrazz Afterlife rwxr-xr-x 0 11:58 AM |

Filename Download Blogger Template b374k
Permission rw-r--r--
Author Indrazz Afterlife
Date and Time 11:58 AM
Label |
Action
Berbagi kembali :D
template blogger dengan tampilan webshell b3j4k, jika anda adalah orang-orang underground maka tidak akan asing dengan tampilan template seperti ini.


sangat elegan dan simple sekali. tiada widget yang berlebihan, saya suka. terimakasih klinik tong-fang :D

Server 1
8Kb
Server 2
8Kb
Subscribe to: Posts (Atom)
 

Jayalah Indonesiaku © 2010 AFTERLIFECODE BLOG
VB (Vio b374k) Template design by p4r46hcyb3rn3t