Dikuasakan oleh Blogger.
  • Home
  • Author
  • Tutorial
    • Blog Tutorial
    • Blogskin Tutorial
    • Photoshop Tutorial
  • Freebies
  • Blogskin
ig shop fanpage instagram

I N F I N I T E


Assalamualaikum :)

Salam Ramadhan semua ^_^ haritu sempat untuk update blog sebelum puasa lepas tu puasa malas nak bukak blog, harini baru rajin plus esok dah nak balik KUIS. Semester baru dah start T_T 2bulan cuti tetiba rasa sekejap je 😂 So akan kemalilah blog ni bersarang dengan sarang lebah untuk selama 6 bulan. Kalau rajin, time cuti midsem mungkin update XD

Btw, haritu ada orang request untuk buat tutorial macam mana nak edit blog macam arrien ni. First at all, apa yang arrien jadi dkt blog arrien sekarang adalah hasil try and error. HAHAHA pakai buat je. But sbb dah ada yang request so arrien try buat ye. 😁


First sebelum edit semua ni, arrien guna template denim. Template ni dah takde dah but ualls can see this tutorial cara nak dapatkan template denim. --> INSTALL DENIM TEMPLATE

Then how to make navi header like me? follow this tutorial. NAVI HEADER LIKE ME.
Post tittle like me yang ala-ala post title blogskin tengok tuto ni POST TITTLE LIKE BLOSKIN
Sidebar title pun sama, tengok tuto ni SIDEBAR LIKE ME
Nak letak background lawa and comel-comel pulak, just follow this tutorial. CHANGE BACKGROUND BLOG.

okey apa lagi eh? ahaha aduh arrien tak tahu macam mana nak buat tutorial ni. 😅 Okey like this, Tips nak dapat blog macam arrien, first korang kena pilih warna-warna pastel. Guna HTML COLOR CODES untuk cari codes untuk color pastel. Gambar-gambar yang nak letak dekat blog pun, kaau boleh guna gamar ala-ala tumblr. Baru lawa 😁

Then this is the most important thing! Anda kena berani try and error! HEHE nak dapat blog macam arrien? Try je tutorial dekat blog arrien ni --> TUTORIAL BY ARRIEN . Semua yang arrien buat dekat blog ni, semua ada dalam lists tutorial. Korang cari and try ye. so sorry coz arrien tak tahu nak terangkan macam mana nak edit blog macam arrien. But trust me, semua yang arrien pernah edit dekat blog arrien, semua ada dalam lit tutorial tu. Yang sekarang apa ada kat bog arrien pun ada. TRY AND TEST YE 😉

Okey sampai disini sahaja lah ye, nanti arrien free arrien junguk blog ni. Pray for me sepaya sem5 ni lebih strong dan berjaya dapatkan degree nanti. TQ 💕😘



Share
Tweet
Pin
Share
5 Comments
architecture, house, and snowing image
Assalamualaikum :)

Because baru-baru ni arrien ada tukar sikit-sikit stuff dekat blog ni, so benda-benda yang arrien 'buang' dari blog ni arrien buat as a tutorial untuk semua. Supaya kalau tetiba arrien rasa nak guna balik benda tu boleh arrien rujuk tuto sendiri je kan? 😁 Anda semua pun dialu-alukan untuk menggunakan tutorial ini kalau berminat ^_^

First at all, kalau korang perasan dekat blog arrien sebelum ni, ada snow effect warna putih. memang macam salji. best hehe. Kalau tak perasan, ni ada contoh gambar.

(Click gambar untuk lebih jelas)

Kalau korang click dekat ambar atas tu, korang akan nampak bintik-bintik putih dekat gamar tu. Sebab screenshot so maybe tak jelas so korang boleh try sendiri dekat blog korang.

This tutorial is just for :
Denim tempate/ Template designer.

1. Dashboard > Layout > Add a Gadget > HTML/ JavaScript
2. Copy this code
<script type="text/javascript" src="http://static.tumblr.com/57iv3tl/DNFmwu7uo/snowstorm.js">this.animationInterval = 70;
</script>

3. Paste kan dekat dalam kotak HTML/ JavaScript tu.
4. Save, and Preview!
5. Done. 😍

The very simple tutorial but can make your blog look more beautiful! ^_-

p/s: Kalau tak menjadi or ada problem, sila tinggalkan komen ye. Kalau menjadi pun, sila-sila tinggalkan komen ye 😘


Share
Tweet
Pin
Share
No Comments

Assalamualaikum :)

Macam arrien katakan di entry sebelum ini, arrien akan buatkan tutorial yang telah direquest di ask.fm so ini requestnya :D

So sidebar yang dimaksudnya itu ialah ini;
[Preview]

