--> Kang-Mauk : Tutorial blog | informasi dan tips yang bermanfaat

informasi menarik dan menyenangkan

www.kangmauk.blogspot.com
Showing posts with label Tutorial blog. Show all posts
Showing posts with label Tutorial blog. Show all posts

Thursday, April 24, 2014

Cara Mudah dan Gampang Mengubah Permalink Blog

Cara Mudah dan Gampang Mengubah Permalink Blog

Salam Hangat dari Blogger Bogor Barat

Tips Mengubah Permalink Blogspot

Permalink Blogspot
Permalink adalah tautan atau link permanen, singkatan dari "Permanent Link", berupa URL ataub alamat posting di blog. Katanya sih, permalink ini bagian dari "SEO Onpage" sebagai senjata untuk mempertajam SEO.
Permalink blogspot mencantumkan tahun dan bulan sebelum mencantumkan judul posting. Ini "default" blogger alias "harus diterima dengan ikhlas", meskipun tampaknya permalink demikian "kurang SEO", dibandingkan dengan permalink yang, misalnya, mencantumkan label/kategori.

Google, sang pemilik Blogger, juga menjelaskannya di posting mereka tentang Custom Permalinks. Intinya, kita hanya bisa mengubah judul setelah angka tahun/tanggal.

Selain itu,  kita tidak bisa mengubah Permalink posting yang sudah dipublikasikan. Kebanyakan blogger "terpaksa" copas posting, menghapusnya, lalu membuat posting yang baru dengan "paste" konten lama plus sedikit update atau modifikasi.

Padahal, ada cara lain, tidak mesti menghapus posting lama dan membuat yang baru untuk menubah permalink tersebut. Caranya, EDIT posting tersebut, REVERT TO DRAFT, lalu ubah permalink, dan publish lagi!

Cara Mengubah Permalink Blogspot
Ini dia Cara Mengubah Permalink Postingan di Blogspot sebagaimana dikasi tau sama Google.

When you write a post, Blogger automatically generates a permalink (a URL that links to a blog post) for your post from its title. If you prefer to use a custom permalink, you can do so via the “Permalink” option in the Post Settings box.

Although you’ll still have the option to generate the URLs for posts automatically, the customized option gives your URL greater stability. For example, because Blogger automatically creates the URL from information from your post title, your URL would change should you decide to edit the title. This would result in broken links, and fewer visitors to your blog.

Once you click Permalink, you’ll see that the option for automatic posting is selected as default. To create your own URL for this specific post, simply select Custom, and type in your new URL. If you wrote the post in March of 2012, your new URL will look like this:

www.nameofblog.blogspot.com/2012/03/customURL.html

The bolded area is the part of the URL that is customizable.

If you choose Automatic Blogger will generate the URL from the title of your post. So let’s say you created a post on March of 2012, and you titled it "Hiking in Vermont." The URL for that post would look like this:

www.nameofblog.blogspot.com/2012/03/hiking-in-vermont.html

Alternatif Mengubah Permalink Blogspot untuk SEO
Selain memanfaatkan fasilitas "Permalink", khususnya jika judul posting terlalu pananjang sehingga terpotong, banyak blogger kemudian mengubah permalink untuk kepenyingan SEO.

Caranya, dengan membuat box khusus di akhir posting, seperti bisa And lihat di akhir posting yang sedang Anda baca ini: "Anda sudah membaca .... dst."

Begini cara membuatnya:
1. Template --> Edit HTML
2. Cari kode ]]> dan letakkan kode berikut ini di atasnya:

