https://bl.id/kumpulink_io_art

Showing posts with label tric blog. Show all posts
Showing posts with label tric blog. Show all posts

Anti Copas [Copy Paste] Artikel

  04:56:00    

Assalamu alaikum warohmatullah wabarokatuh,
      Paling dongkol pasti kalian.kalau kita sudah cape ngetik dan mikir bikin artikel supaya terlihat menarikdan enak di baca.eh tiba tiba Oknum yang tidak bertanggung jawab cuma gitu aja COPAS artikel kita begitu aja dan menshare kan,gak tau kalau dia memberi sumber artikel tersebut siapa yang membuat artikel tersebut.malah seakan dia yang membuat artikel tersebut,pasti kita jengkel bangaet kan...


foto by nadhirscorpion.blogspot.co.id

     Tapi kawanya seoke.com jangan kawatir sekarang mah soalnya para master programing sudah membuat program untuk memberi secara otomatis nara sumber apabila artikel kalian di COPAS sama orang tidak bertanggung jawab.Dan saya pun juga mendapat code tersebut,kalian juga pasti sudah tidak asing lagi ditelingan para blogger yang punya situs SEOCIPS.COM

     Kita lihat youk caranya gimana sich caranya supaya artikel kita di curi atau di COPAS [Copy Paste] sama orang yang tidak bertanggung jawab:

  • Yang kalian harus lakukan dengan cara masuk pada pengeditan template.kalian juga sudah tau di mana tempat untuk pengeditan tersebut.
  • Setelah kalian masuk pada pengeditan template tersebut kalian tinggal cari code <body/>
  • biasanya kode tersebut berada pada paling bawah kode kode tersebut
  • jangan lupa simpan kode di bawah ini tepat di atas kode <body/> tersebut
  • peratinjau terlebih dahulu sebelim di simpan takutnya terjadi yang gak di inginkan.
kode anti copas : 

