- power by: http://www.taufik3akhyar.blogspot.com
Latest Post

teplete saya



Johny Classicsite, Template Sederhana dengan Style K

Johny Classicsite, Template Sederhana dengan Style Klasik

Satu lagi template simple yang akan saya bagikan kepada teman-teman blogger semua, template ini saya beri nama Johny Classicsite sesuai dengan tampilannya seperti template-template blogger klasik jaman dahulu kala. 90% template ini hanya menggunakan warna, silahkan dilihat pada kode CSS, yang saya pasang hanya tiga gambar dengan ukuran pixel yang kecil yaitu pada background template, bullet pada footer dan search button pada kotak pencari lainnya semua memakai permainan gradasi warna.

johny classicsite maskolis

Yang jelas template ini sangat ringan, masalah SEO friendly saya tidak berani bilang karena patokan baku sebuah template dikatakan SEO Friendly tiap master blogger juga beda-beda. Tapi paling tidak semua meta tag deskripsi untuk sebuah template bisa dibilang SEO Friendly sudah saya pasang disini. Tidak ada tutorial khusus dalam pemasangan template ini, yang harus Anda lakukan adalah mengganti blog ID untuk mengaktifkan reply pada kotak komentar, caranya masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1226831301029866842&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlVyImgBxE_Q4x5_Gujz3Vdv7POxOABgDJQWkZXvbOPhg84Q4Omj2fO4MJaLE-SlFo6NNvh9U6hqtt7ZWGf5s11gdIMe2J_fxRETwDBlydqbcE660znzaR9gRlwnGa_JFRH40se1pKhk/s1600/New+Picture.jpg

Fitur lain tidak ada yang sulit, untuk navigasi kedua dalam template ini adalah navigasi page list jadi jika Anda membuat halaman statis akan otomatis muncul disitu. Itu aja dulu, saya sudah menyiapkan satu lagi template baru untuk teman-teman blogger tapi buat besok aja, nanti kalau jadi satu sama artikel ini postingannya jadi sedikit. Udah ya mau kembali bekerja dulu, selamat mencoba dan semoga bermanfaat.

<div style='clear:both;'/>
<div class='menupic'>
<div class='menuhorisontal'>
    <ul>
      <li><a href='http://taufik3akhyar.blogspot.com/'>Home <span>beranda blog</span></a></li>
      <li><a href='https://www.facebook.com/taufik3akhyar'>facebook <span>contact sosial</span></a></li>
      <li><a href='https://twitter.com/taufik3akhyar'>twitter<span>contact folow</span></a></li>
     <li><a href='http://www.flickr.com/photos/taufik3akhyar/'>foto<span>my album photo</span></a></li>
     <li><a href='http://www.youtube.com/taufik3akhyar'>video<span>my youtube</span></a></li>
     <li><a href='http://taufik3akhyar.wordpress.com/'>wordpress<span>my blogs</span></a></li>
     <li><a href='http://kajian.net/'>muslim<span>kajian islam</span></a></li>
    </ul>
</div>
</div>

      </div><!-- end header-wrapper -->
lasik
Satu lagi template simple yang akan saya bagikan kepada teman-teman blogger semua, template ini saya beri nama Johny Classicsite sesuai dengan tampilannya seperti template-template blogger klasik jaman dahulu kala. 90% template ini hanya menggunakan warna, silahkan dilihat pada kode CSS, yang saya pasang hanya tiga gambar dengan ukuran pixel yang kecil yaitu pada background template, bullet pada footer dan search button pada kotak pencari lainnya semua memakai permainan gradasi warna.

johny classicsite maskolis

Yang jelas template ini sangat ringan, masalah SEO friendly saya tidak berani bilang karena patokan baku sebuah template dikatakan SEO Friendly tiap master blogger juga beda-beda. Tapi paling tidak semua meta tag deskripsi untuk sebuah template bisa dibilang SEO Friendly sudah saya pasang disini. Tidak ada tutorial khusus dalam pemasangan template ini, yang harus Anda lakukan adalah mengganti blog ID untuk mengaktifkan reply pada kotak komentar, caranya masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1226831301029866842&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlVyImgBxE_Q4x5_Gujz3Vdv7POxOABgDJQWkZXvbOPhg84Q4Omj2fO4MJaLE-SlFo6NNvh9U6hqtt7ZWGf5s11gdIMe2J_fxRETwDBlydqbcE660znzaR9gRlwnGa_JFRH40se1pKhk/s1600/New+Picture.jpg

