Tampilkan postingan dengan label Tips n Trik. Tampilkan semua postingan
Tampilkan postingan dengan label Tips n Trik. Tampilkan semua postingan

Cara Cepat Menaikan PageRank di Google

|Cara Cepat Menaikan PageRank di Google|
|Created Posted By : adias-PC|


Hallo Sob, Jumpa lagi sama saya Adias PC :D ! udah lama nih gak ngepost lagi di blog ini, soalnya banyak kesibukan di sekolah. Pada kali ini saya akan membuat post tentang Cara Menaikan PageRank.Tidak usah banyak basa basi langsung aja Cekidot :p
  • Jika PageRank sobat ingin cepet sobat harus sering-sering membuat Post sendiri, bukan hasil copas dari Blog lain.
  • Sobat Letakan Link-Link dibawah di Posting/Blog/Web Sobat.
  • Link yang sobat pasang itu harus bersifat Follow, maka pada saat membuat Link ini di posting anda jangan ceklis nofollow !
1. Google
2. Yahoo
3. Facebook
4. Adias-PC
5. Twitter
6. Mail
7. Gemscool
8. Link Blog Sobat


Nah jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah

Ketika posisi kamu 10, jumlah backlink = 1
Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125

  • Yang trakhir adalah dengan cara tukeran Link dengan Blog/Web punya orang lain, agar menambah Backlink sobat ;D jika sobat mau tukaran Link sama saya silakan Klik Disini.
Cukup sekian dulu sob info dari saya, semoga bermanfaat :D Assalamua'laikum Wr.wb...




Created by : Adias PC

Tips Mengganti Nama Facebook Sepuasnya

|Tips Mengganti Nama Facebook Sepuasnya| 
|Created Posted By : adias-PC

  1.  Login Dulu Ke Facebook 
  2. kemudian Masuk Ke http://www.facebook.com/roadblock/roadblock_me.php?r=5
  3. Lalu Ganti Kata Sandi Sobat Kalau Sudah diganti Klik Lanjutkan
  4. Jangan Ganti Tanggal Lahir Anda Klik Lewati
  5. Di Situlah Anda Bisa Mengganti nama !!!

~GOOD LUCK~

Created Posted By : adias-pc.blogspot.com

cara membuat read more otomatis dengan gambar

|cara membuat read more otomatis dengan gambar| 
|Created Posted By : adias-PC|




Halo Sob ... ane Sekarang mau Share tentang cara membuat read more otomatis dengan gambar. yaitu Read more Otomatis Yang ditambah Gambar. Jika Sobat tertarik dan Ingin Membuatnya Silakan Ikuti Langkah Langkah Berikut ini....

1. Login Ke Blogger
2. Pilih Menu Rancangan --> Edit HTML
3. Jangan Lupa Centang Expand Template widget
4. Cari Kode </head> 
5. Copas Kode Dibawah ini dan letakan di Atas kode Tadi


<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 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. Kalau Sudah Cari Kode  <data:post.body/> 
7. Dan Ganti Kode Ditersebut dengan kode di Bawah 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 class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6S_BBXICigmE195X22IlrkabkWysABkkw3QXFTyRj2FyqOEM2-LQP_krDI97nEtt_i3CcuW5nFh0QlPq_kO5WmlQVeu_aKqNPo9icENSMVEGWA8Uo7I_8iiMVCFAFWwTu1ynhtwpgxj-m/'/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Ket* : Sobat Bisa Mengganti Kode Berwarna Hijau Dengan URL gambar Sobat

8. Simpan Templatenya


Created Posted By : adias-pc.blogspot.com


Keyword
Cara membuat Read more, Cara membuat Read more otomatis,cara membuat read more otomatis dengan gambar, Cara membuat baca selanjutnya, Cara membuat baca selanjutnya dengan gambar, Cara membuat baca selanjutnya dengan gambar, Cheat point blank, Cheat ninja saga, Download Games PC Full version, Download Antivirus.


Bagi Sobat Kalau ada yang kurang di mengerti atau ingin ditanyakan silakan berkomenta

Cara Menambah Tiga kolom elemen di bawah header

|Cara Menambah Tiga kolom elemen di bawah header| 
|Created Posted By : adias-PC| 