<script type='text/javascript'>if(document.location.protocol==&#39;http:&#39;){ varTynt=Tynt||[];Tynt.push(&#39;cXIEhKYVSr4lJ5adbi-bpO&#39;);Tynt.i={&quot;ap&quot;:&quot;Link Sumber :&quot;}; (function(){vars=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;https://cdn.rawgit.com/Brando07/share/Updte/seocips-lnk-smbr.js&#39;;varh=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})(); } </script>

     
Nah gimana mudah bukan cara anti copas tersebut.
mungkin hanya sedikit ilmu dari saya,semoga bermanfaat dan bisa jadi pelajaran agar kita bisa menghargai jerih payah seseorang dengan cara tidak mencopas artikel orang lain.

Dan kalian juga bisa belajar dengan artikel seoke yang lainnya seperti Cara membuat alat parse untk adsense dan kalian mungkin butuh alat parse untuk memparse kode adsense silahkan kunjungi halamanya tersebut.
 Terima kasih kalian sudah berkenan mengunjungi blog seoke.com yang berusaha untuk menyajikan kode kode HTML,CSS,JAVASCRIPT,Dan yang lainya yang bersangkutan dengan blogging.

   / / / /

  No Comments

membuat alat parse code ads

  06:29:00    

     Udah lama banget saya tidak membuat postingan lagi buat para sahabat seoke.com,nah kali ini seokecom mau ngasih trik dan tips nich tentang cara membuat alat buat code parse ads.

 
foto by  http://www.berbagiinformasi.com.

Kita langsung aja youk ke caranya :
  • masuk ke blogger dashboar sahabat 
  • pilih post 
  • lalu pilih entri baru {dalam saat mempastekan kode tersebut sahabat harus berada di kolom HTML bukan Compose}
  • Dan silahkan salin code di bawah ini :

<div class="style1">
<b><span style="color: #76a5af; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><b><span style="color: #76a5af;"><br></span></b></span></b>
<br>
<div style="text-align: center;">
<b><span style="color: #76a5af; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><b><span style="color: #76a5af;"><a href="http://alvizcyber.blogspot.com/2012/09/cara-membuat-parse-html-tool-di-blog.html" target="_blank">Parse HTML Tool</a></span></b></span></b></div>
<b><br></b>
<br>
<center>
<b>
<div class="style1">
<i>masukkan script kode HTML kedalam kotak dibawah ini kemudian klik Convert&nbsp;</i></div>
</b></center>
<center>
<b>
<div style="text-align: center; width: 100%;">
<div style="margin: 0 auto; padding: 0; width: 100%;">
<div id="mainDiv" style="padding: 2px 0;">
<textarea cols="21" id="tarea" onfocus="code_check();" rows="10" style="font-size: 12px; height: 80%; width: 80%;"></textarea>
<br>
<div style="margin: 0 auto; padding: 5px 0; width: 95%;">
<button onclick="code_convert();" style="margin-right: 5px;" type="button">Convert</button>
<button onclick="code_clear();" style="margin-left: 5px;" type="button">Clear</button> </div>
</div>
</div>
</div>
<script>
function code_check(){
var focuscheck=document.getElementById('tarea');if(focuscheck.value.indexOf('Pastekan Disini Kode yang Akan Anda Pasang pada Postingan Blog')>0)focuscheck.value='';}
function code_clear(){
var wtarea=document.getElementById('tarea');wtarea.value='';}
function code_convert(){
var ctarea=document.getElementById('tarea');var toConvert=ctarea.value;
var toConvert=toConvert.replace(/&/g,"&amp;");
var toConvert=toConvert.replace(/'/g,"&#039;");
var toConvert=toConvert.replace(/"/g,"&quot;");
var toConvert=toConvert.replace(/</g,"&lt;");
var toConvert=toConvert.replace(/>/g,"&gt;");
ctarea.value=toConvert;ctarea.focus();ctarea.select();};
var x=document.getElementById('tarea');x.value='\nmasukkan kode HTML disini...\n\nkonversi kode\n < " & \' >\nmenjadi\n &lt; &quot; &amp; &#039; &gt;\n\nTool by Alviz';x.rows=gr;
</script>
</b></center>
</div>

  • kalau sudah di salin kodenya tersebut sahabat tinggal publikasikan post baru kalian
  • Dan bila sahabat seperti apa sich hasilnya bisa lihay contohnya di postingan saya sebelumnya Ads Code Converter 
mungkin kalian juga butuh dengan cara memasang widget perlebel atau cara membuat kotak berlangganan di blog sahabat silahkan tinggal kunjungi halamannya tersebut.

Terima kasih telah berkunjung.di blognya seoke.com

   / /

  No Comments

Cara menghilangkann gambar obeng dan tang di blog

  07:59:00    

 ketemu lagi sahabatnya seoke,sudah cukup lama tidak pernah lagi buat posting ,mungkin bisa di katakan sangat sibuk di dunia nyata nya.jadi ga sempat buat postingn lagi,tapi oke para sahabat seoke kali ini seoke.com akan embagikan postingan tentang bagai mana cara menghilangkan obeng adan tang di blog untuk para pemula.soalnya para master blogging sudah ga asing lagi dengan tutorial seperti ini dan sudah berpengalaman sekali.

foto by http://kupukblog.blogspot.co.id

kita langsang ke caranya aja.

  • Yang pertama kalian yang harus lakukan ialah
  • masuk pada akun blog kalian
  • dan masuk ke dashboar blog
  • pilih template lalu piplih edit Html 
tinggal copy paste code di bawah ini tepat di atas code  ]]></b:skin>

.quickedit{display:none}

  • lalu simpan dan lihat hasilnya  
TB
jika pada blog kalian masih terdapat gambar obeng dan tang tersebut,terpaksa kalian harus menghapusnnya secara manual atau dengan menghapus kode kode tersebut satu persatu.
 hayooo pasti kalian bingung mau menghapus kode yang mana untuk gambar obeng dan tang tersebut.
 cari kode seperti  di bawah ini

<b:include name='quickedit'/>

dalam menghapus dengan cara manual kalian di wajibkan harus teliti dan kecermataan saat melihat code code tersebut.karena kalau tidak template kalian bukannya apa yang di harapkan malahan jadi error.
oke sahabatnya seoke mungkin cuma segitu yang bisa di bagikan oleh seoke.com.
dan jangan lewatkan pula artikel menarik lainya.Cara membuat tulisan keren di blog dan Cara memebuat postingan video di blog.
Terima kasih

   /

  No Comments

share button melayang di blog

  05:27:00    

            Ada juga kesempatan mebuat postingan lagi ini sahabat seoke.com.nah kesempatan kali ini seoke.com akan berbagi tentang membuat share button melayang di blog.sangat berbeda dengan apa yang telah seoke.com potingkan sebelumnya tentang Membuat sahre button sederhana.


foto By mieaaamel09.blogspot.co.id

kiat langsung lihat aja youk code codenya seperti apa.Namun sebelum kalian di bawa ke pembahasan di atas kalian juga harus mengerti dengan cara penempatan code code tersebut.jika kalian belum mengerti dengan cara penempatan code code tersebut seoke.com telah memperisapkan tentannga pengertian html pada css dan javascript untuk blog tersebut.
oke ketehap penerapan kode code sahre button di blog.

  • yang kalian harus lakukan yang pasti sudah masuk pada egit HTMl pada template blognya
  • dan cari code ]]><b:skin>  atau <?style>dan letakam kode di bawah ini tepat di atas kode tersebut.