Fitur lain tidak ada yang sulit, untuk navigasi kedua dalam template ini adalah navigasi page list jadi jika Anda membuat halaman statis akan otomatis muncul disitu. Itu aja dulu, saya sudah menyiapkan satu lagi template baru untuk teman-teman blogger tapi buat besok aja, nanti kalau jadi satu sama artikel ini postingannya jadi sedikit. Udah ya mau kembali bekerja dulu, selamat mencoba dan semoga bermanfaat.

<div style='clear:both;'/>
<div class='menupic'>
<div class='menuhorisontal'>
    <ul>
      <li><a href='http://taufik3akhyar.blogspot.com/'>Home <span>beranda blog</span></a></li>
      <li><a href='https://www.facebook.com/taufik3akhyar'>facebook <span>contact sosial</span></a></li>
      <li><a href='https://twitter.com/taufik3akhyar'>twitter<span>contact folow</span></a></li>
     <li><a href='http://www.flickr.com/photos/taufik3akhyar/'>foto<span>my album photo</span></a></li>
     <li><a href='http://www.youtube.com/taufik3akhyar'>video<span>my youtube</span></a></li>
     <li><a href='http://taufik3akhyar.wordpress.com/'>wordpress<span>my blogs</span></a></li>
     <li><a href='http://kajian.net/'>muslim<span>kajian islam</span></a></li>
    </ul>
</div>
</div>

      </div><!-- end header-wrapper -->
 

Fideo Kilas BalikTaufik Tri Akhyar dari Facebook yang ke 10 (11 februari...

 

back to top untuk blog

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >


var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCHrzlu__3zPNdd6DfC9cyNGLGRC4QGOhY75Sh8RbKVrQvhShnC4mQbo0axGAPxWRd5I1F_T11osKXGLtfeUFfeoc0Rrmb4fNnJa3_OMT13M9TVaAmLuTn5URB-ZaheX6a3K6G47t5phH5/s1600/back+to+top10.gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },

    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}

scrolltotop.init()

</script>
 

shared to blog

<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://bos-tutorial.blogspot.com/2012/07/cara-memasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>
 

ply lis mp3 go blog

<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/tunes/skin.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'steven coconut your welcame mp3','url':'https://www.youtube.com/watch?v=jJx_sB3Ea9M'},{'title':'Saykoji - Online','url':'https://www.youtube.com/watch?v=JLb5Wsjw-Ws'},{'title':'P!nk - Just Give Me A Reason ft. Nate Ruess','url':'https://www.youtube.com/watch?v=OpQFFLBMEPI'},{'title':'Green Day - 21 Guns [Official Music Video]','url':'https://www.youtube.com/watch?v=r00ikilDxW4'},{'title':'(2NE1) Lonely - Sungha Jung','url':'https://www.youtube.com/watch?v=inMXJ8YmyNU'},{'title':'(Green Day) Wake Me Up When September Ends - Sungha Jung','url':'https://www.youtube.com/watch?v=JsnJftMy9po'},{'title':'sungha jung - titanik','url':'https://www.youtube.com/watch?v=hTycsCfRgX4'}]}" ></script>
<!-- SCM Music Player script end -->
 