Hallo Sob... Sekarang Saya Mau Posting Tentang Cara menambah 3 Kolom dibawah Header .Bagi Sobat yang mau membuat 3 Kolom dibawah Header Ikuti Langkah Langkah Berikut ini...





1. Login Ke Blogger
2. Masuk Ke Menu Rancangan --> Edit HTML
3. Centang Expand Template Widget/Kotak Kecil Di kanan Atas
4. Cari Kode ]]></b:skin> (Gunakan CTRL + F biar Mudah Mencarinya)
5. Copas Kode di Bawah ini Tepat diatas Kode Tadi.

/* Top Header
---------------------------- */
#topheader {
width:930px;
clear:both;
float:left;
color:#333;
background:#fff;

margin:0 auto;
padding:0 0 10px;
}


#topheader a:visited {
color:gray;
text-decoration:none;
}

#topheader h2 {
font-size:11px;
font-weight:700;
line-height:1.4em;
text-transform:uppercase;
border-bottom:1px dotted silver;
margin:0 0 10px;
padding:20px 0 2px;
}

#topheader ul {
color:#333;
margin:0;
padding:0;
}

#topheader ul li {
list-style-type:none;
background:fff;
border-bottom:1px dotted #ccc;
padding-left:17px;
margin-top:2px;
}

#left-topheader {
width:360px;
float:left;
padding-left:15px;
}

#center-topheader {
width:230px;
float:left;
padding:0 20px;
}

#right-topheader {
width:260px;
float:right;
padding-right:15px;
}

6. Kemudian Cari Kode sperti dibwah ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>

7. Kemudian tambahkan kode dibawah ini tepat dibahnya.

<div id='topheader'>
<b:section class='topheader' id='left-topheader' preferred='yes'/>
<b:section class='topheader' id='center-topheader' preferred='yes'/>
<b:section class='topheader' id='right-topheader' preferred='yes'/>
</div>

8. Simpan Template

 
Created Posted By : adias-pc.blogspot.com



Kalau ada yang kurang di mengerti atau ingin di tanyakan silakan berkomentar 

Cara membuat Google Translate Dropdown

|Cara membuat Google Translate Dropdown|
|Created Posted By : adias-PC|

Banyak bahasa di blog memang menarik. tujuanya adalah untuk mempermudah pengunjung blog kita yang datang dari luar negri. ya jadinya blog kita juga nantinya jadi Go internasional . karena tidak semua orang menguasai bahasa dari negara lain Google Translate adalah solusinya .Dalam postingan saya yang ini saya akan menjelaskan tentang bagaimana Cara membuat Google Translate Dropdown di blog.


Kode Widget Bisa Didapatkan Di : http://translate.google.co.id/translate_tools?hl=id

Langkah-Langkah Memasang Google translate :
1. Loggin Ke Blogger
2. Masuk Ke Tab Rancangan/Design --> Tata Letak --> Tambah Gadget
3. Kemudian Pilih HTML/JavaScript
4. Copas Kode HTML Tadi Ke dalam Kolom HTML/JavaScript

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'id',
    multilanguagePage: true,
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

5. Simpan

Created Posted By : adias-pc.blogspot.com



Kalau Ada Yang Kurang Di Mengerti Atau Ingin Ditanyakan Silakan Berkomentar

Cara Membuat Link Blog Agar Otomatis Terbuka Di Tab Baru Browser

|Cara Membuat Link Blog Agar Otomatis Terbuka Di Tab Baru Browser| 
|Created Posted By : adias-PC





Mengatur link agar terbuka di tab baru sangat penting untuk menjaga agar pembaca tidak keluar dari blog yang sedang dibaca atau ditampilkan karena link yang dituju terbuka pada link blog asal. Dan juga jika tidak diatur dengan tepat maka akan membuat pembaca kesulitan terutama pada tulisan yang bersifat tutorial, disini sedikit membagi bagaimana cara membuat link blog agar otomatis terbuka di tab baru.

Untuk membuka Link di tab Baru Contohnya Seperti Di bawah ini :

<a href="http://adias-pc.blogspot.com/" target="_blank">Klik disini</a>

Jadinya Akan Siperti Ini : Klik disini 


Atau Seperti Ini :

 <a href="http://adias-pc.blogspot.com/" target="_new">Klik disini</a>

Jadinya Akan Siperti Ini : Klik disini

KET * : Untuk Kode Yang Berwarna Kuning Danti Dengan URL/Alamat Web Yang Akan Di Tuju, Kode Yang Berwarna merah itu Kode Yang Harus Di tambahkan, Kode Yang Berwarna Hijau Adalah Judul


Created Posted By : adias-pc.blogspot.com




Kalau Ada Yang Kurang Di Mengerti Atau Ingin Di Tanyakan Silakan Berkomentar

Cara membuat komentar admin berbeda dengan pengunjung

|Cara membuat komentar admin berbeda dengan pengunjung |
|Created Posted By : adias-PC



Kotak Komentar Admin Tentunya Harus Berbeda Dengan Kotak Komentar Pengunjung Supaya Pengunjung Yang Lain Bisa membedakan Admin Dengan Pegunjung Yang berkomentar. Apa Sobat Sudah Tau Cara Membuatnya ??? Kalau Belum Tau Lihat Tutorial di Bawah Ini.



Cara membuat komentar admin berbeda dengan pengunjung :

1. Login Ke Blogger
2. Masuk Ke Menu 'Rancangan' ---> 'Edit HTML'
3. Centamg ' Expand Template Widget'
4. Kemudian Cari Kode  ]]></b:skin>
5. Copas Kode berikut di atas kode ]]></b:skin>

.author-comments {
Color: #0000ff;
background: #ffffff;
border: 2px solid #0000ff;
padding: 3px;
}

KET * :  Kode Yang Berwarna Merah Adalah Warna Hurup/Text Yang Kita Tulis Nanti, Kode Yang Berwarna Hijau Adalah Warna Backgrount/Latar belakang

6.  Cari Kode Seperti Di Bawah Ini.

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' ><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>

            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
</b:if>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd&gt;
          </b:loop>
        </dl>
      </div>

KET * : Kode Yang Berwarna Merah Adalah Kode Yang Harus Di Tambahkan

7. Simpan Templatenya


Created Posted By : adias-pc.blogspot.com






Kalau Ada Yang Kurang Di Mengerti Atau Ingin Di Tanyakan Silakan Berkomentar

Membuat 1 Link Yang Membuka 2 Alamat Situs

|Membuat 1 Link Yang Membuka 2 Alamat Situs| 
|Created Posted By : adias-PC| 

Jika biasanya sebuah link hanya membuka satu halaman web atau blog, kali ini Anda bisa membuat satu link yang berisi dua alamat web yang bisa terbuka hanya dengan satu kali klik pada link tersebut. Ini sangat berguna untuk mempromosikan lebih dari satu website atau blog sekaligus.



<a href="URL1" target="_blank"
onclick="window.open('URL2')">Judul</a>
KET* : Warna Merah = URL1 {Contoh : http://adias-pc.blogspot.com}, Warna Hijau = URL2 {Contoh : http://lowliet.wordpress.com}, Warna Kuning = Judul {Contoh : Adias-PC}


Created Posted By : adias-pc.blogspot.com



Kalo Ada Yang Kurang Di Mengerti Atau Mau di Tanyakan Silakann Berkomentar... 

Cara mengganti Warna Mouse Selection/Warna Text Saat di Block


|Cara mengganti Warna Mouse Selection/Warna Text Saat di Block| 
|Created Posted By : adias-PC|



Hello Sob Ane mau share tentang Cara mengganti Warna Mouse Selection/Warna Text Saat di Block. Tapi Ini Berefek pada Artikel Yang Kita Tulis. Maka Pada saat text/tulisan Di blog Akan terjadi perubaha Pada Backgrount/Latar Belakang Yang Kita Block.Efek Yang Akan Muncul Adalah Background Berwarna Hitam Dan Text Berwarna Putih. Mau Tau Cara mengganti Warna Mouse Selection/Warna Text Saat di Block ? Ikuti Tutorial Berikut Ini :

1. Loggin Ke Blogger
2. Buka Menu Rancangan/Design ---> Edit HTML
3. Cari Kode ]]></b:skin> 
4. Kalau Sudah Ketemu Copas Kode Berikut Di Atas Kode  ]]></b:skin> .