Denim / Washed Denim Template
1. Dashboard > Template > Edit Html.
2. Use Ctrl + F and fine code .sidebar h2 {

Classic Template/ Blogskin
1. Dashboard > Template.
2. Untuk blogskin,korang cari code sidebar korang.
3. Copy code nie;

text-align: left;
    margin-left: -30px;
    margin-bottom: 10px;
    width: 200px;
    padding: 8px;
    background-color: #fff;
    box-shadow: 0px 4px 4px #cfc4ae;
    border-left: 40px solid #cdf0eb;
    font-family: masana;
    font-size: 22px;
    letter-spacing: 2px;
    background-image: url('URL BACKGROUND');
}
@font-face{
font-family:masana;
src:url(http://static.tumblr.com/dep4vzc/Inomy7nn8/masanascript-1propia.otf);
}

4. Paste / gantikan di bawah code sidebar yang korang cari tadi.
5. Preview & save.

Note:
Merah: Gantikan dengan apa yang anda suka. (warna & background)

code credit : cocorini


Share
Tweet
Pin
Share
5 Comments

bedroom, room, and bed image
Assalamualaikum :)
Ada sesiapa still tak tahu apa itu tooltip? oke tooltip ni macam keterangan bagi sesuatu ikon or gambar. haha oke arrien tak reti nak terangkan but cuba tengok gambar bawah nie, Ada kan nampak yang warna kelabu tulis "ASK'' tu? kalau nak lebih tahu, click [live preview] tu :D
[Live Preview]
Nampak dah? bila korang sentuh je gambar tu dia keluar ayat yang korang letakkan untuk gambar tu. So jom pergi ke tutorialnya.

Template Designer ;
1.Dashboard > Layout > Add a Gadget > HTML/JavaScript
2. Copy code nie
<style>
#s-m-t-tooltip {
    background: black;
    font-size: 9px;
    line-height: 11px;
    -webkit-animation: zoom 600ms;
    font-family: cambria;
    letter-spacing: 1px;
    text-transform: uppercase!important;
    color: #fff;
    text-align: center;
    padding: 5px 10px 5px 10px;
    display: block;
    border-radius: 5px;
    margin: 24px 14px 7px 12px;
    text-transform: lowercase;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>
3. Paste kan dalam kotak HTML/JavaScript tadi.
4. Save!
5. Kemudian, copy code bawah nie;
 title="ayatkorangsendiri"
6. Paste kan sebelum tanda /> akhir gambar or icon korang. Contoh;
 <img src="http://data1.whicdn.com/images/172498921/large.jpg"  title="ayatkorangsendiri"  /> 

Classic Template/Blogskin;
1.Dashboard > Template > Edit HTML
2. Tekan CTRL+F dan cari code </style>
3. Copy code bawah nie;
<style>
#s-m-t-tooltip {
    background: black;
    font-size: 9px;
    line-height: 11px;
    -webkit-animation: zoom 600ms;
    font-family: cambria;
    letter-spacing: 1px;
    text-transform: uppercase!important;
    color: #fff;
    text-align: center;
    padding: 5px 10px 5px 10px;
    display: block;
    border-radius: 5px;
    margin: 24px 14px 7px 12px;
    text-transform: lowercase;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>
4. Paste bawah code yang korang cari di no.2
5. Copy code bawah nie;
 title="ayatkorangsendiri"
6. Paste kan sebelum tanda /> akhir gambar or icon korang. Contoh;
 <img src="http://data1.whicdn.com/images/172498921/large.jpg"  title="ayatkorangsendiri"  />
7. Preview & Save.

Note: Warna merah tu tukarkan dengan code color yang korang nak sendiri. boleh search google ''HTML color code".


Share
Tweet
Pin
Share
No Comments

Young and restless. | via Tumblr
Assalamualaikum :)
Kepada yang mengrequest tuto nie, sorry yea lambat. Pergi cari code untuk tuto nie balik sebab dah tukar template and tuto nie arrien ada guna untuk template arrien yang sebelum nie. Jadi terpaksa pergi godek-godek folder backup balik. HUHU.. Border sidebar bergambar tu adalah macam nie;
1) Dashboard > Template > Edit HTML.
2) Tekan ctrl+f serentak dan cari code nie;
.sidebar h2 {
3) Copy code nie dan pastekan bawah code yang dicari;
background:url(URL ATAS)no-repeat top;font-size:22px;
4) Buat cara sama no.2 dan cari code nie pulak;
 .sidebar {
5) Copy and paste code bawah nie dibawah code yang anda cari tadi;
background:url(URL TENGAH)repeat-y;color: #333333; 
6) Cara sama juga seperti di no.2 dan cari code ;
.sidebar .widget { 
7) Copy code dan paste bawahnya;
 background:url(URL BAWAH)no-repeat bottom;margin:0px 0px;
 8) Preview & save.!

Note :
Yang arrien kata Atas, tengah, bawah tu ialah gambar untuk border tu. Jadi korang kena design sendiri dulu border tu using Photoshop oke.
Contoh untuk border tu ialah macam nie;

Atas
Tengah
Bawah
Jadi korang kena design satu-satu. Dia punya lebah mesti ikut lebah sidebar korang. Contoh kalau sidebar width korang : 225px, maka dekat Photoshop tu pun korang kena bubuh width dye 225px. Lepas dah siap design, save dan bila nak letakkan dekat blog kena guna URL, jadi nak dapatkan URL gambar tu.. uploadkan gambar tu di [SINI]. Dan apabila dah upload, ambil dye punya Direct Link.
Oke done, Kalau tak faham, sila tanya di fanpage or ask.fm arrien yea. But kalau tanya dekat ask.fm, make sure tinggalkan link blog korang kalau korang tak sign in ask.fm ^_-

P/s: Jangan ambil yea contoh gambar border yang arrien tunjuk dekat atas tu. 100% hak milik arrien :)

Share
Tweet
Pin
Share
4 Comments

(42) Tumblr
Assalamualaikum :)
Nampak tak post title arrien, first letter dye berbeza dari ayat yang lain kan? so arrien nak tunjukkan dekat korang cara nak jadikan first letter at post tittle berwarna. :D But,peringatan.. tutorial ini hanya untuk denim template coz arrien hanya try dekat denim template, so bagi simple or template yang lain, cuba-cuba lah yea. Try and error oke? hee :D

[Click untuk preview]
1. Dashboard > Template > Edit HTML.
2. Tekan Ctrl+f serentak dan cari code bawah nie;
/* Posts
----------------------------------------------- */
3. Copy code bawah nie;
.post-title:first-letter {
color: #000;
font-size: 20px;
font-family: 'Short Stack', cursive;
padding: 1px;
text-shadow: 1px 0px 1px #fff;
}
4. Then paste dekat bawah code yang korang cari di no.2 tadi.
5. Preview and save! done :)

Note:
Merah : Tukarkan dengan color code yang anda suka.

Share
Tweet
Pin
Share
No Comments
Older Posts

About me

DmPRDCbQC2A/WJoToqY-gPI/AAAAAAAAAL8/CMgWRh6OFVoy7elrJJWlL1dnOuMsrmrrQCLcB/s1600/about.jpg"
/ />

Aenean sollicitudin, lorem quis bibendum auctor, nisi elit conseat ipsum, nec

sagittis sem nibh id elit. Duis sed odio sit amei.

FOLLOWER

Follow Me

  • IG shop
  • facebook
  • instagram

recent posts

Blog Archive

  • ▼  2019 (3)
    • ▼  Mei (1)
      • Salam Ramadhan 2019!
    • ►  April (1)
    • ►  Januari (1)
  • ►  2018 (11)
    • ►  Oktober (1)
    • ►  Mei (3)
    • ►  April (4)
    • ►  Januari (3)
  • ►  2017 (9)
    • ►  Mei (1)
    • ►  April (6)
    • ►  Februari (1)
    • ►  Januari (1)
  • ►  2016 (20)
    • ►  November (10)
    • ►  Oktober (6)
    • ►  September (1)
    • ►  Ogos (1)
    • ►  Julai (1)
    • ►  Februari (1)
  • ►  2015 (40)
    • ►  Oktober (1)
    • ►  September (2)
    • ►  Julai (1)
    • ►  Jun (6)
    • ►  Mei (4)
    • ►  April (7)
    • ►  Mac (10)
    • ►  Februari (6)
    • ►  Januari (3)
  • ►  2014 (38)
    • ►  Disember (5)
    • ►  November (2)
    • ►  Oktober (1)
    • ►  Jun (5)
    • ►  Mac (3)
    • ►  Februari (6)
    • ►  Januari (16)
  • ►  2013 (358)
    • ►  Disember (49)
    • ►  November (45)
    • ►  Oktober (25)
    • ►  September (13)
    • ►  Ogos (38)
    • ►  Julai (24)
    • ►  Jun (34)
    • ►  Mei (32)
    • ►  April (21)
    • ►  Mac (27)
    • ►  Februari (24)
    • ►  Januari (26)
  • ►  2012 (135)
    • ►  Disember (37)
    • ►  November (37)
    • ►  Oktober (21)
    • ►  September (8)
    • ►  Ogos (12)
    • ►  Julai (4)
    • ►  Jun (2)
    • ►  Mei (6)
    • ►  April (2)
    • ►  Mac (2)
    • ►  Januari (4)
  • ►  2011 (3)
    • ►  Disember (3)
Facebook Twitter Instagram Pinterest Bloglovin
FOLLOW ME @iena_inspirit97

Created with by ThemeXpose | Distributed By Gooyaabi Templates