slide sow bloger taufik go blog

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
       $('#BUS-slider').s3Slider({
          timeOut: 3000
       });
    });
    </script>
    <style>
    #BUS-slider {
       width: 550px; /* Keep it 20px-40PX greater than ACTUAL Image size */
       height: 335px;
       position: relative;
       overflow: hidden;
       margin-left: 0;
    }
    #BUS-sliderContent {
       width: 550px;
       position: absolute;
       top: 0;
       margin-left: 0;
    }
    .BUS-sliderImage {
       float: left;
       position: relative;
       display: none;  top: 0;
       border:1px solid #ddd;
    }
    .BUS-sliderImage span {
    position: absolute;
        font: 10px/15px sans-serif,Arial, Helvetica;
        padding: 10px 10px;
        background-color: #000;
        color: #fff;
        filter:'alpha(opacity=70)';
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5;
        text-align:justify;
    }
    .BUS-sliderImage span a {
    text-decoration:underline;
    color:#FE6602;
    }
    .clear {
       clear: both;
    }
    .top {
        top: 0;
        left: 0;
        width: 550px !important;
        height: 70px;
    }
    .bottom {
        bottom: 0;
        left: 0;
        width: 550px !important;
        height:90px;
    }
    .left {
        left: 0;
        top: 0;
        width: 110px !important;
        height: 335px;
    }
    .right {
        right: 0;
        bottom: 0;
        width: 110px !important;
        height: 315px;
    }
    </style>
    <br />
<div id="BUS-slider">
<ul id="BUS-sliderContent">
<li class="BUS-sliderImage">
    <img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8N9ceAFjuQpxbdzOVToCVIZySaZBkzbRVXHpaq0dj8tCiNXrXBV-sQKI_T0hvLCV4ihxHJaJFJxdaIoG5svJ_oWTikxaGiOAJftt7whwBe5yVZAnz6cpysDZSiNgxckWrhLQnfAx2WrY/w768-h576-no/1096982_795021233848285_306856710_o.jpg" width="550" /><a href="http://taufik3akhyar.blogspot.com/"><span class="top"><h3> Taufik Tri Akhyar </h3>
perawat profesional</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFxw42W82y8J0E6O3fzugnSgSk1gJUYDAlgUmcqmklcfRYka9X94yinKfzZnIef6OIPshMmTwdXE57EXYNv6lOBaIVu_acwVcqXXtlY4SpNmW8L9qjPR9UeJBSBJVaNXC6UFjhu-dKBfk/w768-h576-no/Kedaton-20130528-00222.jpg" width="550" /><a href="http://taufik3akhyar.blogspot.com/"><span class="top"><h3>
AKPER PANCA BHAKTI BANDAR LAMPUNG</h3>
Akademi Keperawatan Panca Bhakti Bandar Lampung</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <a href="http://taufik3akhyar.blogspot.com/"><img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-M4sG__Thd3GjrZjxr9lSsIXmvlj1uXBf_tCsfoFA-_5inUTNL3ll87_fIkoLGD7hmUrdVEvJSH1DTqlzABxWMeiCTaIZGF18LY0U26RpnNeeQdUuIKFU1Ifcb6zzciadc-x1-Qnt-4/w768-h576-no/IMG-20130518-00061.jpg" width="550" />
    <span class="top"><h3>
Peraktek Klinik</h3>
RUMAH SAKIT UMUM ABDOEL MOELOEK</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="http://taufik3akhyar.blogspot.com/"><img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaN6fDDUkksR7mACS5thD_YeMldJh4-YP2B77_CWegBbMP1m-KWC5HTTPwFUv6HDk9u0ntv2HDM64-ZAasu0z1igfqeIWE_L_upxj_yk2pSTTxwwusk93szpm-qE_KWTyP4f2UDtccP6o/w768-h576-no/DSCN7047.JPG" width="550" />
    <span class="bottom"><h3>
AREGAS</h3>
Touring Bersama Bendungan Batu Tegi Lampung</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="http://taufik3akhyar.blogspot.com/"><img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEjzQ5Mc8VRAPYTclyWrhkL38Stcox6QI1B8EMO9bgQfg7huBV_2oCm8s_R73uF8FMv4A5HjMxfzzUZvGyReSSZvPKyKNOvmyDLVG5a3VuIIYORQ9JJeVxplWr0dnkX3CYUCKHDCPsNcY/w858-h576-no/Copy+of+DSC_0106.jpg" width="550" />
    <span class="bottom"><h3>
My Famili</h3>
Keluarga Besar Nyono Sumo</span>
    </a></li>
