Membuat Burung Twitter Terbang di Blog

Membuat burung twitter terbang di blog - Kali ini mas arif akan berbagi informasi tentang cara membuat burung twitter terbang di Blog. Bagi blogger-blogger lama dan berpengalaman ini memang sangat mudah. tapi bagi blogger-blogger pemula, pasti sedikit kesulitan tentang membuat burung twitter terbang di blog. Apalagi sekarang orang-orang ingin dikenal, bisa juga lewat twitter. langsung saja.

Cara membuat burung twitter terbang di Blog.

1. Masuk ke akun Blog sobat
2. Pilih Tata Letak
3. Klik Add Gadget => Pilih Html/JavaScribt
4. Masukkan scribt dibawah ini.

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP7h5AfjI145xwIrArxPYQNRQfp9EnU37gMUCJnYE-Hhq58m-zaunCIpB1RJfbJW5DJHmmQ78WNI0E6LDiymNM9KxvhCqhyKXvF394eU2LMvJT1_RoU1oGUyjvbdpNWtxrEUhfrr2mc4s/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/UsernameSobat";
var tweetThisText = "Twitter - UserID http://bloggaptex.blogspot.com/";
tripleflapInit();
</script>

5. Lalu simpan.
ganti yang berwarna merah menjadi UserName Twitter sobat.
Sekian dulu artikel tentang Cara membuat burung twitter terbang di blog.
Pengunjung yang baik meninggalkan jejak dengan berkomentar.

No comments

Posted at 20:58 |  by Unknown

Membuat Halaman Pembuka Atau Intro Blog

Membuat Halaman Pembuka atau Intro BLOG - Buat temen-temen yang pengen ngasih Halaman Pembuka BLOG, disini saya akan memberikan sedikit informasi buat temen" yang pengen ngasih di halaman pembuka di BLOG temen"..

>>DEMO DI SINI<<

Itu tadi demo dari saya,, langsung saja, saya akan memberikan tutorialnya.

Membuat Halaman Pembuka atau Intro BLOG

#Masuk ke Editan HTML

#Masuk ke Template >> Edit HTML >> lanjutkan

#Centang Expand Template widget

#Cari kode ]]></b:skin> gunakan Ctrl + f untuk memudahkan pencarian.

#Tempatkan kode dibawah ini diatasnya.

#intro{
  background:#CAD8C9 url(http://2.bp.blogspot.com/-jILG8O5rDto/UHOJutNC2EI/AAAAAAAAHzA/O22ps9A_aHM/s1600/rd-gradien.jpg) repeat-x top left fixed;
  position:fixed;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  z-index:100;
  text-align:center;
  visibility:hidden;
  }
* html #intro{
  position:absolute;
  width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
  }
#intro .welcome{
  color: rgb(255, 0, 0);
  font-weight: bold;
  font-style: italic;
  font-size:30px;
  margin-top:10%;
  margin-bottom:1%;
  text-shadow:1px 1px 1px #fff;
  }
#intro a img{border:none}
.gohome, .gohome a,.gohome a:visited,.gohome a:active{
  color: rgb(255, 0, 0);
  font-weight: bold;
  font-style: italic;
  margin-top:4%;
  font-size:25px;
  text-shadow:1px 1px 1px #fff
  }
.gohome a:hover{
  color:#ffffff;
  text-shadow:1px 1px 1px #f00;
  text-decoration:none
}

Membuat Halaman Pembuka atau Intro Blog.

#Cari kode </head> dan letakkan kode dibawah ini diatasnya.

<script type='text/javascript'>

//<![CDATA[
 /***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
/*************************************************
* dipost oleh http://masariff.blogspot.com
**************************************************/
var persistclose=1
var startX = 0 
var startY = 0
var verticalpos="fromtop"
 function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}}return returnvalue;}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("intro").style.visibility="hidden";}
 function staticbar(){
 barheight=document.getElementById("intro").offsetHeight
 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
 var d = document;
 function ml(id){
  var el=d.getElementById(id);
  if (!persistclose || persistclose && get_cookie("remainclosed")=="")
  el.style.visibility="visible"
  if(d.layers)el.style=el;
   el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
  el.y -= startY;  }
  return el; }
 window.stayTopLeft=function(){
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : iecompattest().scrollTop;
  ftlObj.y == (pY + startY - ftlObj.y)/0;}
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y == (pY - startY - ftlObj.y)/0;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10); }
 ftlObj = ml("intro");
 stayTopLeft();}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>

Membuat Halaman Pembuka atau Intro Blog.
 #cari kode <body> dan paste kode dibawah ini dibawahnya.

<div id='intro'><div class='welcome'>Selamat Datang</div>
<a href='' onclick='closebar(); return false'><img alt='go to my homepage' src='http://seobl0g.files.wordpress.com/2012/08/arif-aminudin.jpg' title='lanjut membaca'/></a>
<div class='gohome'><a href='' onclick='closebar(); return false'>LAAANNJJUUUTTT</a></div>
</div>

Membuet Halam Pembuka atau Intro Blog.
#Terakhir adalah simpan template.
#Ganti kode berwarna merah dengan kreasi temen" sendiri,,
Semoga artikel Membuat Halaman Pembuka atau Intro Blog ini Bermanfaat.

No comments

Posted at 20:51 |  by Unknown

Membuat Komentar Facebook di Blog

Mas Arif Membuat Komentar Facebook di Blogspot/Blogger - akan berbagi informasi tentang Cara membuat komentar facebook di Blogspot/Blogger. Memang di Google banyak tutorial tentang ini, tetapi sobat bisa melihatnya sendiri. Saya menggunakan double komentar, yaitu Komentar facebook dan blogger. Jadi tutorial ini sudah saya uji cobakan kepada blog saya. Dan hasilnya bisa dilihat sendiri.

Fungsi dari memberikan Komentar facebook adalah selain untuk memudahkan pembaca untuk berkomentar, blog kita juga akan mendapatkan backlink dari facebook. Otomatis peringkat kita akan naik. Ok. langsung saja.

Membuat Komentar facebook dan blogger berdampingan.

1. masuk ke akun blogger.
2. Masuk ke Template => Edit HTML => Lanjutkan
3. centang kotak di pojok kiri atas.
4. cari kode ]]></b:skin>  Supaya lebih mudah gunakan tombol kombinasi CTRL + F. Lalu masukkan ]]></b:skin>  Jika sudah ketemu, Masukkan Kode dibawah ini tepat diatasnya.