.permalinkblogspot {
border: 1px solid #EFF0F1; padding: 5px;
background: #ffffff;-moz-border-radius:5px;}
.permalinkblogspot a {background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

3. Cari kode <data:post.body/> atau <p><data:post.body/></p> dan simpan kode berikut ini di bawahnya. Jika dua atau lebih kode <data:post.body/> yang mungkin timbul karena template blog menggunakan "Read More", maka pilih kode <data:post.body/> yang kedua.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='permalinkblogspot'> <center><small>Anda sudah membaca posting  tentang <strong><u><data:blog.pageName/></u></strong> dan bisa menemukan posting <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>. Silakan share atau copy paste posting <strong><data:blog.pageName/></strong> dengan mencantumkan link Sumber: <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> Terima kasih.....</small></center></div></b:if>

Anda bisa mengubah kata-kata selain kode dengan kalimat versi Anda sendiri.

4. SAVE!

Selain permalinks, yang sering kita lupakan adalah fasilitas "Search Description" saat kita menulis posting. Isi juga tuh, biar SEO!

Friday, August 30, 2013

Cara Mudah dan Gampang Submit Blog ke Search Engine

Cara Mudah dan Gampang Submit Blog ke Search Engine

Assalamu'alaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat
Blog Butut dari Barat Bogor kali ini sharae tentang Cara Mudah dan Gampang Submit Blog ke Search Engine.
baik ke google,yahoo,bing dll

1.Daftar Blog / Web di Google


Masuk ke situsnya yaitu : http://www.google.com/addurl (akun google digunakan disini)
Isikan data-data yang diminta pada formulir yang disediakan
URL = isi dengan alamat blog/web kamu. contoh = http://namabloganda.blogspot.com
Comments = isi dengan keyword pada blog/web kamu.
Optional = isikan code yang tertulis pada kotak yang tersedia
Klik [Add URL]
Kalo bener nanti ada kata-kata : [Thank you , Your site URL has been succesfully added to our list of URLs to crawl]
Selesai..


2. Daftar Blog / Web di Yahoo



Silahkan kunjungi : https://siteexplorer.search.yahoo.com/submit
Klik [Submit a Website or Web Page] , Masukan alamat blog anda , misalnya : http://namabloganda.blogspot.com , lalu klik [Submit URL]
Klik [Submit Site Feed] , Masukan blog feed anda , misalnya : http://feeds.feedburner.com/feed anda , (kalo daftar di feedburner). Atau : http://namabloganda.blogspot.com/atom.xml .
Lalu klik [Submit feed]
Selesai


3. Daftar Blog / Web di MSN/Bing




Masuk ke situsnya : http://search.msn.com/docs/submit.aspx?FORM=WSDD2.
Isikan text sesuai karakter yang disediakan
Masukan URL Blog anda misalnya : http://namabloganda.blogspot.com
Klik [Submit URL]
Selesai


Semoga Bermanfaat

Friday, August 23, 2013

Cara Mudah Membuat Artikel Acak Bergerak di Blog

Cara Mudah Membuat Artikel Acak Bergerak di Blog

Assalamu'alaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat


Blog Butut dari Bogor Barat kali ini share tentang Cara Mudah dan Gampang Membuat Artikel Acak Bergerak di Blog
untuk mempercantik dan membuat sexy blog anda mungkin artikel acak ini bisa menjadi pernak-pernik blog sobat jangan lupa baca juga cara mudah membuat slider widget di blog dan cara mudah membuat recent post keren di blog

cara mudahnya sebagai berikut ini :
1. log in ke blog sobat

2. pilih ' Tata Letak '

3. addgadget

4. pilih " HTML Javascript "

5.copy/paste kode di bawah ini

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong></strong></center>
<center>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:100%;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:100%;
padding: 0px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
width:100%;
font-size:10px;
height:12px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:8px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:12px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
imgr[1] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
imgr[2] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
imgr[3] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
imgr[4] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
showRandomImg = true;
boxwidth = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 9;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://informasibogorbarat.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script>
</div></center>


    Ket : ganti yang berwarna merah dengan alamat blog sobat

6. Simpan/save

Tuesday, August 20, 2013

 Cara Mudah dan Gampang Membuat Widget Slider Keren di Blog

Cara Mudah dan Gampang Membuat Widget Slider Keren di Blog

 Assalamu'alaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat

Blog Kp.Calingcing Bogor Barat, kali ini share Cara Mudah dan Gampang Membuat Widget Slider Keren di Blog , lumayan sebagai tambahan tempat widget dikarenakan di widget ini tidak akan tampil jika tidak di sentuh mause ehehehehehehh

caranya cukup mudah

1. log in ke blog sobat

2. pilih "Tata Letak'

3. add gadget

4. pilih "HTML JavaScript"

5. Masukkan Kode di bawah ini
   
   style type='text/css'>
.fwidget{background:#000;border-radius:5px;bottom:-5px;box-shadow:0 0 5px #fff;color:#fff;float:left;height:25px;margin-left:95px;opacity:.8;overflow:hidden;padding:auto;position:fixed;text-shadow:0 0 5px #000;width:90px;z-index:9;-o-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out}
.fwidget:hover{background:transparent;border:2px solid #000;box-shadow:0 0 15px #000;color:#000;height:450px;margin-left:20px;opacity:1;width:240px}
.fwidget-body{-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out}
.fwidget h3{cursor:point;font-size:13px;text-align:center}
</style>

<div class='fwidget'>
<h3>Judul Widget</h3>
<div class='fwidget-body'>
<center>MASUKAN SCRIPT WIDGETNYA MISALNYA BUKU TAMU</ceenter>
</div>
</div> 



   ganti yang berwarna merah sesuai keinginan sobat
6. Save/Simpan

7. Semoga berhasil

Sunday, August 18, 2013

 Cara Mudah Membuat Recent Comment Keren di Blog

Cara Mudah Membuat Recent Comment Keren di Blog

Assalamu'alaikum Wr Wb
Salam Hangat dari Blogger Bogor Barat
Blog Guru Honorer kali ini Share Tentang Cara Mudah Membuat Recent Comment Keren di Blog
Recent comment atau Komentar memang sangat di butuhkan untuk mengetahui komentar pengunjung blog  sobat. sehingga dengan otomatis setiap komentar yang di komentari oleh pengunjung dapat langsung dilihat.
Jika kita ingin menghapus komentar blog baca juga" Cara menghapus komentar Blog "


 Ikuti langkah-langkah mudahnya seperti dibawah ini

1. Log in ke Blog Sobat

2. Pilih " Tata Letak "

3. Klik "addgadet"

4.Pilih "HTML JavaScript"

5. Copy dan Paste CodeScript di bawah ini

<style type="text/css">
    ul.asharexp_recent_comments{list-style:none;margin:0;padding:0;}
    .asharexp_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .asharexp_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .asharexp_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .asharexp_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 11px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 7,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=100,
 adminBlog='ibnumas99';
//]]>
</script>
<script type="text/javascript" src="http://tutorialbelajarblogger.googlecode.com/files/Recent%20Comments%20thumbnail.js"></script>
<script type="text/javascript" src="http://informasibogorbarat.blogspot.com/feeds/comments/default?alt=json&callback=asharexp_recent_comments&&max-results=100"></script>
<div style="text-align:center">
<span style="float:left;font:italic 10px Arial, Sans-Serif; color:#3D3D3D;"></span></div>
<script
language='Javascript'>document.write(unescape('%3C%73%74%79%6C%65%3E%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%2E%69%74%65%6D%2D%74%69%74%6C%65%7B%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%7B%62%61%63%6B%67%72%6F%75%6E%64%3A%20%6E%6F%6E%65%20%72%65%70%65%61%74%20%73%63%72%6F%6C%6C%20%30%20%30%20%74%72%61%6E%73%70%61%72%65%6E%74%3B%66%6C%6F%61%74%3A%20%6C%65%66%74%3B%6C%69%73%74%2D%73%74%79%6C%65%3A%20%6E%6F%6E%65%20%6F%75%74%73%69%64%65%20%6E%6F%6E%65%3B%6D%61%72%67%69%6E%3A%20%33%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%70%61%64%64%69%6E%67%3A%20%30%20%21%69%6D%70%6F%72%74%61%6E%74%3B%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%69%6D%67%20%7B%70%61%64%64%69%6E%67%3A%33%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%23%66%65%66%65%66%65%3B%2D%77%65%62%6B%69%74%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%2D%6D%6F%7A%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%66%6C%6F%61%74%3A%6C%65%66%74%3B%6D%61%72%67%69%6E%3A%30%20%36%70%78%20%30%20%30%3B%70%6F%73%69%74%69%6F%6E%3A%72%65%6C%61%74%69%76%65%3B%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%3B%2D%77%65%62%6B%69%74%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%2D%6D%6F%7A%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%20%2D%6F%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%69%6D%67%3A%68%6F%76%65%72%20%7B%70%61%64%64%69%6E%67%3A%33%70%78%3B%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%35%70%78%3B%2D%6F%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%20%20%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%6F%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%20%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%2D%77%65%62%6B%69%74%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%62%6F%78%2D%73%68%61%64%6F%77%3A%20%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%7D%0A%3C%2F%73%74%79%6C%65%3E%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%62%6F%74%74%6F%6D%3A%20%30%70%78%3B%20%72%69%67%68%74%3A%20%30%70%78%3B%22%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%68%65%72%6D%61%6E%62%61%67%75%73%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%72%65%6C%3D%22%64%6F%66%6F%6C%6C%6F%77%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%73%74%79%6C%65%3D%22%6D%61%72%67%69%6E%2D%74%6F%70%3A%2D%32%35%70%78%22%3E%2E%3C%2F%61%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%68%65%72%6D%61%6E%62%61%67%75%7A%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%72%65%6C%3D%22%64%6F%66%6F%6C%6C%6F%77%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%73%74%79%6C%65%3D%22%6D%61%72%67%69%6E%2D%74%6F%70%3A%2D%32%35%70%78%22%3E%2E%3C%2F%61%3E%0A%3C%2F%64%69%76%3E'));</script>

6. Ganti yang berwana merah dengan alamat blog sobat, dan yang berwarna biru dengan Jumlah Komentar yang ingin di tampilkan

7. Simpan/save

9. Semoga Berhasil
    
Cara Mudah dan Gampang Membuat  Tombol Share addThis di Blog

Cara Mudah dan Gampang Membuat Tombol Share addThis di Blog

Assalamu'alaikum Wr.Wb

Salam Hangat dari Blogger Bogor Barat
Blog Butut dari Bogor Paling Barat kali ini Share tentang Cara Mudah dan Gampang Membuat  Tombol Share addThis di Blog
    jika mau yang lebih keren baca juga : Cara membuat tombol share Keren berputar dan melayang di blog
    tombol addThis adalah layanan untuk share artikel blog ke berbagai media sosial network, mungkin aga blog bisa menjadi ramai pengunjung (heheheeh Seperti Pasar Malam )

Tidak Banayak cerita langsung saja ikuti pembuatan mudahnya seperti di bawah ini

1. Silahkan Kunjungi situs AddThis

2. Buat Akun dulu menggunakan Email sobat

3. Kalau sudah Buat akun = Klik "Get Started "
    Seperti Gambar Hot di Bawah ini
   


4. Klik " Get The Code "  Kemudin " Smart Layers "
    Seperti Gambar Sexy di bawah ini
   

    tambahan : Tergantung Ke inginan kita
5. Klik " Generate Code "
    Seperti gambar ini
   


6. Copy Code Scriptnya

7. log in Ke blog sobat

8. Klik "Tata Letak"

9. addgadget

10. pilih "HTML JavaScript "

11. masukkan Codenya

12. Simpan/Save

13. Semoga Berhasil

Saturday, August 17, 2013

Cara Mudah dan Gampang Menghapus Komentar Blog

Cara Mudah dan Gampang Menghapus Komentar Blog

Assalamu'alaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat

 Blog informasi "Bogor Barat " kali ini Share tentang Cara Mudah dan Gampang Menghapus Komentar Blog 
   langkah-langkah sederhananya seperti berikut ini

1. Log in Ke Blog Sobat

2. Klik "Komentar"
    Seperti Gambar Sexy ini hehehehe

3. Ceklist atau Centang Komentar yang akan kita hapus   
    Seperti Gambar Cantik di bawah ini (hahahahahahha)

     4. Semoga Bermanfaat

Tuesday, August 13, 2013

 Cara Mudah dan Gampang Membuat Sosial Bookmark Melayang di Blog

Cara Mudah dan Gampang Membuat Sosial Bookmark Melayang di Blog

Assalamu'alaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat
Blog info Bogor Barat, Kali ini Share tentang Cara Mudah dan Gampang Membuat Sosial Bookmark Melayang di Blog

Langkah-langkah Mudahnya Sebagai Berikut
1. Log in ke Blog Sobat
2. Pilih " Tata Letak "
3. Klik "addgadet"
4.Pilih "HTML JavaScript"


5. Copy/Paste Script dibawah ini

    <style>
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#eeeeee;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .rss a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikfwCEVgrB95vHPkYrQt2dF3uc8rlIkT7PnCKclGYyIGnQI5-KiZ5OWxGaNPMRzo93gqmIHIPtMkm-uPRHjAaPxj-usJ5TbUyTg6x9bhgLzSS0TCI0t0grsqUbaF86_G781kAUZq1xJVA/s1600/64x64.png);
}
ul#navigation .facebook a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8mKZbKzZYqJrAgvpBQFEk2WWno0MynaOi0wQlVmL__56vx7kd6X7658yOZ0h8qZymU_Ag3f7HRofbU8xKDJJpwb08M83LWN7XCLM8Lu9rAE7BQmXYUFTDHPIbKQr_NXevELUFo1EmXjg/s1600/64x64.png);
}
ul#navigation .twitter a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSASMY1Tn19qMN6AB8xucLq1G_C_Tntp4NUIlWRuoZUkSjOtZOlQfrHx-j2OQxBoQZuY_AjRnvyJ0xYgprJsuEg7e9M23ITvHdBXMvuNOvyFfbdOhNTeNCv0x7SLne24e0nGm8vYu8l3Q/s1600/64x64.png);
}
ul#navigation .googlebookmarks a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix297yjgK_6NwvFLlWDurfraXp27Isv9TGzDiDM0ze6KZZw-TBifs2j5-MoTk1UHNjZqz3SpPmuUimsMjtNuVT8vaBpz8cXh-WRJA3x2nNqDs45kZr7g4eo-faJ_oX4oyne5nL76jJ9aY/s1600/64x64.png);
}
ul#navigation .e-mail a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDFBfNQnWAhvvPtKboRc4HHDEA1xgVQTj98jFSR4zkv3pCGXGShi0rpCoxOtUTYRG3NRKKKaUInIUT5eFvdFIagcIxZrAi73qDz-2cA_jijC5OSCnwQM_Gd3USdv18e8AS6BkG7929bI77/s400/yahoo_64x64.png);
}
</style>

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});

$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>

<ul id="navigation">
<li class="rss"><a href="http://YOUR-BLOG.blogspot.com/atom.xml">RSS Feed</a></li>
<li class="facebook"><a href="FACEBOK-PROFILE">Facebook</a></li>
<li class="twitter"><a href="TWITTER-ACCOUNT">Twitter</a></li>
<li class="googlebookmarks"><a href="https://www.google.com/bookmarks/">Google</a></li>
<li class="e-mail"><a href="<div style="color: red;"YAHOO!-ACCOUNT">Yahoo!</a></li>
</ul>



6. Simpan Semoga Berhasil

Saturday, August 10, 2013

Cara mudah dan Gampang Mempercepat Loading Blog

Cara mudah dan Gampang Mempercepat Loading Blog

Assalamualaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat
Blog News and Shares News kali ini Share Tentang Cara mudah dan Gampang Mempercepat Loading Blog.
Cara-caranya cukup Mudah Seperti Cara mempercepat Speed Internet hehehehe

Cara Ke-1

1. Jangan Terlalu Banyak Gambar atau Banner ini juga sebagai salah satu faktor yang memberatkan loading blog

2. jangan Terlalu Banyak menggunakan Script atau Widget, dalam arti kata di sesuaikan saja (heheheeh)

3. Jangan menggunakan background blog dengan gambar yang ukurannya besar