/*share button seoke.com*/ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class^=&quot;entypo-&quot;]:before {
font-family: &#39;entypo&#39;, sans-serif;
}
body {
  background: url(http://i43.tinypic.com/vewt4k.png);
}
#social-sidebar {
left: 0;
position: fixed;
top: 10%;
}
#social-sidebar li:first-child a { border-top-right-radius: 5px; }
#social-sidebar li:last-child a { border-bottom-right-radius: 5px; }
#social-sidebar a {
background: rgba(0,0,255,0.3);
color: #fff;
  text-decoration: none;
display : block;
height: 50px;
width: 50px;
font-size: 24px;
line-height: 50px;
position: relative;
text-align: center;
  cursor: pointer;
}
#social-sidebar a:hover span {
left: 120%;
opacity: 1;
}
#social-sidebar a span {
  font: 12px &quot;Open Sans&quot;, sans-serif;
  text-transform: uppercase;
border-radius: 3px;
line-height: 24px;
left: -100%;
margin-top: -16px;
opacity: 0;
padding: 4px 8px;
position: absolute;
transition: opacity .3s, left .4s;
top: 50%;
z-index: 1;
}
#social-sidebar a span:before {
content: &quot;&quot;;
display: block;

height: 8px;
  width: 8px;
left: -4px;
margin-top: -4px;
position: absolute;
top: 50%;
transform: rotate(45deg);
}
#social-sidebar a[class*=&quot;twitter&quot;]:hover,
#social-sidebar a[class*=&quot;twitter&quot;] span,
#social-sidebar a[class*=&quot;twitter&quot;] span:before {background: #00aced;}
#social-sidebar a[class*=&quot;facebook&quot;]:hover,
#social-sidebar a[class*=&quot;facebook&quot;] span,
#social-sidebar a[class*=&quot;facebook&quot;] span:before {background: #3B5998;}
#social-sidebar a[class*=&quot;gplus&quot;]:hover,
#social-sidebar a[class*=&quot;gplus&quot;] span,
#social-sidebar a[class*=&quot;gplus&quot;] span:before {background: #E34429;}
#social-sidebar a[class*=&quot;dribbble&quot;]:hover,
#social-sidebar a[class*=&quot;dribbble&quot;] span,
#social-sidebar a[class*=&quot;dribbble&quot;] span:before {background: #ea4c89;}
#social-sidebar a[class*=&quot;instagram&quot;]:hover,
#social-sidebar a[class*=&quot;instagram&quot;] span,
#social-sidebar a[class*=&quot;instagram&quot;] span:before {background: #704306;}
#social-sidebar a[class*=&quot;pinterst&quot;]:hover,
#social-sidebar a[class*=&quot;pinterst&quot;] span,
#social-sidebar a[class*=&quot;pinterst&quot;] span:before {background: #f83a3a;}
#social-sidebar a[class*=&quot;rss&quot;]:hover,
#social-sidebar a[class*=&quot;rss&quot;] span,
#social-sidebar a[class*=&quot;rss&quot;] span:before {background: #f2a843;}
kita lanjut ke code selanjutnya
cari kode <div id=sidebar-wrapper>dan letakan juga tepadi bawah kode tersebut,atau kalian juga bisa pasang kode tersebut sesuai dengan apa yang kalian inginkan.

<ul id='social-sidebar'>
  <li>
    <a class='entypo-twitter' href='http://www.twitter.com' rel='nofollow' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/><span>Tweeter</span></a>
  </li>
  <li>
    <a class='entypo-facebook' href='http://www.facebook.com' rel='nofollow' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/><span>Facebook</span></a>
  </li>
  <li>
    <a class='entypo-gplus' href='http://www.plusgoogle.com' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/><span>Google+</span></a>
  </li>
  <li>
    <a class='entypo-dribbble' href='http://www.dribble.com' rel='nofollow' target='_blank' title='Follow us on Dribble'><i class='fa fa-dribbble '/><span>Dribbble</span></a>
  </li>
  <li>
    <a class='entypo-instagram' href='http://www.instagram.com' rel='nofollow' target='_blank' title='Follow us on Instagram'><i class='fa fa-instagram '/><span>instagram</span></a>
  </li>
  <li>
    <a class='entypo-pinterst' href='http://www.pinterest.com' rel='nofollow' target='_blank' title='Follow us on Pinterest'><i class='fa fa-pinterest '/><span>pinterst</span></a>
  </li>
  <li>
    <a class='entypo-rss' href='http://www.feedburner.com' rel='nofollow' target='_blank' title='Follow us on RSS'><i class='fa fa-rss '/><span>rss</span></a>
  </li>