<div class="clear BUS-sliderImage">
</div>
</ul>
</div>
<br /> - power by: http://www.taufik3akhyar.blogspot.com
 

Cara Membuat Tombol Back To Top Terbaik untuk bloger

Cara Membuat Tombol Back To Top Terbaik

Tombol Back To Top yang Pertama

  • Login terlebih dahulu ke akun blog kalian
  • Masuk ke bagian layout / tata letak
  • Tambah gadget
  • Pilh add HTML / Java script
  • Lalu simpan kode dibawah ini :

<a href='#' style='display:scroll;position:fixed;bottom:15px;right:15px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiFnlrD-k57crghKd3FSmMUkWunIiLbOULLJPdL9bHn6Uef_s2BWsyuuxxezOCsQSV8Sa5nY7BDH25P8BytZ0rzindyTOrDoOHu96ZADJ7fAXfWEIL04-GO4Rxo52maOFmhL9r7gXuJCEX/s1600/navigate-up-icon.png'/></a>

*) kode yang berwarna biru ganti dengan kata-kata yang ingin ditampilkan
*) kode yang berwarna ungu ganti dengan url gambar yang ingin ditampilkan

  • Klik "Save", dan selesai.

Tombol Back To Top yang kedua 

  • Pertama masuk ke Blogger lalu pilih Layout terus Add a Gadget dan tambahkan HTML/JavaScript. Terus copy kode di bawah ini:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >


var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCHrzlu__3zPNdd6DfC9cyNGLGRC4QGOhY75Sh8RbKVrQvhShnC4mQbo0axGAPxWRd5I1F_T11osKXGLtfeUFfeoc0Rrmb4fNnJa3_OMT13M9TVaAmLuTn5URB-ZaheX6a3K6G47t5phH5/s1600/back+to+top10.gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
 
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}

scrolltotop.init()

</script>


  • Ganti Kode warna Pink dengan URL Gambar kalian!
  • Kalau Tidak Mau ganti Tidak apa-apa, itu juga sudah bagus kok,, yang nantinya hasilnya seperti ini :
 

  • Keren bukan? Jika sudah. Simpan!

Untuk ditempatkan di pojok kanan bawah silahkan taruh script dibawah ini tepat dibawah code </body> di Template - Edit HTML kalian,,


<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Mazinu Mazure - mazinubersahabat.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://png-1.findicons.com/files/icons/2166/oxygen/48/arrow_up.png'/></a>

Okeh, Itu tadi cara membuat tombol Back To Top yang sudah mazinu berikan untuk kalian, semoga dengan kalian memasang tombol back to top di blog kalian menjadi keren dan tampil terbaik.
 

Cara Membuat / Memasang Burung Twitter Terbang di Blog


AAHE/mniE1h9IW14/s1600/red+bird.png

Cara Membuat Burung Twitter Terbang di Blog - Lebih suka mana?? ngetweet apa ngeblog?? kalo ane sih kedua - duanya.. Kali ini ane akan kasih tahu bagaimana cara memasang burung twitter terbang atau melayang - layang atau mondar - mandir di blog sobat. Bagi sobat yang tertarik untukmemasang burung twitter terbang atau melayang - layang ini, silahkan ikut tutorial berikut .
1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript

Masukkan Script berikut ke dalam kotak yang telah di sediakan.



3. Klik save / simpan.

Tambahan:
Ganti tulisan yang berwarna merah dengan warna icon twitter kesukaan sobat. 




Ganti Tulisan yang berwarna biru dengan username twitter sobat. 


Semoga membantu!!
 

slidesow potos






 

SATUAN ACARA PENGAJARAN (SAP) TUBERCOLOSIS PARU (TB PARU)


SATUAN ACARA PENGAJARAN (SAP)
TUBERCOLOSIS PARU (TB PARU)




OLEH:

1.Ade Putra
2.Haryson
3.Nanang Murdani
4.Rahmad Maulana Suryani
5.Taufik Tri Akhyar
6.Umaruzzaman

AKADEMI KEPERAWATAN PANCA BHAKTI
BANDAR LAMPUNG
TA 2013/2014



SATUAN ACARA PENYULUHAN