.comments-page { background-color: #ffffff;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

untuk warna merah, anda bisa memilihnya untuk sesuai selera, Hilangkan apabila ingin background transparan.
Para Master sebenarnya mewajibkan Untuk ditempatkan dibawah /* Comment atau #comments. tapi sebenarnya sama saja, karena disitu adalah tempat untuk kode CSS.
5. Cari kode </head>
Masukkan Kode dibawah ini diatasnya.

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='ID FB Sobat disini' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }
    </script>

Untuk ID facebook. Lihat Pada Profil kamu. Misal Url facebook saya http://facebook.com/firejunior , Jadi ID Facebook saya firejunior.
6. Lalu cari Kode <div class='comments' id='comments'>
Jika sudah, Pastekan kode dibawah ini dibawahnya. Oh iya, Biasanya kode tersebut ada 2, Pastekan di keduanya.

    <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from BLOGger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='2' width='500'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

Untuk 2 dan 500, sobat bisa menyesuaikan keinginan sobat. 2 adalah jumlah komentar yang akan ditampilkan di facebook. dan 500 adalah lebar tempat komentarnya.

Biasanya pada templatetertentu sudah ada kode <div class='comments comments-page' id='blogger-comments-page'> . jika ada kode seperti itu berdampingan, seperti

<div class='comments comments-page' id='blogger-comments-page'>
<div class='comments comments-page' id='blogger-comments-page'>

Maka hapus salah 1 nya. 

Jika sudah Preview template, Cek apabila ada kesalahan, Jika sudah, Save template dan lihat hasilnya. Demikian Tutorial Tentang membuat komentar facebook di blog.

No comments

Posted at 22:06 |  by Unknown

Keistimewaan Wanita Berjilbab/Berkerudung

Mas Arif Keistimewaan Wanita Berjilbab/Berkerudung - kali ini, mas arif akan memberikan informasi dengan berposting tentang keistimewaan wanita berjilbab atau berkerudung. Banyak orang beranggapan orang yang memakai jilbab/kerudung akan mengurangi nilai kecantikannya. Karena sebagian keindahannya tertutup oleh jilbab. Menurut Blog Teristimewa itu sama saja, apabila orang yang memakai jilbab ikhlas memakainya, dia juga akan terlihat cantik, bahkan lebih cantik daripada tidak memakai jilbab. Karena Berkerudung Itu Cantik. Bahkan wanita berjilbab juga mempunyai keistimewaan tersendiri. 

Keistimewaan Wanita Berjilbab :

1. Lebih Dihormati

Wanita yang berjilbab, di muka umum akan diperlakukan lebih terhormat dibanding wanita yang tidak berjilbab. Jilbabnya seakan-akan sebagai simbol ketaqwaan ia terhadap Allah SWT.

2. Motivator yang Baik

Seorang laki-laki yang ingin menjadi pendamping hidupnya, pasti mempunyai keinginan untuk melebihi istrinya dalam hal ketaqwaan. Sehingga wanita yang berjilbab bisa memotivasi laki-laki untuk menjadi lebih baik.

3. Mempunyai Harga Diri Lebih Tinggi

Dengan wanita memakai jilbab, seorang wanita akan terjaga tutur kata dan perbuatannya. Sehingga akan terlihat lebih cantik dan anggun. Kecantikan itulah yang membuat wanita itu mempunyai harga diri yang lebih tinggi. Kecantika fisik memang bisa dilihat dengan mata.Tapi kecantikan hati tidak bisa dilihat dengan mata biasa tapi bisa dirasakan.

4. Calon Ibu yang Baik

Berjilbab memang sebuah pilihan. Tapi menjadi seorang Ibu itu adalah Takdir setiap wanita. Jika seseorang bisa bertanggung jawab terhadap dirinya sendiri dengan wanita berjilbab. Maka saat ia dikaruniai seorang anak, maka anak itu juga akan mempunyai motivasi dan dasar yang baik dari Ibunya.

5. Cantik Luar Dalam

Wanita berjilbab sudah terlihat kehormatan dan sikapnya. Mereka terlihat lembut dan anggun. Membuat mereka tampak Luar Biasa. Mereka bagai wanita dambaan laki-laki.

Sedikit dari mas arif. Keistimewaan Wanita Berjilbab atau Berkerudung. Tapi tetap diingat. Semua tidak bisa dinilai dari FISIKnya saja. Jaman sekarang,orang bisa saja menggunakan Jilbab hanya sebagai kedok. Jadi, Semua harus dilihat dengan HATI.

No comments

Posted at 19:44 |  by Unknown

Cara Membuat Breadcrumb Super Seo Friendly

Mas Arif Cara Membuat Breadcrumb Super Seo Friendly - Kali ini, mas arif akan memposting artikel tentang Membuat Breadcrumb Super Seo Friendly. Banyak template yang sudah ada breadcrumb. Tapi apakah breadcrumbs tersebut sudah Seo friendly? Jika belum Breadcrumb Seo Friendly, sobat bisa mengeditnya sendiri. Dengan sedikit sentuhan saja. Apabila template sobat belum terdapat breadcrumb, itu malah lebih mudah.

Langsung saja, kita akan mulai mempraktekkan cara membuat breadcrumb super seo friendly.

1. Masuk ke dashbord Blogger sobat.

2. Klik Template > Edit HTML > Lanjutkan

3. Centang kotak kecil di pojok kiri atas.

4. Cari kode ]]></b:skin> , untuk mempermudah tekan Ctrl + f , lalu tempatkan scribt dibawah ini diatasnya.

.breadcrumbs{

padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;

color:#5B5B5B;border-bottom:1px dotted #bbb;

}

5. Cari kode <b:includable id='main' var='top'> , lalu ganti dengan scribt dibawah ini.

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<div class='breadcrumbs'>

<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span>

&#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a>
</span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'>
<a expr:href='data:label.url' property='v:title' rel='v:url'>
<data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
 <div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
</span> &#187; <span>Unlabelled</span>
&#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>
&#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>
&#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>
&#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

6. Simpan Template.

Untuk mengeceknya, sobat bisa mengunjungi ke situs :

http://www.google.com/webmasters/tools/richsnippets

Itu tadi artikel cara membuat breadcrumbs super seo friendly. Semoga artikel tentang membuat breadcrumbs super seo friendly bermanfaat. Selamat mencoba dan semoga bermanfaat.

No comments

Posted at 19:34 |  by Unknown