4. Jangan terlalu banyak memasang Animasi di Blog

Cara Ke-2

 1. Log in Ke Blog Sobat

 2.  Pilih " Template "
      Seperti Contoh gambar di bawah ini
     


 3.  klik "Edit HTML"
         


 4. Cari kode </head> gunakan CTRL + F pada keyboard

 5. Letakkan Kode Berikut diatas kode </head>
   
    <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2fYwHDtUCM7iT50rCfSUB9L0w03Q4XHkuv8aPqGUQlR16qiZH7FE4PTp1vKIbKFbXsOAtBmqk4VyHwtCBjGKT2a9_iEj9pQ8C85_hYKpIW8LR3j-o5spg6iMcM0OI7XpZ4t7Y1BTQ1Po/&quot;,threshold : 200}); }); </script>

6. Simpan / Save

8. Semoga Berhasil 


Wednesday, August 7, 2013

Free Template Blog Dengan Style Metro Window 8

Free Template Blog Dengan Style Metro Window 8

Template Blog Dengan Style Window 8 sekedar share tentang template blogger yang bertemakan Window 8, yang akhir akhir ini di tahun 2013 lagi trend ataupun naik daun tidak hanya sistem operasi tetapi banyak bermunculan blogger profesional membuat template blog mengadopsi tampilan desain window 8. Berikut ini beberapa template blogger bertemakan Style Metro Window 8
 
1.Metro Simple Blogger Template


 
2.Metro BTK Premium Blogger Template

3.Windows 8 v2 Blogger Template

4.Metro Modern Solar Blogger Template
Metro Modern Solar Blogger Template di buat oleh  BlogThietKe . Metro Modern Solar  menggunakan warna abu-abu sebagai background dan  sedikit tambahan warna hijau di Kategori atau label.Template ini  sangat cocok untuk  blog pribadi atau blog berita teknologi. Seperti yang saya kutip langsung dari BlogThietKe, Template ini Terinspirasi oleh interface Metro Windows .

5.Metro UI Blogger Template

6.Metro Blogger Template

 
 
 Cara Mudah dan Gampang Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse

Cara Mudah dan Gampang Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse

Assalamu'alaikum Wr.Wb
MINAL AIDZIN WALFAIDZIN MOHON MAAF LAHIR DAN BATIN
Salam Hangat dari Blogger Bogor Barat

Blog News and Shares News kali ini Share Tentang Cara Mudah dan Gampang Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse
Apabila sobat blogger sekalian berminat untuk mencoba silakan ikuti langkah-langkah  Mudahnya seperti berikut ini:

1. Seperti biasa sobat harus login dulu di akun blog sobat

2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
    Seperti ilustrasi Gambar di bawah ini

    1.
   


   
   2.
           


3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan

4. Sobat cari kode  </head>

5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode  </head>

     <style>#oktri img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
    #oktri img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.
1. Sobat harus menambahkan kode  <div id="oktri"> sebelum url gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

    <div id="oktri">
    <a href="http://http://informasibogorbarat.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge0oOsPJ8ghRPOV-VibgeDtmKdUqPUi2Ale-ECrFuMy8tLzZ7a8AoQ75Dl8haZ037mZ76PneMDFhLRIpdS8rMDccltzof5c0r6fDHavKr28X15Mt-D6R1qHQwxfeQGJpiy1dCWPjOUmBVm/s200/naruto+dont+copy.png" /></a></div>

keterangan:

    kode berwarna merah adala kode pembuka dan penutup
    kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat
    pasang di dalam postingan.
    Setelah semuanya selesai klik publikasikan.

7. Semoga Berhasil

Tuesday, August 6, 2013

Cara Mudah dan Gampang Plus Simple Membuat Breadcrumb Navigation di Blog

Cara Mudah dan Gampang Plus Simple Membuat Breadcrumb Navigation di Blog

Assalamu'alaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat

Blog informasibogorbarat, Kali ini Share Tentang Cara Mudah dan Gampang Plus Simple Membuat Breadcrumb Navigation di Blogspot

1. Mengenal apa itu breadcrumb

Jika Anda perhatikan navigasi directory label seperti yang Anda lihat diatas judul posting ini, agar lebih jelas coba perhatikan urutan main menu yang di navigasikan oleh tanda >> yang mengarahkan ke posisi directory label penyimpanan yaitu directory dimana halaman posting tersimpan.

Ini contohnya:

Home>>SEO>>Cara Mudah dan Gampang Plus Simple Membuat Efek Gerak Pada Link di Blog.

       Jadi, jika menurut Saya breadcrumb itu adalah suatu attribute pada template blog atau website yang berfungsi memudahkan pencarian oleh robots dengan bantuan berupa arahan yang membawa ke lokasi tempat dimana file tersimpan.

Baiklah pada panduan dan tutorial gratis sekarang kita akan bersama-sama belajar memasang atau mengaktifkan breadcrumb tersebut pada halaman blog kita.