Topik                           : Tubercuolosis Paru
Pokok Bahasan           : Pencegahan Tubercuolis Paru
Target/sasaran             : Masyarakat
Hari/tanggal                : Rabu, 02 Oktober 2013
Waktu                         : 09.00-10.00 wib ( 1x60 menit)
Tempat                        : Balai desa

A.    TUJUAN
1.      Tujuan instruksional Umum (TIU)
Setelah mengikuti kegiatan penyuluhan diharapkan agar peserta atau klien dapat mengetahui  tentang penyakit TBC, memahami bagaimana proses penularan dan gejala penyakit TB PARU sehingga dapat menjaga kesehatan dan lingkungan sekitar.

2.      Tujuan Instruksional Khusus (TIK)
Setelah dilakukan penyuluhan, masyarakat mampu:
·         Memahami pengertian Tubercuolosis Paru
·         Mengetahui tanda-tanda penyakit Tubercuolosis Paru
·         Mengetahui cara penularan Tubercuolosis Paru
·         Mengetahui pencegahan Tubercuolosis Paru
·         Mengetahui pengobatan Tubercuolosis Paru

B.     MATERI (Terlampir)
Materi yang akan di sampaikan:
1.      Pengertian Tubercuolosis Paru
2.      Tanda-tanda  penyakit Tubercuolosis Paru
3.      cara penularan Tubercuolosis Paru
4.      pencegahan Tubercuolosis Paru
5.      pengobatan Tubercuolosis Paru

C.     PESERTA
Peserta yaitu masyarakat yang terdiri dari 30 orang


D.    METODE
1.      Ceramah
2.      Tanya jawab

E.     MEDIA PENYULUHAN
1.      Komputer/ Laptop
2.      LCD
3.      Materi yang akan di sampaika

F.      KEGIATAN PENYULUHAN
No.
Waktu
Kegiatan
Peserta
1.
10 Menit
Kegiatan membuka penyuluhan
a.       Mengucap salam
b.      Memperkenalkan diri
c.       Menggali pengetahuan tentang   tubercolosis paru
d.      Menjelaskan tujuan yang akan dicapai berkaitan dengan materi penyuluhan yang akan disampaikan
a.       Menjawab salam
b.      Mengenal petugas penyuluhan
c.       Mengemukakan pendapat sesuai dengan apa yang diketahui
d.      Menyimak dengan seksama
2.
40 menit
Kegiatan inti
a.       Menjelaskan pengertian  tubercolosis paru
b.       Menyebutkan  tanda dan gejala tubercolosis paru
c.       Menyebutkan cara pencegahan tubercolosis paru
d.       Menyebutkan penatalaksanaan tubercolosis paru
e.       Mendemonstrasikan cara pencegahan tubercolosis paru
f.       Memberikan reinforcemen positif atas jawaban masyarakat  
a.       Mendengar dengan seksama
b.      Menyimak dengan seksama
c.       masyarakat mendengarkan penjelasan
d.      masyarakat menyimak penjelasan
e.       masyarakat menyimak penjelasan
f.       masyarakat menyimak penjelasan.
g.       Menerima reinforcemen diberikan.
3.
10 menit
Kegiatan menutup penyuluhan
a.       mengajukan pertanyaan sebagai evaluasi
b.      mengucapkan salam penutup.
a.       masyarakat  menjawab pertanyaan yang diberikan
b.      Menjawab salam.
G.    PENGORGANISASIAN DAN URAIAN TUGAS
a.       Pengorganisasian:
1.      Moderator             : Nanang murdani
2.      Penyaji      : Umaruzaman
3.      Fasilitator  : Rahmat Maulanasuryani
: Ade Putra
: Harison
4.      Observer    : Taufik Tri Akhyar

b.      Uraian tugas
1.      Moderator bertugas menjalankan jalanya acara penyuluhan dari awal hingga akhir penutupan acara
2.      Penyaji bertugas menyampaikan materi penyuluhan yang telah disiapkan
3.      Fasilitator bertugas menciptakan suasana penyuluhan yang nyaman dan memotifasi peserta untuk bertanya
4.      Observer bertugas mengamati jalanya acara penyuluhan