::selection {background:#000000; color:#ffffff}
::-moz-selection {background:#000000; color:#ffffff}
::-webkit-selection {background:#000000; color:#ffffff}

KET* : Kode yang  berwarna Merah untuk Background dan Yang berwarna Hijau Untuk Warna text

5. Simpan Templatenya .


Created Posted By : adias-pc.blogspot.com


Kalo Ada Yang Kurang Di Mengerti Atau Mau di Tanyakan Silakann Berkomentar...

Cara Membuat Kotak Komentar Via Facebook di Blog


|Cara Membuat Kotak Komentar Via Facebook di Blog|
|Created Posted By : adias-PC|


Mau Tau Cara Membuat Kotak Komentar Via Facebook di Blog ? Cara Membuat Kotak Komentar Via Facebook di Blog Seperti Gambar Di Samping. Caranya Mudah sob Tinggal Ikutin Tutorial Di bawah ini :



1. Login Ke Facebook.


Beri nama kotak komentarmu, centang setuju
dan "Buat aplikasi bari"

verifikasi kata, dan "Submit"


Klik pada " Web site " lalu ketikkan alamat blog ,


Catet, ID Aplikasi, dan Email


3. Kalo Sudah Langsung Login Ke Blogger.
4. Pilih Tab Rancangan/Desaign --->Edit HTML.
5. Download template full dan Expand Widget template, untuk menghindari kemungkinan gagal.
6. Cari Kode <body> (Gunakan F3 Atau Ctrl + F)
7. Kalo sudah Ketemu Copas Kode berikut di bawah Kode <body>.

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39; ID APLIKASI ANDA &#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};


(function() {
var e = document.createElement(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>;

KET* : Ganti ID APLIKASI ANDA dengan Kode Applikasi barusan

8. Selanjutnya Cari Kode </body> (Gunakan F3 Atau Ctrl + F)
9. Copas Kode Berikut ini Di bawah Kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='NAMA BLOG ANDA' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='ID APLIKASI ANDA' property='fb:app_id'/>
<meta content='ALAMAT EMAIL APLIKASI' property='fb:admins'/>
<meta content='article' property='og:type'/>

KET* : Ganti Kode yang berwarna merah Sesuai Keterangan

10. Cari Lagi Kode <data:post.body/> (Gunakan F3 Atau Ctrl + F)
11. Copas Kode berikut ini di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><br/> <div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='450'/></div> 
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'></div></b:if>
 12. Simpan Templatenya.


Created Posted By : adias-pc.blogspot.com


Kalau Ada Yang Kurang Di Mengerti Silakan Berkomentar.....

Cara Membuat Next Page dengan Angka

 |Cara Membuat Next Page dengan Angka|
|Created Posted By : adias-PC

Hy Sobat Blogger Pada kesempatan kali ini Adias-PC memberitahu Sobat Cara Membuat Next Page dengan Angka.Kegunaannya pengunjung dengan mudah mengeksplorasi halaman artikel kita lebih leluasa dan untuk mempercantik blog supaya lebih kelihatan professional lagi.Untuk Contoh Silakan Liat Gambar Di Bawah Sini :




Oke SOb Kita Langsung Cekidot Aja :

1.  Loggin Ke Blogger.
2. Setelah Berada Di Dasbor Masuk Ke Menu Rancangan ---> Edit Html.
3. Centang Kotak Expand Template Widget.
4. Kemudian Cari Kode ]]></b:skin> [Tips : Biar mencarinya lebih mudah tekan F3 atau Ctrl + F].
5. Kalo Sudah Ketemu Copy Kode di bawah ini kemudian Pastekan di Atas Kode ]]></b:skin>.

.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

6. Setelah Itu Cari Kode </head> [Tips : Biar mencarinya lebih mudah tekan F3 atau Ctrl + F].
7. Kalo Sudah Ketemu Copy Kode di bawah ini kemudian Pastekan di Atas Kode </head>.

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://js-rezdown7.googlecode.com/files/rd7page.js' type='text/javascript'/> 

8. Simpan Templatenya Dan Lihat Hasilnya


Created Posted By : adias-pc.blogspot.com

Cara Membuat Buku Tamu/Daftar Hadir/ShoutBox


|Cara Membuat Buku Tamu/Daftar Hadir/ShoutBox|
|Created Posted By : adias-PC|










Singkat Kata langsung Mulai Aja Tutornya :


2. Klik CREAT YOUR SHOUTBOX NOW.
3. Kemudian isi form Yang di sediakan sesuai data Sobat.Kalo sudah Centang Kotak "I have read and agree to the Terms of Service" dan klik CONTINUE.
4. Pilih Bentuk Shoutmix Sesuai keinginan Sobat 
kemudian Klik CONTINUE kembali.
5. kalo sudah berhasil Ke Control Panel kemudian Ke menu Get Codes.
6. Kemudian Pilih "Place Shoutbox On Webpage" dan Atur Tinggi dan lebarnya.
7. Kemudian Copy Generate Code/HTML Codenya.
8. Kemudian balik Ke Blogger masuk kemenu Rancangan ---> Page Element ---> Tambah Gadget ---> Pilih HTML/JavaScript dan Pastekan Kode Shoutmix tadi Yang Sudah Di Buat.



Created Posted By : adias-pc.blogspot.com

Cara mengganti cursor blogger

|Cara mengganti cursor blogger|
|Created Posted By : adias-PC|


Saya Yakin Anda Pasti Bosan Dengan cursor yang berbentuk Panah itu. Anda Bisa mengganti cursor tersebut dengan cursor Sobat. Caranya sangat mudah.






Langsung Mulai Aja :

1. Login Ke Blogger
2. Masuk ke Tab 'Rancangan'
3. Klik 'Tambah Gadget' Pilih 'HTML/JavaScript'
4. Copas Kode Di Bawah ini :
<style type="text/css">body {cursor:url("http://www.123cursors.com/freecursors/7676.gif"),default}</style>
5. Ganti Kode yang Berwarna hijau Dengan kode Cursor Sobat. Untuk mengetahui Alamat Cursor yang lain kunjungi 123cursor.


Created Posted By : adias-pc.blogspot.com

Cara memasukan Kode HTML ke posting Blog

|Cara memasukan Kode HTML ke posting Blog| 
|Created Posted By : adias-PC


Kali Ini saya Akan memberi tau Cara  memasukan Kode HTML ke posting Blog. Pada Awalnya Sih Saya Juga bingung Bagaimana Cara Memasukan Kode HTML ke posting Blog ? Ya Saya Langsung Googling Aja Akhirnya Saya Nemu juga Cara  memasukan Kode HTML ke posting Blog.



Kalo Kamu MAu Memasukan Kode HTML Ke Posting Caranya Mudah.Liat Aja Tutor Di Bawah Ini :

1 . Siapkan Kode HTML
Contoh :
<a href="http://adias-pc.blogspot.com">Adias-PC</a>
3. Perhatikan Gambar Berikut Ini :
Keterangan : 
No.1 Kode HTML yang akan di masukan kedalam posting.
No.2 Tombol Encode


4. Copy Kode HTML Kalian Ke dalam Kotak No.1 Kemudian Klik Encode
5. Copy Paste Kode HTML Yang Sudah Di Encode Tadi Kedalam Posting Kalian


Created Posted By : adias-pc.blogspot.com

Cara Membuat Related Post /Artikel Yang Bersangkutan

|Cara Membuat Related Post /Artikel Yang Bersangkutan|
|Created Posted By : adias-PC|







Kali ini Saya Akan memposting Tentang Tutorial Blogger Yaitu Cara Membuat Related Post /Artikel Yang Bersangkutan.Fungsi Dari Related Post /Artikel Yang Bersangkutan Cukup Penting.Yakni pengunjung bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang dibaca.

Oke Kita Mulai Saja Ke Tutorialnya :
1. Login Ke Blogger
2. Masuk Ke Tab 'Rancangan ---> Edit HTML'
3. Centang kotak 'Expand Widgets Template'
4. Cari kode ini <data:post.body/>
5. Letakkan script berikut ini di bawah kode <data:post.body/> tadi.


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

6. Simpan Templatenya

Catatan : Sobat Bisa Mengganti Tulisan Related Post Dengan Kalimat Lain Misalnya Artikel Terkait.


Created Posted By : adias-pc.blogspot.com

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites