26 April 2017

Download Line Premium Terbaru Versi 7.1.2


Pada kali ini saya akan share sebuah aplikasi sosial media sekarang,yang gak mungkin kalian gak tau sama aplikasi yang satu ini,yaitu LINE,bukan line biasa yang saya share kali ini,tapi line yang sudah di modifikasi menjadi line premium,fitur nya kalian bisa membeli tema secara gratis,terus fitur no read chat,jadi chat kalian gak akan ter read ketika dibaca orang lain,masih banyak lagi fitur nya di line premium ini

screenshot






Fitur line premium versi 7.1.2
  • Tema Gratis
  • No Read Chat
  • Read after response (akan berstatus read hanya apabila pesan sudah dibalas)
  • Hide Chat
  • Effect
  • News
  • Download Button Enabled
  • In App Browser
  • Hide/Show News Tab
  • Hide/Show Call Tab
Cara menggunakan no read chat dan fitur lain nya:
  1. Buka Line
  2. Pergi Ke Pengaturan
  3. Klik Tentang LINE
  4. Klik God Mode
  5. Silahkan aktifkan fitur yang ingin digunakan  



line yang udah terinstall di uninstall dulu

sekian postingan kali ini

25 April 2017

Solusi Gambar Mengecil Saat Share Artikel ke Facebook



Tutorial kali ini adalah cara memperbaiki gambar mengecil (menjadi segi empat) saat postingan dibagi ke facebook padahal thumbnail/gambar pada postingan tersebut berada pada ukuran yang landscape atau persegi panjang horizontal. Dalam hal ini kita akan memperbaiki posisi gambar tersebut sebagaimana mestinya, yaitu menjadi lebar agar terlihat indah saat dibaca oleh teman Facebook atau likers fanpage Facebook blog anda.

Postingan yang di share ke Facebook sebetulnya telah di atur oleh open graph Facebook yang telah kita tanam pada HTML template blog. Open graph tersebut bertujuan untuk melakukan generate apa saja yang perlu diinformasikan pada postingan tersebut. Mulai dari anchor text yang bersama headline postingan, deskripsi, dan tentunya image atau thumbnail postingan.

Pihak developer Facebook sendiri telah menentukan berapa lebar dan tinggi yang perlu diterapkan pada gambar/thumbnail postingan blog, yaitu 1200 x 630 pixel untuk resolusi tinggi atau 600 x 315 pixel untuk mendapatkan generate terbaik saat artikel tersebut di share ke Facebook.

Namun, jika image yang dibuat tidak sesuai dengan width dan height gambar yang telah direkomendasikan, dengan pengertian lain lebih kecil dari ukuran yang ditentukan oleh Facebook, maka gambar secara otomatis akan di generate menjadi kecil (persegi). Dengan posisi gambar berada di sebelah kiri, sejajar bersama headline dan description yang berada di sebelah kanan thumbnail/gambar tersebut. Penampakannya kurang lebih seperti berikut ini.

Solusi Gambar Mengecil Saat Share Artikel ke Facebook

Padahal harusnya posisi gambar terbaik kurang lebih seperti ini.

Solusi Gambar Mengecil Saat Share Artikel ke Facebook

Untuk cara mengatasi nya,ikuti tutorial ini

Cara mengatasi gambar menjadi kecil saat share postingan ke Facebook



Silahkan anda masuk ke Edit HTML blog anda terlebih dahulu, temukan salah satu baris kode open graph Facebook berikut ini.

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

Lalu letakkan kode berikut ini tepat di bawah dari kode tadi.

<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />

Kalau digabungkan antara open graph Facebook dan Twitter, hasilnya akan menjadi seperti ini.

<!-- Facebook and Twitter Open Graph -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='ID GROUP FACEBOOK' property='fb:app_id'/>
<meta content='ID FACEBOOK ADMIN' property='fb:admins'/>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
</b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='TWITTER ADMIN' name='twitter:creator'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
</b:if>

Simpan template anda, dan silahkan lihat hasilnya dengan share salah satu artikel anda pada Facebook.

21 April 2017

Give Away! Template New Line Pro Gratis


Sesuai dengan janji saya,kali ini saya akan membagikan give away sebuah template new line pro dari arlina design,fitur dari template ini tidak perlu diragunkan lagi,selain seo friendly juga fast loading,saya akan memberikan template ini gratis,saya juga tidak minta apa apa dari kalian,cukup donasi blog ini dengan like fanspage dan klik iklan dibawah ini

DONASI



fitur template ini


Features Availability
Responsive True Cek
Google Testing Tool Validator True Cek
SEO Friendly True Cek
Mobile Friendly True Cek
Dynamic Heading True
Adsense Ready True
Valid Schema.org True
High CTR True
Personal Blog True
Disqus Comment System True
2 Column True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Responsive Dropdown Menu True
News Ticker True
Smooth Back to Top True
Custom Subscribe Box Widget True
Custom Pop up Contact Form True
Sitemap Widget True
Shortcodes True
New Style : Invision with 3 Color Option True
Unlimited Page Numbered True
Well Documentation True


password: www.zynationdesign.net

sekian postingan kali ini
jangan bosan bosan kunjungi zynation ya :D

Aplikasi Android yang Tidak Ada di Google Play

Aplikasi Android yang Tidak Ada di Google Play

Google Play adalah tempat utama bagi para pengguna android untuk mencari dan menginstall aplikasi. Tersedia banyak sekali aplikasi di Google Play, mulai dari yang gratis sampai dengan yang berbayar. Sayangnya, Google menerapkan aturan yang ketat sehingga beberapa aplikas yang sebenarnya sangat bermanfaat tidak bisa masuk ke Google Play.

Sebagai gantinya, para pengembang aplikasi yang tidak mendapatkan tempat di Google Play menaruh aplikasinya di forum seperti xda, dan website resmi aplikasi mereka. Beberapa aplikasi open source dapat ditemukan di f-droid.

AdAway


Aplikasi Android yang Tidak Ada di Google Play

AdAway adalah aplikasi yang mampu memblokir iklan, baik di web maupun aplikasi android. Kamu bisa menggunakan aplikasi dengan lebih santai tanpa terganggu iklan yang sering muncul dan menutupi aplikasi. Pastikan bahwa smartphone kamu sudah di root untuk dapat menggunakan AdAway. Kamu bisa mendapatka AdAway di website resminya https://adaway.org/.

WiFiKill


Aplikasi Android yang Tidak Ada di Google Play

Kamu mungkin pernah mendengar aplikasi NetCut di Windows. Aplikasi yang bisa digunakan untuk memotong koneksi orang lain yang berada pada satu jaringan yang sama. Nah, android juga punya aplikasi semacam ini, namanya WiFiKill. Aplikasi ini sangat cocok untuk kamu yang sering wifi-an. Kamu bisa dapatkan aplikasi WiFiKill di website resminya https://wifikillapk.com/.

TubeMate


Aplikasi Android yang Tidak Ada di Google Play

TubeMate sangat berguna untuk kamu yang senang mendownload video dari YouTube. Walaupun aplikasi resmi YouTube sudah mendukung fitur “tonton nanti”, tapi tidak seperti TubeMate yang benar-benar mendownload konten video dan bebas kamu simpan dimana saja. Saat ini banyak sekali aplikasi TubeMate palsu yang bertebaran di internet, pastikan bahwa kamu mendownload TubeMate langsung dari websitenya http://tubemate.net/.

Xposed Framework Installer


Aplikasi Android yang Tidak Ada di Google Play

Kamu yang senang mengoprek android harus coba aplikasi yang satu ini. Aplikasi ini memungkinkan kamu untuk melakukan perubahan sampai ke level sistem. Kamu bisa mengubah bagaimana android kamu dan meningkatkan kinerjanya. Tersedia banyak modul yang siap kamu gunakan. Xposed Framework Installer bisa kamu dapatkan disini http://repo.xposed.info/.

ViPER4ANDROID


Aplikasi Android yang Tidak Ada di Google Play

Kamu mungkin tidak puas dengan kualitas speaker smartphone android kamu. Suara terlalu kecil dan tidak jernih adalah salah satu keluhan para pengguna android, terutama yang menggunakan smartphone dengan harga dibawah 1jt-an. Tapi, ada satu aplikasi yang bisa kamu gunakan untuk meningkatkan kualitas suara speaker smartphone android kamu, namanya ViPER4ANDROID.

Kamu sudah pernah coba 5 aplikasi android diatas? Kalau belum, kamu bisa mencoba satu persatu dengan mengunjungi website resmi masing-masing aplikasi. Jangan lupa untuk mencentang “Sumber tidak dikenal” agar dapat menginstall aplikasi selain dari Google Play.

Cara Menghapus Aplikasi Sistem Android

Cara Menghapus Aplikasi Sistem Android

Seperti yang kita ketahui, rata-rata smartphone android di isi dengan berbagai macam aplikasi yang sebenarnya tidak perlu dan tidak berguna oleh vendor pembuat smartphone. Hal ini membuat penyimpanan internal smartphone terbuang sia-sia untuk aplikasi yang tidak kita gunakan. Dan buruknya lagi, ada banyak aplikasi bloatware yang di install sebagai aplikasi sistem, sehingga tidak bisa dihapus.

Untungnya, android adalah sistem operasi opensource. Selalu saja ada cara untuk mengakali berbagai kekurangannya. Jika kamu juga cukup terganggu dengan aplikasi-aplikasi sistem, maka kamu bisa menggunakan Link2Sd untuk menghapus aplikasi-aplikasi sistem tersebut. Sebelumnya, root terlebih dahulu android kamu ya.

Install


Cara Menghapus Aplikasi Sistem Android

Kamu bisa menginstall secara gratis aplikasi Link2Sd di Google Play. Ada gua aplikasi Link2Sd di Google Play, yaitu yang versi gratis dan berbayar.

Cara menghapus aplikasi sistem android


Aplikasi yang termasuk ke dalam kategori aplikasi sistem tidak bisa dihapus dengan cara biasa. Kamu perlu mendapatkan hak akses root dan Link2Sd. Jika smartphone android kamu sudah di root, buka Link2Sd, lalu pilih “aplikasi sistem” untuk menampilkan seluruh aplikasi sistem yang terinstall di smartphone kamu.

Cara Menghapus Aplikasi Sistem Android

Pilih aplikasi sistem yang ingin kamu hapus. Dalam hal ini, saya ingin menghapus Chrome. Maka saya akan menyentuh beberapa saat pada aplikasi Chrome sampai muncul opsi. Lalu pilih “hapus”. Akan muncul dialog peringatan yang menyatakan bahwa jika salah menghapus aplikasi sistem dapat berakibat pada fatal untuk smartphone kamu. Jadi, selalu berhati-hati jika ingin menghapus aplikasi sistem. Pastikan kamu tahu apa yang kamu lakukan.

Cara membekukan aplikasi


Sebenarnya caranya hampir sama dengan ketika kamu menghapus aplikasi, yaitu dengan tekan-tahan di aplikasi, lalu pilih bekukan. Membekukan aplikasi jauh lebih aman dibandingkan dengan menghapus aplikasi sistem. Aplikasi sistem yang dibekukan tidak akan berjalan sampai kamu mengaktifkannya lagi menggunakan Link2Sd.

Cara Menghapus Aplikasi Sistem Android

Itu dia cara menghapus dan membekukan aplikasi sistem menggunakan Link2Sd. Kamu bisa menghapus aplikas sistem yang tidak kamu gunakan. Atau jika tidak yakin ingin menghapusnya, kamu bisa membekukannya. Dengan cara ini, RAM smartphone android kamu akan menjadi lebih lega. Sebelum menghapus atau membekukan aplikas sistem, selalu cari tahu terlebih dahulu apakah aplikasi tersebut aman atau tidak. Kamu bisa mengunjungi forum atau grup yang khusus membahas tipe smartphone yang kamu gunakan.

20 April 2017

Cara Melihat Jumblah Pengunjung Atau Visitors Traffic Blog Dan Website


Salah satu indikator penting dalam penentuan kesuksesan blog ialah seberapa banyak pengunjung/visitors yang dapat ia dapatkan setiap hari, setiap bulan dan setiap tahun ke blog atau websitenya. Artinya, semakin banyak pengunjung atau visitors blog, maka website atau situs tersebut bisa dikatakan sukses. Apalagi jika lalu lintas visitors blog setiap hari mengalami kenaikan secara siginifikan. Lebih-lebih jika pengunjung ini datang dan diarahkan langsung oleh mesin pencarian.

Jika blog yang bersangkutan memiliki pengunjung yang banyak dan didukung oleh konten yang berkualitas, maka hal inipun akan mendongkrat page views (PV) dari blog tersebut. Dengan begitu, untuk dapat menjadikan blog agar mendapatkan penghasilan, sudah sangat terbuka lebar. Namun, untuk mendatangkan pengunjung murni ini tidak semudah yang dibayangkan. Seorang blogger harus berusaha semaksimal mungkin untuk mempromosikan blognya agar dapat dikenali oleh banyak orang dan juga mesin pencarian, seperti Google. Untuk itu, perlu adanya perlakuan memotivasi diri agar hal ini dapat secara kontinuitas dilakukan.

Salah satu cara memotivasi diri ialah dengan memonitoring pengunjung atau visitors yang berkunjung ke blog. Disamping itu, memonitoring pengunjung juga bertujuan untuk melihat perkembangan terhadap segala optimasi SEO yang telah kita terapkan di blog, melihat backlink blog, melihat konten mana yang populer di blog, melihat kuantitas keyword yang diarahkan ke blog, dan lain sebagainya.

Sebetulnya untuk khusus pengguna platform blogger sudah disediakan menu tersendiri untuk melihat statistik, baik jumlah pengunjung dan lainnya yang terjadi di blog. Namun, selain itu, kita juga dapat memanfaatkan layanan pihak ketiga, seperti yang akan diuraikan berikut ini.

Melihat jumlah pengunjung blog menggunakan Google Analytics

Google Analytics adalah situs resmi milik Google. Dengan Google Analytics anda akan melihat visitor atau pengunjung secara Real-Time. Tidak cukup sampai disitu, anda juga dapat melihat dengan keyword apa saja visitor bisa sampai mengunjungi blog/situs. Jika dibandingkan dengan situs yang sama, maka Google Analitycs inilah yang paling komplit

Agar anda bisa mengetahui jumlah pengunjung atau visitor blog, terlebih dahulu anda harus membuat akun dengan menghubungkan akun Google anda (email gmail) dengan Google Analytics. Masukkan blog anda, setelah itu anda akan diminta untuk memasang script di HTML template (berlakun untuk semua jenis platform), atau memasang kode unik di menu blog anda (khusus untuk platform blogger). Dengan cara, masuk ke blogger > pilih blog > klik Setelan > Lainna > masukkan kode unik tersebut pada kolom Google Analytics > Simpan setelan.

Situs: https://www.google.com/analytics/

Melihat jumlah pengunjung blog menggunakan Histats


Selain Google Analytics, Histats juga disinyalir menjadi tools gratis terbaik untuk melihat statistik blog atau website. Histats juga memberitahukan pengunjung (visitors) dan page views blog secara real time. Untuk kelengkapan fitur keduanya memang tidak jauh berbeda. Hanya tampilannya saja yang mungkin terlihat tidak sama. Keduanya, memiliki keunggulan dan kekurangan masing-masing.

Histats merupakan tools gratus untuk melihat pengunjung, jumlah tayang, dan lainnya cukup lengkap. Untuk dapat menggunakan tools ini terlebih dahulu anda harus membuat akun Histats. Setelah itu, menambahkan blog dan kemudian memasang script widget ke blog.

Untuk pilihan widget ini ada bermacam-macam. Anda cukup memilih salah satu saja (atau yang diperlukan) dari beberapa widget yang ditawarkan. Widget tersebut seperti view counter atau tracking code Histats lainnya. Untuk itu, kunjungi website Histats sekarang juga.

Website: http://histats.com/

Melihat jumlah pengunjung blog menggunakan Statshow


Statshow memang tak selengkap kedua tools yang telah dibahas sebelumnya. Bahkan penyajian informasi statistik blog pun tidak secala langsung. Untuk pengindeksian terkait jumlah pengunjung dan pageviews dari blog tertentu, kemungkinan diupdate setiap 3 bulan sekali.

Namun website ini menjadi salah satu web alternatif untuk melihat jumlah pengunjung atau jumlah page views suatu blog, baik blog anda sendiri atau pun blog orang lain. Selain itu, data lain yang ditampilkan ialah estimasi penghasilan dari iklan yang ditampilkan dari blog yang bersangkutan.

Website: http://www.statshow.com/

19 April 2017

Membuat Menu + Kolom Search Melayang Saat di Scroll Tanpa jQuery


Tutorial blogspot kali ini tentang cara membuat menu dropdown dan kolom search melayang setelah di scroll, atau yang lebih dikenal dengan sticky menu/floating menu. sebenar nya banyak cara untuk membuat floating menu atau sticky menu di blog, beberapa diantaranya ialah pure menggunakan CSS, menggunakan JavaScript hingga menggunakan jQuery.

Namun, pada tutorial cara membuat sticky menu kali ini ialah tanpa jQuery yang biasanya menggunakan stylesheet jQuery yang disinyalir membawa dampak buruk pada loading blog, sehingga blog menjadi terasa berat saat loading. Cara membuat menu melayang kali ini menggunakan sedikit bantuan dari JavaScript yang cukup ringan dan tentunya 100% work.

Nah, bagi anda yang tertarik juga memasang sticky menu di template blognya, silahkan simak caranya berikut ini.

Cara membuat sticky menu di blog

Cara ini berlaku bagi anda yang ingin mengganti tampilan menu sepenuhnya, alias memulai dari nol:

Langkah 1
Login ke blogger, masuk ke dasbor blog > Template > Edit HTML

Langkah 2
Letakkan kode berikut ini di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

/* Menu and Search */

.menu-wrapper{width:100%;max-width:1000px;margin:0 auto;padding:0;position:relative}

.sticky-menu{font-family: &#39;Open Sans&#39;, arial;background:#2d2d2d;width:auto;padding:0;margin:0;font-size:15px;font-weight:400}

.sticky-menu ul{margin:0 auto;padding:0;float:left}

.sticky-menu ul a {display:block;padding:0 15px;}

.sticky-menu ul li{position:relative;margin:0;}

.sticky-menu ul &gt; li {float:left;}

.sticky-menu ul &gt; li &gt; a {display:block;height:57px;line-height:56px;color:#fff;font-weight:bold;overflow:hidden;transition:all .35s ease;}

.sticky-menu ul &gt; li &gt; a.active {background:#e35959;color:#fff;}

.sticky-menu ul &gt; li:hover &gt; a,.sticky-menu ul li.homex {background:#e35959;color:#fff;}

.sticky-menu ul &gt; li:hover &gt; a.active {background:#e35959}

.sticky-menu ul li a img{vertical-align:middle!important;height:10px;width:14px}

.sticky-menu ul ul {display:none;list-style:none;position:absolute;top:100%;width:190px;z-index:9999;overflow:hidden}

.sticky-menu ul &gt; li:hover ul {display:block}

.sticky-menu ul ul &gt; li {clear:both;overflow:hidden;background:rgba(22,3,48,.6);height:42px;z-index:9999;width:190px;}

.sticky-menu ul ul &gt; li &gt; a {margin:0;color:#fff !important;padding:0 15px;text-align:left;height:42px;line-height:41px;width:190px;z-index:9999}

.sticky-menu ul ul &gt; li &gt; a:hover {color:#fff !important;background:#e35959}

/* Sticky menu */

.makesticking2{position:fixed!important;padding:0!important;top:0;max-width:100%;left:0;right:0;z-index:99999}

</style>

<script type='text/javascript'>

//<![CDATA[

var mql = window.matchMedia('screen and (min-width: 600px)');if (mql.matches){function makemeSticky2(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking2",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky2("floating");}

//]]>

</script>

Langkah 3
Selanjutnya, untuk kode pemanggil menu+search form di atas, anda dapat meletakkan kode berikut ini di bawah header atau di atas content-wrapper:


<div class='menu-wrapper' id='floating'>

<nav class='sticky-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>

 <ul>

   <li class='homex'><a href='/' itemprop='url' title='home'><img alt='Home' expr:title='data:blog.title' height='12' src='http://2.bp.blogspot.com/-eXDzvmiaYcc/VktrFQnAsPI/AAAAAAAAGJQ/ECTgSNQKlzs/s1600/siminihome.png' width='14'/> Home</a></li>

   <li><a href='/search/label/Amazing' itemprop='url' title='Amazing'><span itemprop='name'>Amazing</span></a></li>

   <li><a href='/search/label/Black' itemprop='url' title='Black'><span itemprop='name'>Black</span></a></li>

   <li><a href='/search/label/Speed' itemprop='url' title='Speed'><span itemprop='name'>Speed</span></a></li>

   <li><a href='/search/label/Sport' itemprop='url' title='Sport'><span itemprop='name'>Sport</span></a></li>

   <li><a href='/search/label/Style' itemprop='url' title='Style'><span itemprop='name'>Style</span></a></li>

<li><a href='#' itemprop='url' title=''><span itemprop='name'>Other</span></a>

<ul>

<li><a href='/search/label/Red' itemprop='url' title='Red'><span itemprop='name'>Red Car</span></a></li>

<li><a href='/search/label/Modern' itemprop='url' title='Modern'><span itemprop='name'>Modern</span></a></li>

<li><a href='/search/label/ThankYou' itemprop='url' title='Thank You'><span itemprop='name'>Thank You</span></a></li>

</ul>

</li>

    </ul>

<form action='/search' id='search-wrapper' method='get'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search here...'/></td>

<td class='search-button'><input id='search-button' type='submit' value='Go'/></td></tr></tbody></table></form>

    <div class='clear'/>

</nav>

    <div class='clear'/>

</div>

Langkah 4
Simpan Template

Cara membuat sticky menu pada menu yang sudah terpasang di blog


Bagi anda yang hanya ingin menambahkan efek sticky menu di blog, maka anda tidak perlu merombak seluruh menu yang sudah terpasang tersebut. Anda cukup menambahkan beberapa langkah berikut ini:

#Langkah 1
Tampahkan <div id=’floating’> di antara kode (pemanggil) menu di blog. Contohnya:

<div id=’floating’>
KODE PAMANGGIL MENU DI BLOG YANG SUDAH ADA
</div>

#Langkah 2
Temukan kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt; lalu letakkan berikut ini di atas kode tadi:

<script type='text/javascript'>

//<![CDATA[

var mql = window.matchMedia('screen and (min-width: 600px)');if (mql.matches){function makemeSticky2(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking2",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky2("floating");}

//]]>

</script>

#langkah 3
Simpan template.

Selamat mencoba dan semoga sukses.

15 April 2017

Cara Membuat Banner Animasi Di Photoshop


Mau membuat banner animasi untuk blog? tapi gak tau cara membuat nya? gampang kok,udah banyak banget software software cara membuat banner animasi,tapi kali ini beda,kita membuat banner animasi cuma menggunakan photoshop,emang nya bisa? ya bisalah,software pengedit gambar ini bukan cuma buat edit aja,tapi kita bisa membuat banner animasi di dalam nya

gunakan photoshop versi terbaru ya,rekomendasi gunakan photoshop cc 2015 aja
kali ini tutorial nya lewat vidio,karena lama banget proses untuk membuat tutorial gambar,karena membuat banner animasi,memakan waktu yang lumayan lama




jangan lupa subscribe! gan

8 April 2017

Macam Macam Efek Hover Pada Gambar


Kalian pasti pernah liat blog,ketika gambar nya di hover/cursor di arahkan,gambar tersebut akan berubah menjadi efek hitam putih,atau makin gelap. kenapa bisa begitu? karena blog tersebut sudah menerapkan efek ini,ada beberapa efek yang saya share kali ini,bisa kalian pilih sesuai kebutuhan

Untuk menerapkan efek ini sangat mudah. Silahkan pilih CSS berikut ini dan sesuaikan dengan kebutuhan blog Anda. Jika sudah ditentukan silahkan login ke blogger > template >edit HTML lalu tambahkan CSS-nya pada bidang gambar yang ingin diberi efek

Berikut contoh CSS untuk masing-masing efek hover pada gambar:

#efek-gambar a img:hover { -webkit-filter:none; /*Returns to default*/; }
#efek-gambar a img.brightness:hover { -webkit-filter:brightness(0); }
.blur { -webkit-filter:blur(3px); }
.contrast { -webkit-filter:contrast(160%); }
.grayscale { -webkit-filter:grayscale(100%); }
.huerotate { -webkit-filter:hue-rotate(180deg); }
.invert { -webkit-filter:invert(100%); }
.opacity { -webkit-filter:opacity(50%); }
.saturate { -webkit-filter:saturate(3); }
.sepia { -webkit-filter:sepia(100%); }
.brightness { -webkit-filter:brightness(0.25); }

Contoh penerapan nya:

<div id="efek-gambar">
<img class="blur" src="disini link gambar Anda" />
</div>

contoh hasil nya:

Blur

Contrast

Grayscale

Huerotate

Invert

Opacity

Saturate

Sepia

Brightness

Demikian tutorial blogger kali ini tentang macam-macam efek hover pada gambar. Semoga berguna untuk blog Anda.

http://www.seocips.com/2015/11/9-efek-hover-sederhana-pada-gambar-di-blogspot.html