Pertama login ke blogger.com, setelah login ikuti panduan berikut:

1 Setelah masuk halaman dasbor/dashboard, klik "Design" atau "Rancangan". Dari halaman Tata   Letak/Layout ".
   Lebih Simplenya Seperti Contoh Gambar di bawah ini
  



2. Pilih " Edit HTML "
    Seperti Contoh Gambar di Bawah ini


3. Cari kode seperti ini:
<b:include data='top' name='status-message'/> di template Anda.

4. Ganti dengan kode berikut:

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>


5 Cari lagi kode seperti ini:

<b:includable id='main' var='top'>

6 Ganti dengan kode berikut:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>


7. Cari kode seperti ini: ]]></b:skin> dan Letakkan Kode dibawah ini Tepat Diatasnya
    Jadinya Seperti ini

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

]]></b:skin>

8. Save template, lihat hasilnya dengan cara mengklik salah satu judul posting Anda

9. Selamat mencoba dan semoga berhasil.


Sunday, August 4, 2013

Cara Mudah dan Gampang Plus Simple Membuat Efek Gerak Pada Link di Blog

Cara Mudah dan Gampang Plus Simple Membuat Efek Gerak Pada Link di Blog

 Assalamu'alaikum Wr.wb
Salam Hangat dari Blogger Bogor Barat

Blog News and Shares News kali ini Memberikan Tips Tentang Cara Mudah dan Gampang Plus Simple Membuat Efek Gerak Pada Link di Blog Ketika Disentuh Kursor Mouse.

  Berikut langkah-langkah dan Cara Mudahnya

1. Log in ke Blog Sobat

2. Pilih " Tata Letak "
    Seperti Contoh Gambar di Bawah ini
   





 3. Klik " addgadget '
     Contohnya Seperti Berikut
    




4. Pilih " HTML JavaScript "
   




5. Copy/Paste kode di bawah ini



<br /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script><br /> <br />




6. Save/Simpan

7. Semoga Berhasil












Saturday, August 3, 2013

Cara Mudah dan Gampang Mempercepat Speed Download Dengan Menggunakan IDM Download Manager

Cara Mudah dan Gampang Mempercepat Speed Download Dengan Menggunakan IDM Download Manager

Assalamu'alaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat

Blog News and Shares News kali ini share Tentang " Cara Mudah dan Gampang Mempercepat Speed Download Dengan Menggunakan IDM Download Manager " 

Ikuti langkah-langkah mudahnya sebagai berikut :

 1. Buka IDM Download Manager Anda

 2. Pilih " Options "
     Seperti Gambar di bawah ini
    

3. Setelah Muncul
    Pilih " Connections "
   

4. Silahkan ganti connections Sesuai gambar di bawah ini dan save
    


5. Semoga Berhasil dan lebih Wuzzzz






Cara Mudah dan Gampang Membuat Share Button Media Social Super Keren di Blog

Cara Mudah dan Gampang Membuat Share Button Media Social Super Keren di Blog

Assalamu'alaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat

Blog News and Shares News kali ini Share Tentang " Cara Mudah dan Gampang Membuat Share Media Social Super Keren di Blog "


    langsung saja Ikuti Cara-cara Mudahnya di bawah ini

1. Log in Ke Blog Sobat

2. Pilih " Tata Letak "  Seperti Contoh gambar di bawah ini
   



 3.  Setelah di pilih Klik Kembali "add gadget "
      Seperti gambar berikut
     
4. Pilih " HTML Java Script "

   

5. Copy /Paste Kode Di Bawah Ini
   
 <!-- Start Shareaholic Sassy Bookmarks HTML-->
        <div class='shr_ss shr_publisher'>
        </div>
        <!-- End Shareaholic Sassy Bookmarks HTML -->
        <!-- Start Shareaholic Sassy Bookmarks settings -->
        <script type='text/javascript'>
        var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
        </script>
        <!-- End Shareaholic Sassy Bookmarks settings -->
        <!-- Start Shareaholic Sassy Bookmarks script -->
        <script type='text/javascript'>
        (function() {
        var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
        sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
        })();
        </script>
        <!-- End Shareaholic Sassy Bookmarks script -->


6. Simpan dan lihat hasilnya

7. Semoga Berhasil


 




Friday, August 2, 2013

 Cara Mudah dan Gampang Plus Sederhana Memverifikasi WordPress Blog

Cara Mudah dan Gampang Plus Sederhana Memverifikasi WordPress Blog

    Assalamu'alaikum Wr.Wb

     Blog News and Shares News kali Ini share Tentang " Cara Mudah dan Gampang Plus Sederhana Memverifikasi WordPress Blog "



    Agar blog wordpress kita mudah terindex oleh Google, salah satunya  kita harus melakukan verifikasi blog wordpress kita di Google Webmaster Tools
 Bagi pemula, verifikasi blog wordpress di Google Webmaster Tools ini tidak semudah dibayangkan. Tapi jangan khawatir bro, berikut ini saya berikan cara mudah verifikasi blog wordpress di salah satu tools google tersebut.
             Dengan mengikuti cara mudah ini, dijamin status blog wordpress  anda verified (terverifikasi). Dengan catatan, Anda harus memiliki Gmail terlebih dahulu. Bagi yang belum punya email Gmail, silakan bikin dulu. Gratis koq.
Tahap-tahap verifikasi blog wordpress di Google Webmaster Tools adalah sebagai berikut:

1. Kunjungi http://www.google.com/webmasters/tools.

2.  Masukkan username dan password Gmail Anda.


3. Akan muncul tampilan Dashboard. Masukkan URL blog wordpress Anda pada kolom yang dikotaki 
merah di bawah ini. Lalu klik Add Site.

4. Akan muncul tampilan Overview. Tahap selanjutnya klik Verify your site.


5. Muncul status blog wordpress kita yaitu Unverified. Untuk memverifikasinya, ada dua metode yaitu meta tag dan upload an HTML file. Pilih upload an HTML file, lalu copy kode HTML yang ada.

6. Pada browser lain, Login ke blog wordpress Anda. Klik PAGE , lalu klik ADD NEW. Paste kode HTML tadi ke di kolom Title. Bagian content gak perlu diisi.


7. Di bagian Attributes, pilih halaman blog Anda yang akan dijadikan Parent. Dalam contoh ini saya memilih halaman Parent “Contact Me”. Lalu klik Publish. Halaman yang baru dipublish ini gak akan tterlihat di tampilan blog kita, namun Google masih bisa mengidentifikasinya.

8. Kembali ke browser Google Webmaster Tools, klik verify.

9. Bila muncul You’ve successfully verified http…, ini berarti blog wordpress Anda telah Terverified 

10. Semoga Berhasil




Tuesday, July 30, 2013

no image

Cara Mudah dan Gampang Membuat Widget Share Social Media Dengan Efek Gulung

 Assalamualaikum Wr. Wb

Salam Hangat dari Blogger Bogor Barat

Blog News and Shares News kali ini Share Tentang " Cara Mudah dan Gampang Membuat Widget Share Social Media Dengan Efek Gulung "

Ikuti Langkah-langkah Mudahnya seperti di bawah ini :

1. Log In Ke Blog Sobat

2. Pilih " Tata Letak "

3. Klik "addgadget "

4. Pilih " HTML JavaScript"

5. Copy /Paste Kode Dibawah ini

 

<style> /*--------Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixjWyhXWkgnMftMPPHgaiGAdirlrmfhbHeTlCECCSQ-eJ7dpbj358-vJ1HSNmnKpVhi3qpVtxQyBzk9p6W8IaCt8Ka16VEV0WJoYcmtwS8h38imvHG3JNCC5qHn-E0c1U9jQKHnOthwn4/s1600/Sharing+Touch+Me.png) no-repeat; -webkit-transition: ease-in 0.2s all;    -moz-transition: ease-in 0.2s all;    -o-transition: ease-in 0.2s all;    -ms-transition: ease-in 0.2s all;    transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <div class='touchme'> <!--RSS--> <a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a> <!--Google Plus--> <a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a> <!--Facebook--> <a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a> <!-- Twitter --> <a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a> </div>


6. Ganti Yang berwarna dengan Url anda

7. Simpan dan lihat hasilnya

8. Semoga Berhasil