</ul>

dan simpan template tersebut dan lihat hasinya.




mungkin cuma segitu yang seoke.com bisa postingkan,dan baca juga artikel seoke.com yang menarik lainya sperti cara membuat slide gambar di blog.
terima kasih telah berkenan mengunjungi blog seoke.com yang selalu berusaha untuk menyajikan code code untuk blog


   /

  No Comments

Memunculkan penghasilan di dashboar blogspot

  04:38:00    

              Nah seoke.com sedikit berbeda dengan postingan postingan yang pernah seoke.com potingkan .kali ini seoke.com pengen berbagi pengalaman yang mungkin bisa sangant bermanfaat bagi yang mebuutuhkan.


foto By adakportal.com
dan mungkin kalian juga  yang para pemula yang belum begitu paham dengan blogging dan keuntungan blogging,kalau menurut seoke.com mebuat blog sangatlah bermanfaat dan bisa pula dari ilmu yang kita dapaat dari saat ngblogging kita juga bisa mendapatkan penghasilan lebih dari blogging tersebut.

  • kenapa bisa di katakan seoke.com sangatlah bermanfaat di karnakan kita para blogging pasti setiap saat setipa waktu selalu mencari Update Update untuk bahan postingan blog,nah dari situ kita seakan tak merasa kita itu mendapat banyak ilmu,namun dari situ kita selalu menemukan untuk bahan yang akan di jadikan postingan dan kita seamkin banyak ilmu dan pengetahuan yang kita dapat
  • Dan bisa mendapatkan penghasilan lebih dari blogging,kenapa bisa????Y bisa di karnakan blogspot juga tidak serta diam dan membiarkan kita membuat postingan postingan yang begitu aja di bagikan untuk orang banyak.namun blogspot juga menyedikan untuk kita agar kita mendapatkan penghasilan lebih dari postingan, dan kita semakin bersemangat untuk membuat  postingan yang bermanfaat bagi orang banyak.
mungkin kalian sudah cukup mengerti apa yang seoke.com jelaskan di atas.dari sini lah seoke.com akan berbagi tentang bagai mana memunculan penghasilan di dashboar blogspot tersebut,
cukuplah mudah saat kalian akan munculkan penghasilan di dashboar blogspot.

  • Yang pertama yang harus kalian lakukan yang pastinya sudah punya akun blogspotnya tersebut
  • Sudah punya silahkan masuk dulu ke akun blog kalian
  • Setelah kalian di bawa ke blog Dasboar,seperti gambar di bawah ini 

foto by clownfishcafe.blogspot.co.id

  • kalian pilih Setting yang berada paling bawah dashboard 
  • pilih bahasa pemformatan lihat gambar di bawah ini

foto by www.scg.web.id

  • pilih bahasa inggris 
  • Dan yang terakhir yang harus kalian lakukan ilah save/simpan perubahan.
  • Dan lihat hasilnya di dashboar kalian widget penghasilan di dashboar blogspot sudah muncul sperti gambar di atas.
Gimana mudah bukan cara memunculkan penghasilan di dashboard blogspot.seoke.com mengucapkan terima kasih kalian sudah berkenan meluangkan waktu berkunjung di blog seoke.com yang berusaha untuk menyajikan code code untuk blog dan seputar blogging.

jangan lupa baca juga artikel yang menarika lainnya yang seoke.com telah postingkan,jika klaian butuh kode dasar HTML blog silahkan baca di kumpulan code Html untuk blog. dan kumpulan effec untuk blog






   / /

  No Comments

Membuat loading keren untuk blog

  04:01:00    

  Dari beberapa yang pernah seoke.com postingkan,kali ini seoke.com akan postingan tentang membuat loading untuk blog yang mungkin bisa di katakan keren dan unik..
mungkin untuk para master atau para senior blogging,mungkin saat masuk blog tidak di butuhkan di karna kan para master bolgging tidak buttuh dengan loading saat masuk untuk masuk ke blog mereka di karanakan blog para maser itu cukuplah seo frendly yang saat para pengunjung masuk tidak cukup lama saat mau masuk pada blognya,dan tidak lemot atau lambat.


foto by www.concernindiafoundation.org

Namun jika kalin yang membuatuhkan code code untuk membuat gambar loading di blognya.silahkan copy paste code code di bawah ini,dan kalian juga sudah mengerti dengan cara pemasang code code tersebut.


  • HTML

<div class="loader">
   <div class="bar">
      <div class="show"></div>
   </div>
</div>


  • CSS 

$main: #2196F3;
body {
   background-color: $main;
   .loader {
      position: absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      width:140px;
      height:30px;
      background-color:#fff;
      border-radius:100px;
      .bar {
         position: absolute;
         top:10px;
         left:10px;
         bottom:10px;
         right:10px;
         overflow:hidden;
            border-radius:100px;
         .show {
            position: absolute;
            top:0px;
            left:0px;
            bottom:0px;
            width:0%;
            background-color:$main;
            border-radius:100px;
            border-top-left-radius:0px;
            border-bottom-left-radius:0px;
            transition: width .2s ease;
            &:before {
               position: absolute;
               content: '';
               top:-10px;
               bottom:-10px;
               width:10px;
               background-color:#fff;
               left:0px;
               animation: baranimation 2s linear infinite;
            }
         }
      }
   }
}
@keyframes baranimation {
   0% {
      left:0%;
      transform:translateX(-100%);
   }
   100% {
      left:100%;
      transform:translateX(0%);
   }
}


  • JAVASCRIPT/JS 

 //Animation of the banner is CSS only
var loading = 0;
function loadbar() {
   $(".show").css("width", loading + "%");
   loading++;
   if(loading >= 100) {
      loading = 100;
   }
}
setInterval(loadbar, 150);

Mungkin hanya segitu yang bisa saya jelaskan dari tentanta cara membuat loading keren untuk blog,jika kalian tidak mengerti dengan saya ucapkan di atas silahkan kalian bisa tinggalkan pesanya di komentar,atau jika kalian punya keritik dan saran untuk blog seoke.com ini silahkan berkomentar.

dan baca juga artikel seoke.com yang menarik lainnya di Cara menginput kode Css pada Html dan pengertian javascript untuk blog.

   /

  No Comments

membuat slide gambar di blog

  07:04:00    

              Oke sobat seoke.com yang selalu setia mengunjungi seoke.com,akali ini seoke.com akan berbagi tentang Cara membuat slide gambar untuk blog.
slide gamab ialah gambar yang bergerak otomatis di blog,dan seoke.com akan menerangkan  dalam metode ini cara penerapan atau esangan code code tersebut.
Dan seoke.com  akan membuat slide yang begitu sederhana namun elegant.ukuran dalam slide ini cukuplah kecil tidak mengganggu saat loading masuk pada blog kalian.dan di desain secara detail oleh para master koding tersebut.


foto by www.tele-satellite-global.com


slide ini bisa termasuk menggunakan Javascript yang merupakan salah satu terbaik untuk menampilkan banyak informasi halaman yang relatif cukup kecil dan membuat fungsi dan piture yang baik.

Kita langsung aja mulai ke cara peerapan kode tersebut

  • Cari code sperti ini ]]></b:skin> dan letakan kode di bawah ini tepat di atas kode ]]></b:skin>

    • .easyslider-wrapper { width: auto; float: left; position: relative; padding-right: 2%; padding-top: 10px; } .easyslider { overflow: hidden; position: relative; width: 100%; height: 350px; background: #eee; } .image_reel { position: absolute; top: 0; left: 0; } .image_reel img { float: left; width: 20%; height: 350px; } .paging { background: none; position: absolute; bottom: 15px; right: 20px; padding:4px 0 2px; z-index: 100; display: none; } .paging a { margin: 3px; background: #fff; width: 10px; height:10px; display: inline-block; border: none; outline: none; } .paging a.active { background: #15E3FF; border: 1px solid #15E3FF; } .paging a:hover { } .easytitledes { width:70%; display: none; position: absolute; bottom: 20px; left: 20px; z-index: 101; background: #000A3F; background: rgba(2, 0, 51, 0.6); padding: 10px 15px; } .easytitledes a { color: #15E3FF; font: 14px sans-serif; text-transform: uppercase; font-weight: bold; } .easytitledes a:hover { color:#29FF00 } .easytitledes p { color: #fff; font: 12px Arial; }


  •  Berikutnya cari code sperti ini </head> dan letak kode di bawah ini tepat di atas kode </head>
    <script type="text/javascript"> /*<![CDATA[*/ $(document).ready(function() { $(".paging").show(); $(".paging a:first").addClass("active"); var imageWidth = $(".easyslider").width(); var imageSum = $(".image_reel img").size(); var imageReelWidth = imageWidth * imageSum; $(".image_reel").css({'width' : imageReelWidth}); rotate = function(){ var triggerID = $active.attr("rel") - 1; var image_reelPosition = triggerID * imageWidth; $(".paging a").removeClass('active'); $active.addClass('active'); $(".easytitledes").stop(true,true).slideUp('slow'); $(".easytitledes").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow"); $(".image_reel").animate({left: -image_reelPosition}, 400 ); }; rotateSwitch = function(){ $(".easytitledes").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow"); play = setInterval(function(){ $active = $('.paging a.active').next(); if ( $active.length === 0) { $active = $('.paging a:first'); } rotate(); }, 4000); }; rotateSwitch(); $(".image_reel a, .easytitledes a").hover(function() { clearInterval(play); }, function() { rotateSwitch(); }); $(".paging a").click(function() { $active = $(this); clearInterval(play); rotate(); rotateSwitch(); return false; }); }); /*]]>*/ </script>
    • pada tahap bertikutnya cari code <div id="main-wrapper"> atau <div class ="main-wrapper"> jika klain tidak menukan seperti code yang 2 tadi silahkan cari yang mirip dengan code tersebut,di karnakan dalam setiap template blog itu berbeda beda tergantung yang membuat tersebut.
  • Setelah menemukan kode seperti di atau atau yang mirip code tersebut silahkan masukan kode di bawah ini tepat di bawah code tersebut
    <b:if cond="data:blog.url == data:blog.homepageUrl"> </b:if><br />
    <div class="easyslider">
    <div class="image_reel">
    <a href="https://www.blogger.com/blogger.g?blogID=800603341005712978#"><img src="...image1.jpg" /></a> <a href="https://www.blogger.com/blogger.g?blogID=800603341005712978#"><img src="...image2.jpg" /></a> <a href="https://www.blogger.com/blogger.g?blogID=800603341005712978#"><img src="...image3.jpg" /></a> <a href="https://www.blogger.com/blogger.g?blogID=800603341005712978#"><img src="...image4.jpg" /></a> <a href="https://www.blogger.com/blogger.g?blogID=800603341005712978#"><img src="...image5.jpg" /></a> </div>
    <div class="descriptionslider">
    <div class="easytitledes">
    <a href="https://www.blogger.com/...post-link1.html">Post-Title 1</a><br />
    Description / Caption 1</div>
    <div class="easytitledes">
    <a href="https://www.blogger.com/...post-link2.html">Post-Title 2</a><br />
    Description / Caption 2</div>
    <div class="easytitledes">
    <a href="https://www.blogger.com/...post-link3.html">Post-Title 3</a><br />
    Description / Caption 3</div>
    <div class="easytitledes">
    <a href="https://www.blogger.com/...post-link4.html">Post-Title 4</a><br />
    Description / Caption 4</div>
    <div class="easytitledes">
    <a href="https://www.blogger.com/...post-link5.html">Post-Title 5</a><br />
    Description / Caption 5</div>
    </div>
    <div class="paging">
    <a class="" href="https://www.blogger.com/blogger.g?blogID=800603341005712978#" rel="1"> </a><a class="" href="https://www.blogger.com/blogger.g?blogID=800603341005712978#" rel="2"> </a><a class="" href="https://www.blogger.com/blogger.g?blogID=800603341005712978#" rel="3"> </a><a class="" href="https://www.blogger.com/blogger.g?blogID=800603341005712978#" rel="4"> </a><a class="" href="https://www.blogger.com/blogger.g?blogID=800603341005712978#" rel="5"> </a></div>
    </div>

  • silahkan peratinjau dulu dalam template kalain dan lihat hasilnya 
    Mungkin cukup sekian dulu seoke.com menerangkan postingan tentang membuat slide gambar di blog.
    jika kailan punya kriti atau pun saran tentang postingan atau yang seoke.com sampaikan.silahkan tinggalkan pesanya di komentar yang seoke.com telah sipakan .
    Terima kasih.
    dan baca juga artikel menarik seoke.com yang lainya dengan cara membuat menu navigasi dengan gambar

   / /

  No Comments

Demo button effek slide

  06:32:00    

   Butuh tombol DENGAN Yang unik, seoke.com akan postingkan mebuat demo tombol effek slide. Kalian langsung aja kecaranya oke

foto Dengan www.kellydennisvoice.com/
  •  Cari Kode </ style> tau cari Kode ]]> </ b: skin>
  • Masukan Kode Di Bawah ini Tepat di atas Kode di ANTARA dua yang kalian pilih 
#wrap {margin: 20px auto; text-align: center; }
#wrap br {display: none; }
.bie-slide, .bie-slide2 {position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid # F9690E; margin: 10px; transisi: .5s; }
.bie-slide2 {border: 2px solid # 36D7B7; }
.bie-slide: hover {background-color: # F9690E; }
.bie-slide2: hover {background-color: # 36D7B7; }
.bie-slide: hover span.circle, .bie-slide2: hover span.circle2 {kiri: 100%; margin-left: -45px; background-color: #fdfdfd; color: # F9690E; }
.bie-slide2: hover span.circle2 {color: # 36D7B7; }
.bie-slide: hover span.title, .bie-slide2: hover span.title2 {left: 40px; opacity: 0; }
.bie-slide: hover span.title-hover, .bie-slide2: hover span.title-hover2 {opacity: 1; left: 40px; }
.bie-slide span.circle, .bie-slide2 span.circle2 {display: block; background-color: # F9690E; Warna: # fff; position: absolute; float: kiri; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; kiri: 0; transisi: .5s; border-radius: 50%; }
.bie-slide2 span.circle2 {background-color: # 36D7B7; }
.bie-slide span.title, .bie-slide span.title-hover, .bie-slide2 span.title2, .bie-slide2 span.title-hover2 {position: absolute; kiri: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: # F9690E; transisi: .5s; }
.bie-slide2 span.title2, .bie-slide2 span.title-hover2 {color: # 36D7B7; kiri: 80px; }
.bie-slide span.title-hover, .bie-slide2 span.title-hover2 {kiri: 80px; opacity: 0; }
.bie-slide span.title-hover, .bie-slide2 span.title-hover2 {color: # fff; }

  • Kemudian cari Kode </ head> Dan letakan Kode di Bawah ini Tepat di atasnya 
<Link href = 'http: //netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel = 'stylesheet' />


  • Simpan Template tersebut, untuk review memanggilnya kita cukupdengan  mode HTML di postingan Dan silahkan Simpan Kode Di Bawah ini dengan yang kalian inginkan
<Div id = "membungkus">
<a class="bie-slide" href="http://seokecom.blogspot.com" target="_blank">
  <Span class = "lingkaran"> <i class = "fa fa-roket"> </ i> </ span>
  <Span class = "title"> Demo </ span>
  <Span class = "title-melayang"> Klik di sini </ span>
</a>
<a class="bie-slide2" href="http://seokecom.blogspot.com" target="_blank">
  <Span class = "CIRCLE2"> <i class = "fa fa Download"> </ i> </ span>
  <Span class = "title2"> Unduh </ span>
  <Span class = "title-hover2"> Klik di sini </ span>
</a>
</ Div>

Mudah Bukan tombol MEMBUAT Demo effek slide pada blog .
seoke.com mengucapkan Banyak terima kasih atas berkunjung di seoke.com JIKA Kalian Punya keritik dan Saran silahkan Tinggalkan pesanya di komentar Yang  telah di siapkan..





   /

  No Comments

Cara membuat permalink pada blog

  06:12:00    

   Ketemu lagi di blognya seoke.com yang selalu menyajikan kode kode untuk blog,buat yang membutuhkan.nah kali ini seoke.com sekarang share ini tentang Cara membuat permalink pada blog.
dan sebelum kita ke pembahannay,kalian harus tau dulu apa sich yangdi maksud dengan Permalink Ialah link permanen yang menuju halam dari sumber artikel berbeda.sangant optimal dalam membuat artikel link yang murni dari sebuah halaman,dan bisa membuat SEO home page dari suatu halaman yang akan membantu halam untuk bisa terindex oleh search berdasarkan KEYWORD yang diketikan.

foto By dribbble.com


untuk prosesnya kalian yang pasti harus masuk ter lebih dahulu pada blog kalian dan masuk ke DASHBOARD > pilih TEMPLATE > dan EDIT HTML.

  • Cari kode seperti ini ]]></b:skin>
  • Setealah kalian menemukan kode  ]]></b:skin> masukan kode di bawah ini tepat di atas kode yang tadi :
.admin-tulisan { display:block; width:auto; background:#fff; border:2px solid#4eabff; box-shadow:0 1px 3px #4eabff; -moz-box-shadow:0 1px 3px #4eabff; -webkit-box-shadow:0 1px 3px #4eabff; padding:0; margin:30px 0 10px 0; font:normal 12px Arial,Sans-Serif; color:#000; }
.admin-tulisan .kontainer { padding:5px; }
.admin-tulisan h4 { background:#4eabff; border:none; border-bottom:1px solid #; color:#000; text-transform:normal; text-  box-shadow:0 1px 3px #4eabff; -moz-box-shadow:0 1px 3px#4eabff; -webkit-box-shadow:0 1px 3px #4eabff; font:bold 12px Arial,Sans-Serif; padding:5px 10px; margin:0 0 0 0; display:block; }
.admin-tulisan h4 a { color:#000; }
.admin-tulisan img { width:110px; height:110px; margin:0 10px 0 0; float:left; border:1px solid #4eabff; padding:2px; background:#4eabff; box-shadow:0 1px 3px #4eabff; -moz-box-shadow:0 1px 3px #1da7e7; -webkit-box-shadow:0 1px 3px #4eabff; }

  • Setelah itu kalian  cari kode <data:post.body/> dan masukan kode di bawah ini tepat di bawahnya 
  • keterangan saat mencari kode <data:post.body/> di dalam template mungkin ada lebih dari satu,jadi kalian coba satu persatu sampai permalink bisa muncul di bawah postingan
<!-- Permalink seoke.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='admin-tulisan'><h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4><div class='kontainer'><img alt='seoke.com' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8LO2FSeqbOL4opPT3VIbRtAlXoC2imd_sYQfHQMdP14GbyQGLlUpeKFmlFBYLQTWwrvNdcXvqqULfpdwU3siuhnC8rxp0Sc0a0mffgmLSsayM-wM7PjB96lpNuFgSs0WxZFSdAZDjw7w/s200/www.seoke.com.png'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://seokecom.blogspot.com' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/></div></div></b:if><!-- Permalink seoke.com -->

dan simpan/save template


  • Biru ganti dengan nama yang kalian inginkan
  • Orange ganti url  gambar dengan yang kalian punya
  • Merah untuk besar kecinya ukuran kotak permalink dan kalin bisa sesuaikan dengan template sobat sendiri.
Bila kalian butuh kode kode menarik yang pengen di tempelkan pada blog kalian seperti membuat fans page melayang silahkan kunjungi halamanya.

Terima kasih telah berkunjung di Cara memasang permalink pada blog.bila punya keritik dan saran silahkan tinggalkan pesanya di komentar.

   / /

  No Comments

kumpulan effek untuk blog

  05:18:00    

             Jika kawan seoke.com pengen mendesain agar blog kalian menarik saat pengunjung melihat blog kalian,pas banget kalian berkunjung ke senini.soalnya seoke.com akan berbagi kode kode untuk membuat bog kalian menarik dengan menggunakan effec effec ini.


photo By backgrounds-for-computer.blogspot.co.id

kita langsung aja youk kodenya sperti apa scih,kalian tinggal copy paste semua yang kalian inginkan di bawah ini :
  • Effec meteor jatuh :



  • Orang kencing sembarangan :


  • Anjing jorok


  • Murka marah


  • Tomat 


  • Terbakar


  • Bayi merangkak


  • Cacing


  • Siput


  • Semut


Cara memasang kode kode tersebut silakan ikuti tutorial di bawah ini :
  1.  kalian silahkan masuk terlebih dahulu pada akun blog kalian
  2. pilih DASHBOARD
  3. setelah itu kalian cari TATA LETAK
  4. Sudah masuk pilih TAMBAHKAN WIDGET
  5. Dan yang terakhir pilih HTML/JAVASCRIPT
  6. Masukan kode yang kalian copy paste yang di atas tadi dan SIMPAN 
  7. Lihat hasilnya
gimana meraik bukan dan gampang saat menempelkan kode kodenya.
mungkin hanya segitu yang seoke.com bisa bagikan jika kalian pengen lebih banyak effec tersebut yang kalian inginkan silahkan kalian tinggalkan pesannya di blog
Terima kasih kalian sudah berkunjung di blognya seoke.com

  

  No Comments

kumpulan kode HTML untuk blog v1

  04:42:00    

sore menjelang malam kawan ketemu lagi di blognya seoke.com yang berusaha untuk menyajikan kode kode HTML.JAVASCRIPT,PHP,CSS,JQERY dan kode kode yang lainnya untuk blog,sesen kali ini seoke.com akan berbagi kode kode untuk para blogger pemula/newbe.


photo By afri3.blogspot.co.id


kode untuk pasang gambar di blog



Hasilnya seperti di gambar

kode untuk membuat gambar di blog dengan ukuran




Hasilnya seperti di bawah ini


kode untuk membuat link 




Hasinya seperti ini

www.seoke.com

kode untuk link dengan gambar




Hasilnya sperti ini




kalian coba klik pada gambar,kalian akan di bawa ke alamat url tujuan dari gambar tersebut
mungkin sementara seoke.com hanya bisa berbagi kode kode tersebut cuma segitu,lain kali seoke.com akan mengumpulkannya lebih banyak untuk para kawan seoke.com.
dan bila kalian tidak mengerti dengan apa yang telah seoke.com telah sampaikan silahkan kalian tinggalkan pesanya di komentar yang telah seoke.com siapakan.
terima kasih telah berkunjung di blognya seoke.com.

  

  No Comments

Subscribe to: Posts (Atom)