H.    SETING TEMPAT
Ruang balai desa




PESERTA




PESERTA




PESERTA

OBSERVER

FASILITATOR

PENYAJI

MODERATOR

LCD



I.       EVALUASI
1.      Evaluasi proses
·         Masyarakat mengikuti kegiatan penyuluhan dari awal hingga akhir acara penyuluhan
·         Penyaji dapat memberikan materi dan menjawab pertanyaan masyarakat dengan baik
·         Penyuluhan dapat berjalan sesuai dengan waktu yang ditentukan
·         Proses penyuluhan dapat berlangsung dengan baik dan lancer
2. Evaluasi hasil
·         Masyarakat tahu dan memahami sehingga menerapkan dalam praktiknya indifidu maupun kelompok seperti materi yang telah disampaikan dalam penyuluhan
·         Masyarakan akan membagikan pengetahuannya yang telah di dapat dalam penyuluhan kepada masyarakat yang lainya


J.       REFERENSI

1.      Bruner & suddarth. (2002). Keperawatan medical bedah, vol 1. Jakarta EGC.
2.      Mansjoer,arif,dkk. 1999. Kapita selekta kedokteran, edisi ketiga jilit 2. Jakarta: Media Aescularius.



Lampiran

MATERI PENYULUHAN TUBERKULOSIS PARU


A.    Pengertian
Tuberkulosis adalah penyakit infeksi menular yang disebabkan oleh Mycobacterium tubeculosis.
B.     Tanda-tanda Tuberkulosis
Sebagian besar seseorang yang terinfeksi menunjukan demam tingkat rendah, keletihan, anoreksia, penurunan berat badan, berkeringat malam, neyri dada, dan batuk menetap. Batuk pada awalnya mungkin nonproduktif, tetapi dapat berkembang ke arah pembentukan sputum mukopurulen dengan hemoptisis.
1.      Gejala respiratorik, meliputi:
a)      Batuk
Gejala batuk timbul paling dini dan merupakan gangguan yang paling sering dikeluhkan. Mula-mula bersifat non produktif kemudian berdahak bahkan bercampur darah bila sudah ada kerusakan jaringan
b)      Batuk Darah
Darah yang dikeluarkan dalam dahak bervariasi, mungkin tampak berupa garis atau bercak-bercak darak, gumpalan darah atau darah segar dalam jumlah sangat banyak. Batuk darak terjadi karena pecahnya pembuluh darah. Berat ringannya batuk darah tergantung dari besar kecilnya pembuluh darah yang pecah.
c)      Sesak Napas
Gejala ini ditemukan bila kerusakan parenkim paru sudah luas atau karena ada hal-hal yang menyertai seperti efusi pleura, pneumothorax, anemia dan lain-lain.
d)     Nyeri Dada
Nyeri dada pada TB paru termasuk nyeri pleuritik yang ringan. Gejala ini timbul apabila sistem persarafan di pleura terkena.

2.      Gejala Sistemik, Meliputi:
a)      Demam
Merupakan gejala yang sering dijumpai biasanya timbul pada sore dan malam hari mirip demam influenza, hilang timbul dan makin lama makin panjang serangannya sedang masa bebas serangan makin pendek.
b)      Gejala sistemik lain
Gejala sistemik lain ialah keringat malam, anoreksia, penurunan berat badan serta malaise.
Timbulnya gejala biasanya gradual dalam beberapa minggu-bulan, akan tetapi penampilan akut dengan batuk, panas, sesak napas walaupun jarang dapat juga timbul menyerupai gejala pneumonia.
3.      Test Diagnostik Foto thorax PA dengan atau tanpa literal merupakan pemeriksaan radiology standar. Jenis pemeriksaan radiology lain hanya atas indikasi Top foto, oblik, tomogram dan lain-lain.
1)      Karakteristik radiology yang menunjang diagnostik antara lain : a. Bayangan lesi radiology yang terletak di lapangan atas paru.
b. Bayangan yang berawan (patchy) atau berbercak (noduler)
c. Kelainan yang bilateral, terutama bila terdapat di lapangan atas paru
d. Bayang yang menetap atau relatif menetap setelah beberapa minggu
e. Bayangan bilier
2)      Pemeriksaan Bakteriologik (Sputum) ; Ditemukannya kuman micobakterium TBC dari dahak penderita memastikan diagnosis tuberculosis paru.
Pemeriksaan biasanya lebih sensitive daripada sediaan apus (mikroskopis). Pengambilan dahak yang benar sangat penting untuk mendapatkan hasil yang sebaik-baiknya. Pada pemeriksaan pertama. sebaiknya 3 kali pemeriksaan dahak. Uji resistensi harus dilakukan apabila ada dugaan resistensi terhadap pengobatan.
Pemeriksaan sputum adalah diagnostik yang terpenting dalam prograrn pemberantasan TBC paru di Indonesia.
C.     Cara penularan Tuberkulosis Paru
Tuberkulosis tergolong airborne disease yakni penularan melalui droplet nuclei yang dikeluarkan ke udara oleh individu terinfeksi dalam fase aktif. Setiapkali penderita ini batuk dapat mengeluarkan 3000 droplet nuclei. Penularan umumnya terjadi di dalam ruangan dimana droplet nuclei dapat tinggal di udara dalam waktu lebih lama. Di bawah sinar matahari langsung basil tuberkel mati dengan cepat tetapi dalam ruang yang gelap lembab dapat bertahan sampai beberapa jam. Dua faktor penentu keberhasilan pemaparan Tuberkulosis pada individu baru yakni konsentrasi droplet nuclei dalam udara dan panjang waktu individu bernapas dalam udara yang terkontaminasi tersebut di samping daya tahan tubuh yang bersangkutan.
Di samping penularan melalui saluran pernapasan (paling sering), M. tuberculosis juga dapat masuk ke dalam tubuh melalui saluran pencernaan dan luka terbuka pada kulit (lebih jarang).
D.    Pencegahan tubektiolus paru
E.     Pengobatan tubektiuolis paru
Tujuan pengobatan pada penderita TB Paru selain untuk mengobati juga mencegah kematian, mencegsah kekambuhan atau resistensi terhadap OAT serta memutuskan mata rantai penularan.
Pengobatan tuberkulosis terbagi menjadi 2 fase yaitu fase intensif (2-3 bulan) dan fase lanjutan (4-7 bulan). Paduan obat yang digunakan terdiri dari obat utama dan obat tambahan. Jenis obat utama yang digunakan sesuai dengan rekomendasi WHO adalah Rifampisin, INH, Pirasinamid, Streptomisin dan Etambutol. Sedang jenis obat tambahan adalah Kanamisin, Kuinolon, Makrolide dan Amoksisilin + Asam Klavulanat, derivat Rifampisin/INH.
Untuk keperluan pengobatan perlu dibuat batasan kasus terlebih dahulu berdasarkan lokasi tuberkulosa, berat ringannya penyakit, hasil pemeriksaan bakteriologik, hapusan dahak dan riwayat pengobatan sebelumnya. Di samping itu perlu pemahaman tentang strategi penanggulangan TB yang dikenal sebagai Directly Observed Treatment Short Course (DOTS) yang direkomendasikan oleh WHO yang terdiri dari lima komponen yaitu:
  1. Adanya komitmen politis berupa dukungan pengambil keputusan dalam penanggulangan TB.
  2. Diagnosis TB melalui pemeriksaan dahak secara mikroskopik langsung sedang pemeriksaan penunjang lainnya seperti pemeriksaan radiologis dan kultur dapat dilaksanakan di unit pelayanan yang memiliki sarana tersebut.
  3. Pengobatan TB dengan paduan OAT jangka pendek dengan pengawasan langsung oleh Pengawas Menelan Obat (PMO) khususnya dalam 2 bulan pertama dimana penderita harus minum obat setiap hari.
  4. Kesinambungan ketersediaan paduan OAT jangka pendek yang cukup.
  5. Pencatatan dan pelaporan yang baku.

 

Blogger templates

Subscribe me

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Taufik Tri Akhyar - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger